img, div { behavior: url(iepngfix.htc) }

body {	width: 100%; margin: 0;	text-align: center;	background: white url(img/bg_body.jpg) repeat; height: 100%; font: normal 11px/130% Verdana, Arial, Helvetica, sans-serif;}
#container { width: 930px;	margin: 0 auto; text-align: center; background:  #E8F5EF; position: relative;}
#header { height: 70px; background: url(img/logo.jpg); width: 930px; margin: 0 auto;}
a { text-decoration: none;}

#scroller { margin: 0px; padding: 0px; height: 125px; width: 930px; background: url(img/bg_scroller.jpg) repeat-x; }
#scroller img { border: none; padding: 2px; margin: 0 15px;}
/*-------------------top menu ---------------------------------------*/
#topmenu { margin: 0 auto; padding: 0; width: 930px; height: 24px; list-style: none; text-align: center;  background: url(img/bg_topmenu.jpg); float: left; }
#topmenu ul {margin: 0 auto; padding: 0; width: 920px; height: 22px; list-style: none; text-align: center; }
#topmenu ul li { width: 85px; margin: 4px 0 0 0; height: 18px; list-style: none; text-align: center; float: left; border-right: solid 1px gray; position: relative; padding: 0;}
#topmenu ul li a {color: black; text-decoration: none; font: normal 12px Verdana, helvetica, sans-serif; padding: 0; text-align: center; margin: 0 auto; height: 18px; }
#topmenu ul li a:hover, #menu ul li:hover { color: #CC0043; }
#topmenu ul ul { position: absolute; top: 18px; left: 0; margin: 0; padding: 0; background: #A1B9BC; width: 120px; text-align: left; height: auto; z-index: 500; }
* html #topmenu ul ul { position: absolute;}
#topmenu ul ul li {color: #DCEBEC;	border: none; padding: 0 0 0 3px; width: 118px; margin: 1px 0; height: 20px; text-align: left; background: #E3F1F3;}
#topmenu ul ul li a {font: normal 12px arial, helvetica, sans-serif;	letter-spacing: 1px; }
#topmenu ul ul li:hover { background: #F3FDFE; }
div#topmenu ul ul, div#topmenu ul ul ul, div#topmenu ul li:hover ul ul {display: none; }
div#topmenu ul li:hover ul, div#topmenu ul ul li:hover ul{display: block;}
/*-------------------end of top menu --------------------------*/

#content { width: 930px; margin: 0; padding: 0; text-align: center; float: left;  background: #E8F5EF url(img/bg_content.jpg) no-repeat;}

