﻿body 
{
    background-image:url(images/back.jpg);
    background-repeat:repeat-x;
    background-position:center top ;
    
}

.maindiv
{
    width:1006px;
    height:auto ;
    background-image:url(images/top.gif);
    background-repeat:no-repeat;
    background-position:center top;
  
}
.middlediv
{
    width:1000px;
    height:805px;
    border-left:solid 2px #9cd3ef;
        border-right:solid 2px #9cd3ef;
      clear:both;  
}

.afirst
{ width:250px;
    height:20px;
    background-image:url(images/btn/Intro_sc_green.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
    float:left;
    clear:left ;
}
.afirst:hover
{ width:250px;
    height:20px;
    background-image:url(images/btn/Intro_sc.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
      float:left;
    clear:left ;
}
.asecond
{ width:199px;
    height:20px;
    background-image:url(images/btn/sugarhistry_green.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
    float:left;
    
}
.asecond:hover
{ width:199px;
    height:20px;
    background-image:url(images/btn/sugarhistry.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
      float:left;
    
}
.athird
{ width:250px;
    height:20px;
    background-image:url(images/btn/Sugar_B_Stry_green.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
    float:left;
  
}
.athird:hover
{ width:250px;
    height:20px;
    background-image:url(images/btn/Sugar_B_Stry.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
      float:left;
   
}

.aforth
{ width:300px;
    height:20px;
    background-image:url(images/btn/Historical_green.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
    float:left;
    
}
.aforth:hover
{ width:300px;
    height:20px;
    background-image:url(images/btn/Historical.jpg);
    background-position:center top;
    background-repeat:no-repeat ;
      float:left;
    
}
.leftdiv
{
    width:200px;
    height:auto;
    float:left;
    clear:both;
     background-color:White;
     border-right:solid 1px silver;
    
     border-bottom :solid 1px silver;
}
.middiv
{
    width:600px;
    height:auto;
    float:left;
    padding-top:10px;
       

 border-bottom :solid 1px silver;
}.rightdiv
{
    width:198px;
    height:auto;
    float:right;
    clear:right;
         background-color:White;
         border-left:solid 1px silver;
 border-bottom :solid 1px silver;
}

.category-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: black;
	list-style-image: none;
	list-style-type: none;
	width: 164px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	text-align: left;
	text-transform: none;
}
.category-menu li{
	color: black;
	display: block;
	padding: 0px;
}
.category-menu li a {
	color: #000000;
	text-decoration:none;
	display: block;
	margin: 0px;
	padding-left: 16px;
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 4px center;
	height: 22px;
	padding-top:3px;
}
*html .category-menu li a {
	color: #000000;
	width: 164px;
}
.category-menu li a:hover {
	color: #000000;
	text-decoration:underline;
	
	text-decoration: underline;
}

.title_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(images/title_bg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 25px;
	background-position: left top;
}
.bottamdiv 
{
    width:100%;
    height:80px;
    background-image:url(images/bottam.gif);
    background-position:center top;
    background-repeat:no-repeat ;
    clear:both;
}