/* generated by csscreator.com */ 
html, body{
	margin:0;
	padding:0;
	background-color: #990000;
 } 

A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; color: white;}


#pagewidth{ }

PRE {
font: Arial 14pt ;
}

 
#header{
text-align: center;
  position:relative; 
 height:116px; 
  background-color:#990002; 
 width:100%;
} 
 
#leftcol{
	width:170px;
	float:left;
	position:absolute;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-align: center;
	display: block;
 }
 
#twocols{
 width:75%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
	width:0%;
	float:right;
	position:relative;
	background-color:#FFFFFF;
	color: #000000;
	padding: 10px;
 }
 
#maincol{
	height: 100%;
	background-color: #FFFFFF;
	float: left;
	clear:right;
	display:inline;
	position: relative;
	width:70%;
	padding: 10px;
	font-size: 12px;
 }
 
#footertop{
	background-color:#990000;
	clear:left;
	height: ;
	font-size: 9px;
	font: Verdana;
	text-align: center;
	background-image: url(images/footerbg.jpg);
	background-repeat:repeat-x;
 } 
 
#footer{
	height:70px;
	background-color:#990000;
	clear:both;
	font-size: 9px;
	font: Verdana;
	color: #ffffff;
	text-align: center;
	bottom: 0px;
} 
 
.glossymenu{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 170px;
	color: #990002;
	border: 1px solid #E1E1E1;
}

.glossymenu li a{
background: white url(media/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #990002;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #990002;
}

.glossymenu li a:hover{
background-image: url(media/glossyback2.gif);
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{
	display:none;
	width: 14%;
} 

/*hide the right column when printing*/ 
#rightcol{
	display:none;
	background-color: #FFFFFF;
	color: #000000;
	padding: 10px;
	width: 14%;
} 
#twocols, #maincol{width:100%; float:left;}

#panelcontainer{
	width: 100%;
	hieght: 200px;
}

#panel1{
	height: 200px;
	width: 33%;
	background-color:#FFFFFF;
	position: relative;
	float: left;
}

#panel2{
	height: 200px;
	width: 33%;
	background-color:#FFFFFF;
	position: relative;
	float: left;
}

#panel3{
	height: 200px;
	width: 33%;
	background-color:#FFFFFF;
	position: relative;
	float: left;
}