/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #576066; 
  background: #576066;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin-top:24px
}

/*clra styles*/
#content1 { margin:auto;width:813px; }
#content2 { width:813px; background-image: url(../images/bkg_main2.gif); background-repeat:no-repeat; height:auto; overflow:hidden}

#homeContent { margin:auto; margin-top:24px;width:819px; height:516px; background-image:url(../images/home_back5.jpg); background-repeat:no-repeat}
#homeContent .logo {width:292px; height: 74px;margin: 40px 0 0 40px; float:left; }

#homeContent .homeText { position:relative; top:260px; left:0px; width: 440px; height:100px; color:#FFF; font-size:1.4em; font-weight:bold}
#homeContent .homeText a{ text-decoration:none; color:#FFF}
#homeContent .homeText a:hover{ text-decoration:underline; color:#FFF}

/*main content*/
#main 	 { float:left; width:630px;}
#main .column1 {  margin:40px 0}
#main .article1 {border-top:2px solid #FFFFFF; padding:0;margin:0 0 12px 0; overflow:hidden; clear:both}
#main .firstarticle {border-top:none;}
#main .article2 { margin: 0 40px 0 0; background-color:#ecf0f2;overflow:hidden;}
#main .article3 { margin: 0 40px 0 50px; background-color:#ecf0f2; }
#main .photocolumn{ margin: 16px 20px 0 50px;width:180px; display:block;float:left;background-color:#ecf0f2;}
#main .photocolumn p{ font-size:.9em; text-align: center}

#main h1 { font-size:1.6em; color:#879197;display:block;  margin:0;padding:16px 0 6px 0 ;}
#main h2 { font-size:1.1em; color:#231f20; text-transform:uppercase; line-height:1.3em;margin:0; padding:6px 0 6px 0  }
#main h3 { font-size:1.1em; color:#231f20; line-height:1.3em;margin:0; padding:2px 0 2px 0  }

#main p{ margin:0; padding:0 6px 6px 0; }
#main .smalltext { font-size:.9em}
#main .inlinePhoto { margin-right:12px}
 table.grid1 td{ padding:4px 0 4px 0; border-bottom: 1px dotted #999}
 
#main .memberLinks {font-size:1.1em; font-weight:bold; height:20px; line-height:1.4em; margin-top:10px}
#main .memberLinks a{ text-decoration:none}
#main .memberLinks a:hover {text-decoration:underline}
/*side nav*/
#sidenav { width:140px;margin:6px 0 0 19px;float:left; color:#231f20}
#sidenav ul, #homeContent .sidenav  ul{margin:0 ;padding:0; font-size:1em; line-height:1.2em }
#sidenav li a { display:block;text-decoration:none; color:#231f20; /*border-bottom: 1px solid #FFFFFF*/}
/*#sidenav li h4 a:hover { #00bdf2 1}*/
#sidenav ul li { list-style-image:url(../images/sidenav_bullet_blue.gif); margin-top:14px }
/*side nav home page*/
#homeContent #sidenav { width:140px;float:right; margin-right:30px;color:#231f20}
#homeContent #sidenav ul li {list-style-image:url(../images/sidenav_bullet_white.gif);}
#homeContent #sidenav li a:hover {  color:#FFF}
#notice {width:100%; margin-top:24px}
#notice .smalltext { font-size:.9em}
#notice h3 {font-size:1.0em; margin:0 0 6px 0}
#notice h3 a{ text-decoration:none}
#notice h3 a:hover{ text-decoration:underline}
#notice p{margin: 2px 0 6px 0}
/*directories*/
/*footer*/
#footer { margin:auto;clear:both; background-image: url(../images/bkg_bottom.gif); background-repeat:no-repeat; height:119px;  padding-top:24px }
#footer .box {width:630px;border-top:2px solid #FFFFFF;float:left;}
#footer .links {  padding: 16px 0 0 40px}
#footer .links a { color:#576066; text-decoration:none; padding: 0 6px 0 4px; border-right: 1px solid #576066;font-size:.8em;}
#footer .links a:hover { text-decoration:underline}
#footer .links .last { border:none}
#footer .pageTop {width:100px;float:left;}
#footer .pageTop a{color: #879197;text-transform:uppercase}
#homeFooter {margin:auto;width:819px; height:20px;}

/*legal*/
.copyright { width:170px; float:right;color:#FFF; font-size:.8em; text-align:center; }

/*hides subnav lists*/
#aboutSubnav, 
#bulletinsSubnav, 
#bcconSubnav, 
#hrSubnav, 
#directSubnav, 
#collectSubnav, 
#drugSubnav,
#contactSubnav {display:none}


#sidenav #aboutSubnav ul, 
#sidenav #bulletinsSubnav ul, 
#sidenav #bcconSubnav ul, 
#sidenav #hrSubnav ul, 
#sidenav #directSubnav ul, 
#sidenav #collectSubnav ul, 
#sidenav #contactSubnav ul 
	{ line-height:12px; }

#sidenav #aboutSubnav li, 
#sidenav #bulletinsSubnav li, 
#sidenav #bcconSubnav li, 
#sidenav #hrSubnav li, 
#sidenav #directSubnav li, 
#sidenav #collectSubnav li, 
#sidenav #contactSubnav li 
	{margin:0;padding:4px 12px 4px 0 ; font-size: .9em;list-style:none; list-style-image:none; color: #879197;text-transform:uppercase }

#aboutSubnav li a, 
#bulletinsSubnav li a, 
#bcconSubnav li a, 
#hrSubnav li a, 
#directSubnav li a, 
#collectSubnav li a, 
#contactSubnav li a 
	{color:#879197; display:block}


#about #aboutNav, 
#bulletins #bulletinsNav, 
#bccon #bcconNav, 
#hr #hrNav, 
#direct #directNav, 
#collect #collectNav, 
#drug #drugNav,
#contact #contactNav  {;color:#00bdf2}

/*shows subnav based on body id */
#about #aboutSubnav, 
#bulletins #bulletinsSubnav, 
#bccon #bcconSubnav, 
#hr #hrSubnav, 
#direct #directSubnav, 
#collect #collectSubnav, 
#contact #contactSubnav {display:block}