#page {width: 990px;margin: auto;}

#header, #content, #footer {width: 100%;}

/* container divs */
#toplevel {clear : both; position: relative; margin-top: -10px; background-color: #3c9 !important;}

#toplevel, #content {  /* This hides the excess padding in non-IE browsers */}

#toplevel, #content {float: left;float/**/: none;}

/* easy clearing */
#banner:after, #toplevel:after, #content:after
{ 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#banner, #toplevel, #content
{
	display: inline;
}
/*\*/
#banner, #toplevel, #content
{
	display: block;
}
/* end easy clearing */
/* Start Mac IE5 filter \*/
/*make equal height*/ 
#toplevel #start,
#toplevel #left,
#toplevel #right,
#toplevel #end,
#lhc, #bc, #cc, #rhc{

}

#toplevel
{
	margin: 0;
	padding: 0;
}

#toplevel td
{
	vertical-align: top;
	border-right: solid 3px #fff;
}

/* End Mac IE5 filter */
#banner
{
	text-align: right;
}
#banner img
{
	float:left;
}
#banner img.takepart
{
	position: relative;
	top: 67px;
}

#banner ul
{
	margin: 1em;
	list-style: none outside none;
}
#banner li
{
	display: inline;
}
#banner li a
{
	background: url(../images/common/pipe_white.gif) no-repeat top right;
	display: inline-block;
	padding: 0pt 0.5em 0pt 0.5em;
}
#banner li.end a
{
	background: none;
	padding: 0pt 0pt 0pt 0.5em;  
}
#banner p
{
	font-size: 250%;
	padding: 0pt 0.4em 0pt 0pt;
}
#toplevel
{
	color: #fff;
	width: 982px;
}

#toplevel a
{
	color: #fff;
	padding: 0 0 0 1em;
	font-weight: bolder;
}
#toplevel #start,
#toplevel #left,
#toplevel #right,
#toplevel #end
{
	width: 235px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #33cc99;
}
#toplevel #start {
	width: 250px;
}
#toplevel #end
{
	border-right: none;
	width: 250px;
}
#toplevel h2
{
	font-size: 130%;
	background-color: #2ea07f;
	color: #fff;
	padding:0.2em 0 0.2em 1em;
	margin: 0;
	border-top: none;
	border-right: none;
	border-bottom: solid 3px #fff;
	border-left: none;
}
#toplevel fieldset,
#lhc #lhcnearest fieldset
{
	border: none;
	white-space: nowrap;
	margin: 0.4em 0 0.2em 0;
	padding: 0 0 0 1em;
}
#toplevel fieldset input,
#lhc #lhcnearest fieldset input
{
	 vertical-align: middle;
}
#toplevel fieldset label
{
	 display: none;
}
#toplevel h3
{
	margin: 0.7em 0 0.5em 0;
	padding: 0 0 0 1em;
	font-weight: normal;
	font-size: 130%;
	color: #fff;
}
#toplevel ul
{
	list-style: none outside none;
	margin: 1em 0em 0em 0px;
	padding: 0em 0em 0em 1em;
	height:100px;
	min-height:100px;	
}

#toplevel #left ul, #toplevel #right ul, #toplevel #end ul 
{
	height:130px;
	min-height:130px;	
}

#toplevel ul a
{
	padding: 0;
}
#toplevel #start fieldset {
	white-space: normal;
}
#toplevel #start li 
{
	float: left;
	height: 19px;
	width: 19px;
	margin: 0 5px 10px 0;
	text-align: center;
}

#toplevel #start li a
{
	display: block;
	height: 19px;
	background: url(../images/common/atobg.gif) no-repeat;
	font-weight: bold;
	width: 19px;
	font-size: 120%;
	padding: 1px 0 0 0;
	margin-right: 2px;
	text-decoration: none;
}

#toplevel #left li
{
	width: 200px;
	background: url(../images/common/doit.gif) repeat-x 0px 0px;
	margin: 0.2em 0px 0px 0em;
	padding: 0px;	
	border: 0px;
	clear: both;
	height:3em;
}
#toplevel #left li a
{
	display: block;
	background: url(../images/common/doit_left.gif) no-repeat 0px 0px;
	padding: 7px 0 10px 10px;
	margin: 0px 0px 5px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
}

#toplevel #right li {
	line-height: 1.9em;
	text-align: left;
}

