html, body { 
 margin:0; 
 padding:0; 
 text-align:center; 
 font: 0.85em Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 background: #CCCCCC;
 height: 100%;
}

.tablestyle{ 
 font: 10px Verdana, Arial, Helvetica, sans-serif;
} 

#pagewidth{ 
 width:760px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: #FFFFFF; 
} 
 
#header{
 position:relative; 
 height:150px; 
 background-color:#FFFFFF; 
 width:100%;
 text-align:center;
 margin-left: 0px;
 margin-right: 0px;
} 
 
 #redbar{
 position:relative; 
 height:15px; 
 background-color:#CC0000; 
 width:750px;
 text-align:center;
 margin-left: 5px;
 margin-right: 5px;
 } 
 
 #seperator{
 position:relative; 
 height:5px; 
 background-color:#FFFFFF; 
 width:750px;
 margin-left: 5px;
 margin-right: 5px;
 } 

 #newsbox{
 position:relative; 
 background-color:#ffffff; 
 width:200px;
 float:right;
 border: 1px solid black;
 text-align:center;
 margin-left: 5px;
 z-index: 1;
 } 
 
#leftcol{
 width:185px; 
 float:left; 
 position:absolute; 
 background-color:#666666;
 margin-left: 5px;
 list-style-type:none;
 padding:0px 0px 0px 0px;
 margin-top: 0px;
 font: 0.80em Verdana, Arial, Helvetica, sans-serif;
 }
 
 hr {
 color: #ffffff; background-color: #ffffff; border: 1px dotted #666666; border-style: none none dotted;
 }
 
li.dotted {
background-image:url(menu_back.gif);
height:20px;
width:185px;
background-repeat:repeat-y;
background-repeat:repeat-x;
background-position:left top;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 185px; /* Width of Menu Items */
	line-height: 2pt;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 184px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	line-height: 8pt;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #666666;
	background-color: #666666; /* IE6 Bug */
	padding: 5px;
	border-bottom: 0;
	}
	
.menunolink {
	display: block;
	text-decoration: none;
	color: #ffffff;
	height:10px;
	background-color: #666666; /* IE6 Bug */
	padding: 5px;
	border-bottom: 0;
	}
	
	.menunolink2 {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #666666; /* IE6 Bug */
	padding: 5px;
	border-bottom: 0;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #666666; background-color: #666666; } /* Hover Styles */
		
li ul li a { background-color: #666666; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; background-color: #666666; } /* The magic */
	
#maincol{
 float:right; 
 display:block; 
 position: relative; 
 width:550px;
 margin-right: 5px; 
 margin-top: 0px;
 padding:0px 0px 0px 0px;
 background-color: #FFFFFF;
 }
 
 .heading1{ 
 margin:0; 
 padding:0; 
 font: 16px Verdana, Arial, Helvetica, sans-serif;
 color: #CC0000;
 font-weight: bold;
 text-transform:uppercase;
} 

 .heading2{ 
 margin:0; 
 padding:0; 
 font: 2.0em Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color: #CC0000;
 text-transform:uppercase;
} 

.heading3{
color:#000000;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}

.heading4{
color:#000000;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}

h1{
	color:#CC0000;
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

h2{
	color:#000000;
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

.themenu a:link { 
   color:#ffffff; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 0px #CC0000;}
.themenu a:visited { 
   color:#ffffff; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 0px #333333;}
.themenu a:hover { 
   color:#CC0000; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 0px #333333;}
.themenu a:active { 
   color:#ffffff; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 0px #333333;}
    
a:link { 
   color:#CC0000; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 1px #CC0000;}
a:visited { 
   color:#CC0000; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 1px #CC0000;}
a:hover { 
   color:#333333; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 1px #333333;}
a:active { 
   color:#CC0000; 
   background-color:transparent; 
   text-decoration:none;
   border-bottom: dotted 1px #333333;}
   
 /* *** 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;} 
#twocols, #maincol{width:100%; float:none;}
}