img{line-height:0; float:left;}

#header{width:840px; text-align:left; margin:10px auto 0; height:146px; background:#88BBBB url(../images/header_background.gif) no-repeat;}
#header h1{text-indent:-9999px; height:146px; background:url(../images/weathercoalition.gif) no-repeat 135px 17px;}

#mainMenu ul li ul{display:none;}
#mainMenu{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; width:840px; margin:0 auto;}
#mainMenu ul{list-style:none; width:776px; background:#4B743F url(../images/menu_background.gif); display:block; height:30px; padding:0 32px; }
#mainMenu ul li{float:left; font-weight:bold; text-transform:uppercase; display:block; font-size:.7em; }
#mainMenu ul li a{text-decoration:none; display:block; height:30px; color:white; float:left; text-indent:-9999px;}
#mainMenu ul li li a{height:24px;}

#mainMenu #purpose a{background:url(../images/primary_navigation.gif) -16px 0px; width:132px; }
#mainMenu #purpose a:hover{background:url(../images/primary_navigation.gif) -16px -30px; width:132px; }

#mainMenu #organization a{background:url(../images/primary_navigation.gif) -141px 0px; width:162px; }
#mainMenu #organization a:hover{background:url(../images/primary_navigation.gif) -141px -30px; width:162px; }

#mainMenu #advocacy a{background:url(../images/primary_navigation.gif) -298px 0px; width:140px; }
#mainMenu #advocacy a:hover{background:url(../images/primary_navigation.gif) -298px -30px; width:140px; }

#mainMenu #weatherEnterprise a{background:url(../images/primary_navigation.gif) -432px 0px; width:206px; }
#mainMenu #weatherEnterprise a:hover{background:url(../images/primary_navigation.gif) -432px -30px; width:206px; }

#mainMenu #archive a{background:url(../images/primary_navigation.gif) -630px 0px; width:136px; }
#mainMenu #archive a:hover{background:url(../images/primary_navigation.gif) -630px -30px; width:136px; }


#bodyContent{width:840px; text-align:left; margin:0 auto; background:#88BBBB; }
#bodyContent {background:#C5E7F0; width:808px; border-right:#88BBBB 32px solid; }
#bodyContent .leftCol, #whatsNew .leftCol{width:100%; float:left; margin-right:-310px;}
#bodyContent .leftCol .leftColContent, #whatsNew .leftCol .leftColContent{margin-right:310px; }

#bodyContent .rightCol, #whatsNew .rightCol{width:310px; float:right;}
#bodyContent .rightCol .rightColContent{padding:1em;}
#bodyContent p{font-size:.70em; line-height:1.4; margin:0;}

#whatsNew{text-align:left; width:776px; margin:0 auto; padding:0px ; background:#C5E7F0; border-width:0px 32px; border-color:#88BBBB; border-style:solid;}
#whatsNew h2{text-indent:-9999px; background:#4F7076 url(../images/whats_new.gif) no-repeat 175px 6px; color:#ffffff; height:30px; margin:0;}
#whatsNew p{font-size:.70em; line-height:1.4; padding:0 1em; }

#whatsNew .rightCol .rightColContent{padding:0; border: 0px solid red; margin:0;}