/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */

img {border:0;}

body {
	font:normal small verdana,arial,san-serif;
	padding:0;
	margin:0;
	background:rgb(255,255,0); /*2,178,238249,227,20*/
	color: #000000;

}
#outer{
	height:100%;
	min-height:100%;
	margin-left:200px;
	margin-right:200px;
	background:rgb(255,255,0);/*2,178,238   249,227,20*/
/*	border-left:1px solid #000;
	border-right:1px solid #000;*/
	margin-bottom:-22px;
	color: rgb(20,13,118);
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:179px;
	/*background:rgb(<? echo $headerColor;?>) url(images/<? echo addUnderscore($sectionName);?>_header_bg.jpg) no-repeat;138,201,96*/
	border-top:1px solid #000;
	border-bottom:2px solid #fff;
	overflow:hidden;
	color: #000000;
}
		ul#menuNav {
		 display:inline;
		 list-style:none;
		 margin:0px;
		 padding:0px;
		 background-color:rgb(149,149,149);
		 font:bold 1em "comic sans ms",arial,sans-serif; !important
		 }
		ul#menuNav li {
		 display:inline;
		 list-style-type:none;
		 width:12.3%;
		 height:100%;
		 line-height:40px;
		 float:left;
		 background-color:rgb(0,178,235);
		 /*font-style:italic;*/
		 letter-spacing:1px;
		 border-left:#fff solid 1px;
		 border-right:#fff solid 1px;
		}
		ul#menuNav li#active {
		 display:inline;
		 list-style-type:none;
		 width:12.3%;
		 height:100%;
		 line-height:40px;
		 float:left;
		 background-color:rgb(226,57,34);
		 color:#fff;
		 text-align:center;
		}
		ul#menuNav li a {
		 float:left;
		 display:block;
		 padding:0 3% 0 0;
		 height:100%;
		 line-height:40px;
		 text-decoration:none;
		 width:96%;
		 color:#fff;
		 text-align:center;
		}

		ul#menuNav li a:hover {
			background-color:rgb(226,57,34);
			height:40px;
			width:96%;
		}

		img.menuIcon {
		border:0; vertical-align:middle; padding-right:3%; height:40px; width:40px; float:left;
		}

#left {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:left;
	margin-left:-199px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:182px;/*needed to make room for header*/
	z-index:100;

}
* html #left {padding-bottom:52px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:3px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:right;
	margin-right:-199px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:182px;/*needed to make room for header*/
}

#right a {
	color:rgb(32,91,167);
	font-weight:bold;
	text-decoration:none;
}

#right a:hover {
	text-decoration:underline;
}

#footer {
	font-size:0.8em;
	width:100%;
	clear:both;
	height:20px;
	line-height:20px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	/*background-color:rgb(<? echo $headerColor;?>) ;#fff  138,201,96*/
	color: #fff;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:22px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}
#clearheader{height:182px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {position:relative;z-index:1;padding:40px 20px 20px 100px;}

#centrecontent p.sectionHeading {
	font: normal 3em "comic sans ms",arial,sans-serif;
	color:rgb(226,57,34);
}
#centrecontent p {
	width:95%;
	text-align:justify;
}
#centrecontent p span.redSpan{
	color:rgb(226,57,34);
	font-weight:bold;
}

#centrecontent a {
	color:rgb(16,70,254);
	font-weight:bold;
	text-decoration:none;
}
#centrecontent a:hover {
	text-decoration:underline;
}

#centrecontent .narrow {
	width: 80%;
	}

#centrecontent .narrow li {
	width: 80%;
	}

img.leftMainTextImage {
	clear:both; float:left; padding:10px 10px 10px 0px; text-align:right; border:0;
}


img.rightMainTextImage {
	clear:both; float:right; padding:10px 10px 10px 0px; text-align:right; border:0;
}

p.mainTextTitle {
	font-weight:bold;
	font-size:1.2em;
	color:rgb(226,57,34);
}

.mainCatTitle {
	text-align: right;
	font-weight:bold;
	font-size:1.2em;
	color:rgb(226,57,34);
	border-top: 1px solid rgb(226,57,34);
	border-bottom: 1px solid rgb(226,57,34);
	width: 430px;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* css stuff below is just for presentation and not needed for the demo */

#left span {
	display:none;
}
#left a:hover {
	color: #666666;
	background: #FFFFCC;
	text-decoration: none;
}
#left a:hover span {
	display:block;
	position:absolute;
	left:130px;
	width:150px;
	z-index:20;
	background:#fff;
}
@media all and (min-width: 0px){
	#left a:hover span {
	top:150px;
	}
}
#footer span {
	display:none;
}
#footer a {
	color:#fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a:hover span {
	display:block;
	position:absolute;
	top:-95px;
	width:150px;
	z-index:20;
	background:#fff;
	left:50%;
}