/* generated by csscreator.com */ 
html, body{ 
font-family: bold Verdana, sans-serif;
color: white;
 margin:1; 
 padding:5; 
a:link color: white;
a:visited color: white;
 } 
a:link {
  color: white }
a:visited {
  color: white }

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: darkgray;
width: 10em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid darkgray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid black;
background: #7A7A7A;
text-decoration: none;
}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #FFF; }

#navlist li a:hover
{
border-color: red;
color: #FFF;
background: #000000;
}

#navcontainer2
{
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

#navcontainer2 ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer2 ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer2 ul li a
{
background: #7A7A7A;
width: 80px;
height: 20px;
border-top: 1px solid red;
border-left: 1px solid red;
border-bottom: 1px solid red;
border-right: 1px solid red;
padding: 0;
margin: 0 0 10px 0;
color: white;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer2 ul li a:hover
{
color: white;
background: darkred;
}

#navcontainer2 a:active
{
background: #c60;
color: #fff;
}

#navcontainer2 li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

 #container {	  background-color:#292929; 
	width: 97%;		border: 1px solid gray;		margin: 5px;		margin-left: auto;		margin-right: auto;		padding: 1px;		}
#pagewidth{ }
 
#header{
 position:relative; 
 height:10%; 
  background-color:#000000; 
 width:100%;
border: 1px solid gray;
 clear:both;
margin:1;
} 
 
#leftcol{
 width:15%; 
 float:left; 
 position:relative; 
 background-color:#292929; 
 }
 
#maincol{
background-color: #949494;  
 float: right; 
 display:inline; 
 position: relative; 
height:100%;
 width:85%; 

 }
 
#footer{
 height:10%; 
  background-color:#121212; 
 clear:both;
margin:1;
border: 1px solid gray;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* 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;}
}
