/**
* Purpose stylesheet
* light: #FDFFFE FDFFFE
* medium: #F2D778 F2D778
* dark: #F48336 F48336
*/
img{line-height:0; float:left;}

#header{width:840px; text-align:left; margin:10px auto 0; height:121px; background:#88BBBB url(../images/header_background_small.gif) no-repeat;}
#header h1 a{text-indent:-9999px; height:112px; background:url(../images/weathercoalition_small.gif) no-repeat 50px 17px; display:block;}

#mainMenu{position:relative;}

#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_nav_archive.gif) -16px 0px; width:132px; }
#mainMenu #purpose a:hover{background:url(../images/primary_nav_archive.gif) -16px -30px; width:132px; }

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

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

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

#mainMenu #archive a{background:url(../images/primary_nav_archive.gif) -630px 0px; width:136px; }
#mainMenu #archive a:hover{background:url(../images/primary_nav_archive.gif) -630px -30px; width:136px; }
#mainMenu #archive a{background:url(../images/primary_nav_archive.gif) -630px -30px; width:136px; }
#mainMenu #archive a:hover{background:url(../images/primary_nav_archive.gif) -630px -30px; width:136px; }
#mainMenu #archive ul{display:block; position:absolute; top:30px; left:0; background:transparent;}
#mainMenu #archive ul li{float:none; clear:both; text-align:left; font-size:.80em;}
#mainMenu #archive ul li a{text-indent:10px; background:#F48336; width:180px; font-size:1.2em; padding:10px 0 0 0;}
#mainMenu #archive ul li a:hover{background:#e47326; width:180px;}
#mainMenu #archive ul li a:active{background:#e47326; width:180px;}

#bodyHeader{display:block;}

#mainBody{text-align:left; margin:0 auto; background:#F2D778 url(../images/image_col_archive.gif) repeat-y right 0px; width:628px; border-left:#88BBBB 32px solid; padding-left:180px;}

#mainContent.leftCol{width:100%; float:left; margin-right:-212px; background:#FDFFFE url(../images/image_col_archive.gif) repeat-y right 0px;}
#bodyContent.leftColContent{margin-right:212px; }
#bodyContent p, #bodyContent li{font-size:.70em; line-height:1.4; }

#sectionImage.rightCol{width:212px; float:right;}
#sectionImageContent.rightColContent{ }
#sectionImageContent img{border-bottom:16px solid #F48336;}

/* Single Column Layout */
#mainBody .singleCol{padding:0 .5em;background:#FDFFFE; }

/* 2 Column layout */
#bodyContent .leftCol{width:100%; float:left; margin-right:-205px; background:#FDFFFE;}
#bodyContent .leftCol .leftColContent{margin-right:205px; padding:0 .5em;}

#bodyContent .rightCol{width:205px; float:right;}
#bodyContent .rightCol .rightColContent{padding:0 .5em;}