/* CSS Document */

body  { background: #BEC8D7; color: #333; font: normal normal 11px Verdana, Arial, sans-serif; text-align: center; }
form  { background: #BEC8D7; color: #333; font: normal normal 11px Verdana, Arial, sans-serif; }
input { background: #F1F1F2; color: #42515E; font: normal normal 11px Arial, sans-serif; }
textarea { background: #FFF; color: #42515E; font: normal normal 11px Arial, sans-serif; }
h1    { color: #42515E; font:  normal bold 14px Verdana, Arial, sans-serif; margin-bottom: 4px; 
		background: #EFEFEF; width: 100%; padding: 3px; }
h2    { color: #000; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h3    { color: #006; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #333; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #006; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol, ol ol, ol ol ol { color: #333; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul       { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul ul    { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul ul ul { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }

/* Define include_top area */
.banner { background: #FFF;  border-top: 2px solid #FFF; border-bottom: 2px solid #FFF;}

/* Define top menu banner */
.topbanner1 { background: #43536E; color: #E3E7EF; font: normal normal 11px Verdana, Arial, sans-serif; 
	 line-height: 28px; border-bottom: 1px solid #33744E; padding-right: 3px; }
.topbanner1 a:link    { color: #FFF; text-decoration: none;   }
.topbanner1 a:active  { color: #FFF; text-decoration: none;   }
.topbanner1 a:visited { color: #FFF; text-decoration: none;   }
.topbanner1 a:hover   { color: #E3E7EF; text-decoration: underine;  }


/* Define Left Menu  */
.leftmenu { background-image: url('images/menuback.jpg'); color: #FFF; font-size: 12px; 
font-family: Verdana, Arial, Helvetica; line-height: 18px; width: 173px; }
.leftmenu a:link { color: #FFF; padding-top: 3px; padding-left: 22px; height: 23px;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: -2px;
    width: 173px; background-image: url('images/boff.jpg'); background-repeat: no-repeat; }
.leftmenu a:active { color: #FFF; padding-top: 3px; padding-left: 22px; height: 23px;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: -2px; 
    width: 173px; background-image: url('images/boff.jpg'); background-repeat: no-repeat; }
.leftmenu a:visited { color: #FFF; padding-top: 3px; padding-left: 22px; height: 23px;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: -2px; 
    width: 173px; background-image: url('images/boff.jpg'); background-repeat: no-repeat; }
.leftmenu a:hover { color: #000; padding-top: 3px; padding-left: 22px; height: 23px;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: -2px; 
    width: 173px; background-image: url('images/bover.jpg'); background-repeat: no-repeat; }
	
/* Define Right Side */
.rightside { background: #EFEFEF; color: #000000; font-size: 12px; 
    font-family: Verdana, Arial, Helvetica; line-height: 18px; padding: 10px; }

	
/* Define Main Area */
.main { background: #DEE0E4; color: #000000; font-size: 12px; 
    font-family: Verdana, Arial, Helvetica; line-height: 18px; padding: 10px; }
.formpage { background: #DEE0E4; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; }
.formfield { background: #DEE0E4; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #605306;  }
.viewleft { background: #DEE0E4; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; width: 180px; }
.viewright { background: #DEE0E4; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; width: 540px; }
#body { background: #DEE0E4; width: 760px; text-align: center; }

/* Define Footer  */	

 .footer { background: #697FA2; color: #FFFFFF; padding: 3px; font-size: 9px; 
    font-family: Verdana, Arial, Helvetica; height: 24px; }
.footer a:link { color: #FFFFFF; text-decoration: none; padding: 3px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
.footer a:active { color: #CCCCCC; text-decoration: none; padding: 3px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } 
.footer a:visited { color: #FFFFFF; text-decoration: none; padding: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } 
.footer a:hover { color: #E3E7EF; text-decoration: underline; padding: 3px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } 



/* Define product pages */
.productbox      { background: #EFEFEF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border: 1px solid #697FA2; }
.productboxtop   { background: #8DA7C6; color: #FFF; font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-top: 1px solid #697FA2; border-left: 1px solid #697FA2;  border-right: 1px solid #697FA2;  }
.products        { background: #FFF; }
.productssleft   { background: #FFF; color: #333; border-left: 1px solid #CCC; border-top: 1px solid #CCC; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.productssright  { background: #FFF; color: #333; border-left: 1px solid #CCC; border-top: 1px solid #CCC; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #CCC; }
	
/* Define textbox area */

.textbox      { background: #BEC8D7; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; 
	border-left: 1px solid #697FA2; border-bottom: 1px solid #697FA2;  border-right: 1px solid #697FA2; }
.textboxheader { background: #43536E; color: #FFF; 
	font: normal bold 12px/15px Verdana, Arial, sans-serif; height: 27px;
	padding-top: 4px; padding-bottom: 4px; }
	
/* Define standard hyperlinks */	
a:link  { color: #43536E; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }  
a:active { color: #43536E; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }
a:visited { color: #43536E; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }
a:hover { color: #000; font: normal normal Verdana, Arial, sans-serif; text-decoration: none; }