#toplevel #left li img
{
	float: right;
}
#toplevel #right li a
{
	background: url(../images/common/arrow_green.gif) no-repeat;
	padding: 0 0 0 1em;
}
#toplevel #end img
{
	margin: 1em;
	float: left;
}
#toplevel #end div
{
	clear: both;
	margin: 1em 1em 0.5em 1em;
	min-height:50px;
}
#toplevel #end #contrast
{
/* 	position: relative; */
	float: right;
	clear: none;
	right: 0;
	width: 103px;
	height: 63px;
	overflow: hidden;
	background: url(../images/common/contrast_back.gif) no-repeat;
}
#contrast a.contraston{text-align: center;}
#toplevel #end #contrast a
{
	color: #000;
	display: block;
	padding: 0;
	margin: 16% auto 0 auto;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#toplevel #end ol
{
	display: inline;
	list-style: none outside none;
	margin: 0 0 0 1em;
	padding: 0;
}
#toplevel #end ol li
{
	display: inline;
}
#toplevel #end span
{
	vertical-align: bottom;
	font-size: 15px;
}
#toplevel #end li a
{
	padding: 0 3px 0 3px;
	margin: 3px 5px;
	text-decoration: none;
	background-color: #2ea07f;
	vertical-align: bottom;
	/*line-height:1em;*/
}
#toplevel #end li.start a
{
	font-size: 15px;
}
#toplevel #end li.middle a
{
	font-size: 25px;
}
#toplevel #end li.end a
{
	font-size: 40px;
}

/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: 0.3em;
	}
#toplevel #left .verticalalign,
#toplevel #right .verticalalign
{
	width: 24.75%;
}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
	.verticalalign
	{
		width: 100% !important;
	}
	/* But Opera 9 does it right, so CSS3 hax to the max */
	div[id^="toplevel"] #left .verticalalign,
	div[id^="toplevel"] #right .verticalalign
	{
		width:  24.75% !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
{
	width: 100% !important;
}
.verticalalign a
{
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
}	
#breadcrumb 
{
	background-color: #ce1141;
	color: #fff;
	padding:0.5em 1em;
	border-top: solid 3px #fff;
	border-right: none;
	border-bottom: none;
	border-left: none;
	width:955px;
}
#breadcrumb ol 
{
	list-style: none outside none;
	display: inline;
	margin: 0;
	padding: 0;
}
#breadcrumb li 
{
	display: inline;
	font-weight: bold;
	color: #fff;
}
#breadcrumb a 
{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumb span{
	display: block;
	float: right;
}	
#lhc{
	width: 250px;
	float: left;
}
#lhc ul{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #ecf7f3;
	border: none;
}
#lhc img{border : none; margin : 0; padding : 0;}
#lhc h2{
	background-color: #2ea07f;
	color: #fff;
	padding:0.3em 0.5em;
	margin: 0;
	border-top : none;
	border-bottom : solid 3px #fff;
}
#lhc ul li ul{
	margin: 0;
	padding : 0 0 5px 0;
	border: none;
	border-top: solid 3px #9ED9C5;
	border-bottom: solid 3px #fff;
}
#lhc ul li ul li{
	border: none;
	padding: 0;
	margin: 7px 0;
	background: url(../images/common/arrow_light_green.gif) 10px 1px no-repeat;
}

#lhc ul li ul li.onpath{	
	background: url(../images/common/arrow_light_green_op.gif) 10px 1px no-repeat;
}

#lhc ul li ul li{padding : 0 10px 0 20px;}
#lhc ul li ul li a
{
	padding: 0;
	border: none;
	font-weight: bold;
	text-decoration: none;
}
#lhc ul li ul li.onpath a
{
	color: #b4b4b4;
}
#lhc #lhcnearest 
{
	background-color: #ce1141;
	color: #fff;
}
#lhc #lhcnearest h2
{	background-color: #ce1141;
	border: none;
}
#lhcnearest p
{
	padding: 0 0 0 1em;
}
#lhcnearest form
{
	padding: 0 0 1em 0 ;
}
#bc
{
	vertical-align: top;
	width: 719px;
	float: left;
	padding: 0 0 10px 10px;
	margin:0px auto;
}
#cc
{
    margin-left:0.5em;overflow: hidden;
    padding-bottom:0px !important;margin-bottom:0px !important;
}
#introtext p {
	font-weight: bold;
	margin-top: 3px;
}
#rhc{
    width: 240px;
    float: right;
    overflow: hidden;
    padding: 30px 0px 0px 0px;
}
#rhc img{
    padding: 3px 0px 10px 18px;
}
#pagetools
{
	clear: both;margin:2em 0em 2em 1em;
}

