body{
background-image: url('title.jpg');
background-position: top center;
background-repeat: no-repeat;
position: relative;
background-color: #182815;
color: #000000;
padding:0px;
margin:0px;}

#pagewidth{
width:98%;
text-align:left;
margin-left:auto;
margin-right:auto;}

#header{
position:relative;
height:160px;
width:100%;
}

#navbar{
position:relative;
height:25px;
width:100%;
background-color: #223220;
color:white;
}

img.download {vertical-align:middle;}

#leftCol{
width:20%;
float:left; 
position:relative;
background-color: #182815;
}
 
#twoCols{
width:78%;
float:right; 
position:relative; 
}

#maincol{
background-color: #f1f1c1;
float: left;
position: relative;
width:85%;
text-align:left;
border: 8px solid #fff1bb;
}

#rightCol{
width:11%;
position:relative;
float: left;
background-color: #182815;
text-align:center;
}
#footer{
background-color: #406030;
clear:both;
text-align:center;
position:absolute;
float: center;
bottom: -25px;
} 
 
/* *** 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;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

ul.error { color: red; }

a.first:link    {text-decoration: none; font-weight: bold; font-size: 115%; color: white; line-height: 1.2}
a.first:visited {text-decoration: none; font-weight: bold; font-size: 115%; color: white; line-height: 1.2}
a.first:hover   {text-decoration: none; font-weight: bold; font-size: 115%; color: black; line-height: 1.2}

a.second:link{ text-decoration: underline;  color: Gray;}
a.second:visited {text-decoration: underline;  color: Gray;}
a.second:hover {text-decoration: underline;  color: DimGray;}

a.third:link{text-decoration: none; font-size: 85%; color: black;}
a.third:visited{text-decoration: none; font-size: 85%; color: black;}
a.third:hover {text-decoration: none; font-size: 85%; color: black;}

a.hirearchy:link{text-decoration: underline; font-size: 100%; color: White;}
a.hirearchy:visited{text-decoration: underline; font-size: 100%; color: White;}
a.hirearchy:hover {text-decoration: underline; font-size: 100%; color: Gray;}