body {margin:0; padding:0; background-color:#FFF; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.alignLeft {float:left; }
.alignRight {float:right; }

div#main { width:704px; margin:0; padding-left:8px;}

div#leftColumn { float:left; clear:right; width:580px; background:url(../img/leftColumn/bg.gif) repeat-y; height:auto; margin-bottom:4px; }
div#leftColumn h1 { margin:0; margin-bottom:15px; font-size:1.6em; color:#666;}
div#leftColumn h2.main { margin:0; margin-bottom:15px; font-size:1.6em; color:#666;}
div#leftColumn h2 { margin-bottom:15px;  font-size:1.2em; color:#ff3300;}
div#leftColumn h3 { margin-bottom:15px;  font-size:1.0em; color:#339900;}
div#leftColumn p { font-size:1em; color:#000;}
div#leftColumn a { text-decoration:none; }
div#leftColumn #headerTop {width:580px; height:61px; background:url(../img/leftColumn/headerTop.gif) no-repeat #FFF;}
div#leftColumn #headerTopB {width:580px; height:58px; background:url(../img/leftColumn/headerTopB.gif) no-repeat #FFF;}
div#leftColumn #headerTop img, div#leftColumn #headerTopB img {margin-top:0px; margin-left:22px;}
div#leftColumn div#leftSide { float:left; clear:right; width:174px; }
div#leftColumn div#leftMenu { background:url(../img/leftColumn/bg-menu-mid.gif) repeat-y; }
div#leftColumn div#leftMenu ul { margin:0; padding:0; margin-left:28px;}
div#leftColumn div#leftMenu li { padding:0; list-style:none; margin-left:-14px;}
div#leftColumn div#leftMenu li.on { font-weight:bold; }
div#leftColumn div#leftMenu li a:link, div#leftColumn div#leftMenu li a:visited{color:#333333; font-size:1.1em; text-decoration:underline;padding-left:14px;}
div#leftColumn div#leftMenu li a:active { font-weight:bold;}
div#leftColumn div#leftMenu li a:hover  { bac\kground:url(../img/leftColumn/arrow_white.gif) left no-repeat; padding-left:14px; text-decoration:underline; }
div#leftColumn div#leftMenuBtm { background: url(../img/leftColumn/bg-menu-btm.gif) no-repeat; width:174px; height:56px;}
div#leftColumn div#leftBtm { clear:right; width:580px; height:34px; background:url(../img/leftColumn/bg-btm.gif) no-repeat #FFF;}
div#leftColumn div#rightSide { float:right; width:390px; margin-right:4px;}
div#leftColumn div.section {float:right; width:550px; margin-top:0; margin-bottom:12px; }
div#leftColumn img.section {float:left; margin-right: 20px; border:none;}
div#leftColumn img.learnMore {float:right; margin:20px 5px 0 0; border:none; }

/* styles for Helpful Tools pages: */
div#form {background-color:#F3F3F3; border:1px solid #999999; padding: 5px; }
table.tools td { font-size:11px; vertical-align:top; }
table.tools th { font-size:11px; vertical-align:top; text-align:left; width:120px;}
table.tools input { font-size:11px; line-height:12px;}
table.tools input.submit { font-size:1em; height:2em; background-color:#DBDBDB; border-top:1px solid #999999; border-right:2px solid #000; border-bottom:2px solid #000; border-left:1px solid #999999; margin: 3px 0; text-align:center;}

div#note {}
div#note h2 { font-size:1.0em; font-weight:bold;}
/* end styles for Helpful Tools pages: */

div#rightColumn { float:right; clear:inherit; width:120px; margin:0; margin-left:4px;}
/* \*/
* html div#rightColumn { clear:left !important;} 
/* */
div#rightColumn .blue { width:120px; background:url(../img/rightColumn/blue_mid.gif) repeat-y; margin-bottom:4px; }
div#rightColumn .blue p {padding:0 8px 0px 15px; margin:0; }
div#rightColumn img { border:none; }
div#rightColumn .blueBtm { clear:both; width:120px; height:28px; background:url(../img/rightColumn/blue_btm.gif) no-repeat #FFF; text-align:center; }
div#rightColumn .blueBtm p img {border:none;}
div#rightColumn .green { width:120px; background:url(../img/rightColumn/green_mid.gif) repeat-y; margin-bottom:4px;}
div#rightColumn .green p {padding:0 10px; ; margin:0; }
div#rightColumn .greenBtm { clear:both; width:120px; height:28px; background:url(../img/rightColumn/green_btm.gif) no-repeat #FFF; text-align:center; }
div#rightColumn .greenBtm p img {border:none;}
div#rightColumn .greenBtm p a:link, div#rightColumn .greenBtm p a:visited, div#rightColumn .greenBtm p a:active { font-size:.9em; color:#000000; text-decoration:none;}
div#rightColumn .greenBtm p a:hover { text-decoration:underline;}
div#rightColumn #quizTop { width:120px; height:54px; background:url(../img/rightColumn/item_headers/quiz_blue.gif) no-repeat #FFF; }
div#rightColumn #sitesTop { width:120px; height:34px; background:url(../img/rightColumn/item_headers/sites_blue.gif) no-repeat #FFF;  }
div#rightColumn #sitesBtm { width:120px; height:27px; background:url(../img/rightColumn/sites_btm.gif) no-repeat #FFF; margin:-5px 0 5px 0;  }
div#rightColumn #surveyTop { width:120px; height:54px; background:url(../img/rightColumn/item_headers/survey_blue.gif) no-repeat #FFF;}
div#rightColumn #shareusTop { width:120px; height:54px; background:url(../img/rightColumn/item_headers/shareus_green.gif) no-repeat #FFF;}
div#rightSide ul { margin:0 0 0 18px; padding:0; }
div#rightSide li { padding:3px; }

/* Health Tips have random grabbed Tips, each with their own header styles: */
div#rightColumn #healthtip { width:120px; background:url(../img/rightColumn/green_mid.gif) repeat-y; margin-bottom:4px;}
div#rightColumn #healthtip p {padding:0 10px; ; margin:0; }
div#rightColumn #healthtip #healthtip-bg1 { width:120px; height:79px; background:url(../img/rightColumn/item_headers/healthtip_green1.gif) no-repeat #FFF; }
div#rightColumn #healthtip #healthtip-bg2 { width:120px; height:79px; background:url(../img/rightColumn/item_headers/healthtip_green2.gif) no-repeat #FFF; }
div#rightColumn #healthtip #healthtip-bg3 { width:120px; height:79px; background:url(../img/rightColumn/item_headers/healthtip_green3.gif) no-repeat #FFF; }
div#rightColumn #healthtip #healthtip-bg4 { width:120px; height:79px; background:url(../img/rightColumn/item_headers/healthtip_green4.gif) no-repeat #FFF; }


div#footer { clear:both; margin-left:10px; width:717px; height:185px; background:url(../img/footer/footer_bg.gif) no-repeat; margin-left:8px; margin-top:4px; padding:0; text-align:center;}
/* the Margin-Top in div#footer is for IE only: in div#leftColumn a Margin-Bottom has already been set, but IE doesn't recognize this. Firefox however doesn't recognize the Margin-Top in the Footer */
div#footer p a:link, div#footer p a:visited, div#footer p a:active {color:#000000; text-decoration:none;}
div#footer p a:hover {text-decoration:underline;}