body{font-size:12px; font-family:Arial, Times New Roman;}
*{margin:0; padding:0}
img{border:0}

/*GENERAL*/
.container{width:100%; margin:0 auto; position:relative;}
#contentContainer, #footerContainer{width:960px; position:relative; margin:0 auto; }
#clock {font-size:12px;color:#FFF;right:10px;top:5px;position:absolute;}
.subSection{margin-top:10px;}
.verticalCenter{top:50%; position:relative; width:100%; height:1px;}

#contentContainer{ position:relative; min-height:460px;}

#pictureBoxButtonHolder ul li, .button{cursor:pointer}
#bg{position:absolute; z-index:0; top:160px; background:url('../images/template/bg.png'); height:400px; width:100%; background-repeat:repeat-x}

/*HEADER*/
#header{background:url('../images/template/header.png'); position:relative; padding-left:20px; margin-bottom:40px; height:160px; background-repeat:repeat-x}
#headerSmall{font-size:10px; font-weight:bold; position:absolute; top:10px; right:20px; }

/*NAV+INTRO*/
#nav, #intro, #header{font-weight:bold; color:white; font-size:14px;}
#nav ul, #footer ul, #pictureBoxButtonHolder ul, #informationContent ul{list-style-type:none}
* html #nav ul{display:none}


/*NAV*/
#nav{background:url('../images/template/nav.png'); display:none; float:left; z-index:100; position:relative; padding-left:13px; padding-top:30px; height:430px; width:177px; background-repeat:no-repeat}


/*INTRO*/
#intro, #content{width:760px;}
#intro{height:550px; margin-bottom:10px;} 
#content{position:relative; margin-left:200px;}

/*IE6*/
* html #content{margin-top:-460px}

#pictureBox{z-index:5; position:absolute; left:200px; height:300px; width:570px; overflow:hidden; margin-left:10px; top:10px;}
#pictureBox #images ul li {display:none}
#pictureBoxButtonHolder{width:20px; z-index:50; left:200px; position:absolute; margin-left:20px; top:40px;}
#pictureBoxButtonHolder ul li{width:20px; height:18px; text-align:center; margin-bottom:10px; padding-top:2px; position:relative; background:url('../images/template/buttons.png'); z-index:200; background-repeat:no-repeat;}
span.pictureLinks{z-index: 40; position: absolute; height: 300px; margin-left: 20px; overflow: hidden; top: 10px; width:570px; height:300px;}

#information, #informationContent{height:75px; width:500px; color:white; position:absolute; padding:15px; bottom:0px; right:0px; }
#information{z-index:5; opacity:.8; filter:alpha(opacity=80); background:#000}
#informationContent{z-index:50;}
/*IE7*/
*:first-child+html #informationContent{bottom:20px;}

#informationContent ul li.active{position:relative}
#informationContent ul li.nonActive{position:relative; display:none;}

/*JAVASCRIPT NOT ENABLED*/
#information, #informationContent, #pictureBox #images ul, #pictureBoxButtonHolder{display:none}

#informationContent ul li ul li.title{float:left}
#informationContent ul li ul li.date{float:right}
#informationContent ul li ul li.description{float:left; position:relative; width:100%; top:5px; font-weight:normal; font-size:14px;}
#informationContent ul li ul li.clickMore{position:absolute; font-style:italic; right:10px; bottom:-80px; font-weight:normal;}

.whiteBox{width:160px; z-index:50; height:160px; position:absolute; right:10px; }
.whiteBox a:link{color:white; text-decoration:none}
.whiteBox a:visited{color:white; text-decoration:none}
.whiteBox a:hover{text-decoration:underline}
.whiteBox a:hover:visited{text-decoration:underline}

#calendar{position:absolute; right:10px; top:350px; z-index:50;}


#contentTop, #contentBottom{width:760px; position:relative; height:50px;}
#contentTop{background:url('../images/template/contentTop.png');}
#contentBottom{background:url('../images/template/contentBottom.png');}
#contentBody{background:url('../images/template/contentBody.png'); line-height:16px; min-height:260px; padding-left:50px; padding-right:150px; background-repeat:repeat-y}
#contentBody #title{font-size:14px; font-weight:bold; color:RGB(0,0,102); margin-bottom:15px;}
#contentBody .subTitle{color:RGB(0,0,102); font-weight:bold; margin-bottom:5px; margin-top:30px;}
#contentBody ul{margin-left:18px}
#contentBody .section, #contentBody ul{background:#F9F9F9;  margin-top:10px; }
#contentBody ul li{margin-bottom:6px;}


#contentBody a:link, #contentBody a:visited, #contentBody a:active{text-decoration:none}
#contentBody a:hover{text-decoration:underline}

#safetyTip{display:block; position:absolute; width:430px; left:310px; padding-left:20px;font-weight:normal; top:420px; color:white; z-index:40}


#footer{height:140px; clear:both; color:#555; position:relative; width:100%; padding-top:20px; margin-top:40px; border-top:1px solid #CCC; background:url('../images/template/footer.png'); background-repeat:repeat-x;}
#footerContainer{height:100%; position:relative; width:920px;}
#footerContainer #members, #footerContainer #hg{bottom:0px; position:absolute;}
#footerContainer #members{right:0px;}
#footerContainer #hg{left:0px;}
#footerContainer #members a, #footerContainer #hg a{color:black; text-decoration:none}
#footerContainer #members a:hover, #footerContainer #hg:hover{text-decoration:underline}

#footerContainer ul{float:left; margin-left:20px; margin-right:20px }
	/*IE6 HACK*/
	* html  #footerContainer ul{clear:left; margin-left:0; margin-bottom:8px;}
	* html  #footerContainer ul li{margin-right:10px}
	/*END*/

#footerContainer ul li{margin-bottom:4px}
#footerContainer ul li a:link, #footerContainer ul li a:visited{text-decoration:none; color:#555}
#footerContainer ul li a:hover{text-decoration:underline; color:#777}

#rssLink {color:white; text-decoration:none}

.news {padding-bottom:10px; position:relative}
.news .header{background:#000066; width:100%; height:20px; color:white; padding:5px;}
.news .date{float:right;}
.news .title{float:left}
.news .description{padding:15px; margin-right:-10px; width:auto; background:#F9F9F9; display:none; border:1px solid #CCC; border-top:0}


/*TEMPORARY*/
#screeningProgramNotice{width:280px; height:80px; background:url('../images/template/screeningProgramNotice.png') no-repeat; display:inline; position:absolute; left:500px; top:320px; z-index:40}

.screen{margin-bottom:40px; border:1px solid #999}
.screen .spacer{height:10px;}
.screen tr td{border:1px solid #CCC; padding:5px}
.screen tr td.total{font-weight:bold}
.screen tr.header{font-weight:bold; color:#000066}
.screen tr td.empty{border:0}