div.hr { height: 20px; background: url(../images/common/dots.gif) #fff repeat-x center 50%; }
div.hr hr { display: none;}

#child-articles-block{
	clear:both;
	margin:0 0 0 0.5em;
	padding-top:1em;
}
#child-articles-block table{
	width:100%; 
	margin:0; 
	padding:0; 
	border:none;
}
#child-articles-block td{
	width:50%; 
	background-color:#ECF7F3; 
	vertical-align:top; 
	padding:0.3em 0.6em; 
	margin:0; 
	border: solid 2px #FFFFFF;
}		
#child-articles-block td.empty{ background-color: transparent; }
#child-articles-block h2{ 
	color:#2EA07F; 
	margin:0.3em 0px;
}
#child-articles-block a{ 
	color:#2EA07F; 
	text-decoration : underline;
}
#child-articles-block a:hover{ text-decoration : none; }
#child-articles-block p{ margin:0.5em 0px; }
#child-articles-block .limage{
	float: left; 
	margin: 0 1em 1em 0;
}

#footer
{
	clear: both;
}
#footer p
{
	color: #b4b4b4;
	text-align: center;
}
#footer p span,
#footer p span a
{
	color: #2ea07f;
}	
#footer ul
{
	background-color: #33cc99;
	color: #fff;
	list-style: none inside none;
	margin: 0px;
	padding: 0.2em 0 0.2em 0;
	text-align:center;
}
#footer li
{
	display: inline;
}
#footer li a
{
	background: url(../images/common/pipe_green.gif) no-repeat top right;
	display: inline-block;
	padding: 0 1em 0 1em;
	color: #fff; 
}
#footer li.end a
{
	background: none;
	padding: 0 0 0 1em; 
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
	position: relative;
	z-index: 1000;
}

#timeClock {font-weight:bold;background-color:#CE1141;color:#FFFFFF;border: none; text-align:right;}

#child-articles-wrapper child-list ul li a
{
	text-align: left;
}

.child-list ul li
{
	text-align: left !important;
}




#list-blocks{ clear:both;}

#list-blocks ul, #list-blocks form, #polls form, #polls form ol, #list-blocks form ol{
	margin : 0; 
	padding : 0; 
	list-style : none;
}
#list-blocks ul li, #polls form{width : 44%; float : left; margin-right : 2px;}
#list-blocks ul li ul li{
	background:url(../images/common/arrow_white.gif) no-repeat 15px 2px; 
	margin : 3px 0;
	padding : 0 10px 0 30px;
	color :  #cf1141;
}
#list-blocks ul li h2, #polls form h2{
	background-color : #cf1141;
	color : #fff; 
	vertical-align : baseline; 
	padding : 0.5em 1em; 
	margin : 0.5em 0; 
	font-weight : bold;
	font-size : 100%;
}
#list-blocks ul li ul li{width : 100%;}
#list-blocks ul li ul li a{
	color : #cf1141; 
	font-weight:bold;
}

#list-blocks ul li ul.relatedmedia li{padding : 0 0 5px 30px;}

#rhc #list-blocks ul li{width : 100%; float : none; margin-right : 0;}
#rhc #list-blocks ul li ul.relatedmedia li{padding : 0 0 5px 30px;}
#rhc #list-blocks ul li ul li, #rhc #list-blocks ul li ul.relcontact li{
	background:url(../images/common/arrow_white.gif) no-repeat 15px 4px; 
	margin : 3px 0;
	color :  #cf1141;
}
#rhc #list-blocks ul li ul li{padding : 0 10px 0 10px;}
#rhc #list-blocks ul li ul.relcontact li.text{padding : 0 10px 0 30px;}

#list-blocks p{line-height:1.5em; padding:0.5em 1em; margin:0;}

#list-blocks li ul li a, #list-blocks li ul li em{ padding:0; }

#list-blocks .relatedmedia li{ background: none; }
#list-blocks .relatedmedia li a{ margin-left: 0; }

#list-blocks em{ color: #CF1141; font-weight: bold;}

#list-blocks .list-no-img, #polls ol.list-no-img{ width:100%; margin:0; padding:0; background-color:#FAE7EC;}
#list-blocks .list-no-img li, #polls ol.list-no-img li{ line-height:1.5em; margin:0; padding:0.5em 5%; background-color:#FAE7EC; width:90%; }
#list-blocks .list-no-img input{ vertical-align:text-bottom;}
#list-blocks ul li.block1, #list-blocks ul li.block3, #list-blocks ul li.block5, #list-blocks ul li.block7, #list-blocks ul li.block9, #list-blocks ul li.block11{
	clear : left;
}

#start ul li a{text-align : center;}

#banner p{
	width : 600px;
	text-align : right;
	float : right;
}