#content #leftcol { width: 220px; float: left; margin: 0; padding: 0; text-align: center; }
#leftcol p { font: normal 12px/150% Verdana, arial, Helvetica, sans-serif; text-align: center; }
#leftcol .leftbox { width: 205px; margin: 8px 8px; text-align: center; background: white; border: solid 1px #839DA2; float: left;}
#leftcol .leftbox p { width: 200px; text-align: center; color: black; font: normal 11px/130% Verdana, Arial, Helvetica, sans-serif; margin: 5px auto;}
.leftbox .title { font: bold 11px/130% Verdana, Arial, Helvetica, sans-serif; color: #012BA2; background: url(img/bg_leftbox.jpg); height: 20px;}
.leftbox .title a {  color: #012BA2;}
.leftbox b a { color:  #A70E0E; }
/*---------------------------------*/

#leftmenu { width: 212px; background: url(img/bg_leftmenu.png) no-repeat; margin: 0 0 0 8px; padding: 0; text-align: center; float: left; }
#leftmenu ul { width: 200px; margin: 40px auto 0 auto;  padding: 0; }
#leftmenu ul li { width: 180px; font: bold 12px/180% Verdana, Arial, Helvetica, sans-serif; color: #0E4D8F; text-align: center; list-style: none; margin: 0 auto; position: relative;}
#leftmenu ul li a { text-decoration: none; color: #0E4D8F;}
#leftmenu ul ul { position: absolute; top: -35px; left: 170px; background: #DBF3EB; border: solid 1px #A9CAD0; width: 180px; text-align: center; z-index: 499;}
#leftmenu ul ul li { text-align: left; color: black; background: #C2E1E0; margin: 1px auto; width: 170px;}
#leftmenu ul ul li:hover { background: #ACD7DA; }
#leftmenu ul ul li a { color: black; font: normal 11px/120% Verdana, Arial, Helvetica, sans-serif; }
div#leftmenu ul ul, div#leftmenu ul ul ul, div#leftmenu ul li:hover ul ul {display: none; position: absolute;}
div#leftmenu ul li:hover ul, div#leftmenu ul ul li:hover ul{display: block;}

/*----------------------*/

#content #rightcol { width: 680px; float: right; margin: 60px 10px 0 0; padding: 0;}
#rightcol h1 { font: bold 16px/150% Verdana, arial, Helvetica, sans-serif; text-align: left; color: black; margin: 0;}
#rightcol .subhead1, #rightcol .subhead1 a { font: bold 14px/150% Verdana, arial, Helvetica, sans-serif; text-align: left; color: #001C6C; margin: 0; }
#rightcol .subhead2, #rightcol .subhead2 a { font: bold 12px/150% Verdana, arial, Helvetica, sans-serif; text-align: left; color: #001C6C; margin: 0; }
#rightcol .subhead3, #rightcol .subhead3 a { font: bold 12px/150% Verdana, arial, Helvetica, sans-serif; text-align: left; color: #A70E0E; margin: 0; }
#rightcol p { font: normal 11px/150% Verdana, arial, Helvetica, sans-serif; text-align: justify; width: 680px; float: left; margin: 5px auto;}
#rightcol a { color: #9D4C4C; }


#rightcol .row { width: 680px; float: left; margin: 5px 0; clear: both; border-bottom: solid 1px #758C95;}
#rightcol .row p {font: normal 11px/150% Verdana, arial, Helvetica, sans-serif; text-align: justify;  margin: 5px auto;}
#rightcol .row .lefttext { width: 440px; float: left; }
#rightcol .row .righttext { width: 440px; float: right; }
#rightcol .row .lefttext p, #rightcol .row .righttext p { width: 450px; }
#rightcol .row ul, #rightcol ul { text-align: left; list-style: disc; margin: 0;}
#rightcol .row ul li, #rightcol ul li { margin: 8px 0; }

.rightcoltable { width: 680px; float: left; border: none; font: normal 11px/150% Verdana, arial, Helvetica, sans-serif; margin: 0;}
.rightcoltable p { width: auto; }
/*----------------------*/

.reviewbox { width: 680px; background: #C5DAE2; text-align: center; float: left; margin: 0; padding: 0;}
.reviewbox .reviewtitle { height: 25px; background: #08427D; color: white; font: bold 12px/150% Verdana, arial, Helvetica, sans-serif; text-align: left; }
.reviewbox p { font: normal 10px/150% Verdana, arial, Helvetica, sans-serif; margin: 5px auto; width: 660px; float: left; text-align: justify;}

.crumbs { text-align: left;	color: #0438df;	font: bold 11px Arial, Helvetica, sans-serif; margin-top: 5px; padding-left: 210px;}

/*--use this when you want to float an image within some text---*/
.imgleft { float: left; margin: 5px; }
.imgright { float: right; margin: 5px; }

/*---------styles for a form and fields-------*/
form { margin: 0; padding: 0; }
input, textarea {border: 1px solid gray;font: normal 11px Arial, Helvetica, sans-serif;	color: black; text-align: center; margin: 2px 0;}
.paypal { border: none; }
.spacer {  clear: both;  height: 10px; }
.button { background: #094275; font: bold 11px Arial, Helvetica, sans-serif; margin: 2px 0; color: white;}
.border { border: 1px solid black; }
/*----------------------*/

#footer {width: 930px; height: 150px; margin: 0 auto 20px auto; padding: 0; text-align: center;	clear: both; background: url(img/bg_footer.jpg) no-repeat;}
#footer .vision { margin: 70px auto 0 auto; width: 900px; float: left;}
#footer p { margin: 5px 0 0 5px; text-align: center; font: normal 11px Arial, Helvetica, sans-serif; color: #FF8A2C;}
#footer .foottext {float: left; width: 900px;  margin: 10px auto 0 auto; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif; color: white; text-align: center;}
/*----------end of footer area -------------------*/