body{ background: #284f6f url(../images/bg_body.gif) repeat-x top left; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#main_container{ width: 100%; }
#page_container{ width:960px; background: #3d8acb url(../images/page_bg.jpg) no-repeat top left; margin: 0 auto; position: relative; border: 1px solid #1b4a70; border-width: 0 2px 2px 2px; }
#logo{ background: url(../images/logo_header.jpg) no-repeat top left; width: 960px; position:relative; height: 183px; margin: 0 auto;}
#logo img{ border: 0; position: absolute; top: 0; right: 9px; }

#content{ background: #fff; position: relative; width: 909px; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; margin-top: 0; border: 2px solid #3e8bcb; border-width: 0 2px; }
#content .content_top{ background: #fff url(../images/content_top.gif) no-repeat; position: absolute; top: 0; left: 0; width: 913px; height: 12px; margin-left: -2px; }
#content .content_btm{ background: url(../images/content_btm.gif) no-repeat; position: absolute; bottom: 0; left: 0; width: 913px; height: 12px; margin-left: -2px; }

#content_area{ width: 880px; margin: 0 auto; padding: 0; color: #555; }
#content_area ul{ list-style-type: none; margin: 10px 0 0 40px; padding: 0; }
#content_area li{ background: url(../images/bluebullet.gif) no-repeat 0 6px; list-style-type: none; margin: 0; padding: 5px 0 15px 25px; font-weight: normal; }

#left{ width: 48%; margin-left: 10px; color: #385c13; /*background: #000;*/ }
#left .content{ width: 393px; margin: -17px auto; background: url(../images/doyouknowwhats_shadow.jpg) no-repeat top left; padding: 0 20px; font-weight: bold; }
#left h2{ color: #385c13; font-size: 19px; padding-top: 50px; }
#left ul{ list-style-type: none; margin: 10px 0 0 0; padding: 0; }
#left li{ background: url(../images/greenbullet.gif) no-repeat 0 6px; list-style-type: none; margin: 0; padding: 5px 0 5px 25px; font-weight: bold; }


/*#left{ width: 48%; margin-left: 15px; color: #385c13; margin-bottom: 20px;}
#left .content{ width: 393px; margin: 0 auto; background: url(../images/doyouknowwhats_shadow.jpg) no-repeat top left; padding: 0 20px; }
#left h2{ color: #6FAC30; font-size: 19px; padding: 10px; padding-top: 30px; }
#left ul{ list-style-type: none; margin: 0; padding: 0; }
#left li{ background: url(../images/greenbullet.gif) no-repeat 10px 6px; list-style-type: none; margin: 0; padding: 5px 0 5px 30px; font-weight: bold; }*/

#right{ width: 48%; margin-left: 10px; color: #144975; }
#right a{ color: #144975; text-decoration: underline; }
#right a:hover{ text-decoration: none; }
#right .content{ width: 393px; margin: -17px auto; background: url(../images/haveyoursayshadow.jpg) no-repeat top left; padding: 0 20px; font-weight: bold; }
#right h2{ color: #3d8acb; font-size: 19px; padding-top: 50px; }
#right ul{ list-style-type: none; margin: 10px 0 0 0; padding: 0; }
#right li{ background: url(../images/bluebullet.gif) no-repeat 0 6px; list-style-type: none; margin: 0; padding: 5px 0 5px 25px; font-weight: bold; }

#flashbottom{ border-top: 2px solid #3E8BCB; margin-top: 20px; z-index: 50; }
#footer{ background: #3d8acb; width: 934px; height: 25px; text-align: left; color: #fff; line-height: 23px; padding-left: 26px; position: relative; }
.foot_r{ position: absolute; top: 0; right:23px; }
#footer a{ color: #fff; }
#footer a:hover{ text-decoration: none; }

/* clearing classes */

.clear{ clear: both; line-height:0; height:0; }
.fleft{ float: left; position:relative; }
.fright{ float: right; position:relative; }