/* *** 

 */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 

background-color:#FFFFCC;
} 
 
#pagewidth{ 
 width:780px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 border-right:1px solid #330000;
 border-left:1px solid #330000;  
 background-color:#FFFFFF;
 background-image: url(images/horseshoe.jpg);
 background-repeat: no-repeat;
 background-position: 100% 89%
} 
 
#header{
	position: relative;
        background-color:#FFFFFF;
	width: 100%;
} 
 
#leftcol{
	width: 170px;
	float: left;
	position: relative;
	background-color: #FFFFFF; 
}

 /* +++ Start Of Content Section +++ */
#maincol{
/* background-color: #FFFFFF;  */
 float: right; 
 display:inline; 
 position: relative; 
 width:609px;
 vertical-align: top;
 }

#content{
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
 }

#content img {
 border-style:none;}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;}



 

 
 /* *** Float containers fix: *** */ 
.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;}
}

/* +++ Start Of Header Section +++ */

#header {
margin:0; padding:0;}

.superheader {
background-color:#330000; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;}

.mainheader {
        background-image: url(images/banner.jpg);
        background-repeat: repeat-n;
        height: 160px;
}

.mainheader h1 {
font-size:300%; margin:0 0 5px 0; padding:0; color: #330000;}

.mainheader p {
text-indent:4em; color:#330000; margin:0; padding:0.2em; font-weight:bold;}

.subheader {
background-color:#CCCC99; margin:0; padding:0.5em; text-align:center; color:#000000;}



/* +++ Start of Footer Section +++ */

#footer {
	margin:0; 
	padding:0;
	height: 45px;
	background-color: #330000;
	clear: both;
	
} 

.superfooter {
background-color:#32668E; height:1.8em;}

.mainfooter {
background-color:#FFFFFF; text-align:center;}

.subfooter {
background-color:#294D69; height:0.6em;}

.fnav {
	color:#ffffff;
	font-size:85%;
	text-align:center;
}

.fnav a:link {
	color:#ffffff;
        text-decoration:underline; 
}

.fnav a:visited {
	text-decoration:underline; 
	color:#ffffff;
}

.fnav a:hover {
	text-decoration:none; 
	color:#CCCC99;
}

.fnav a:active {
	text-decoration:none; 
	color:#ffffff;
}


/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; padding:0; float:left; 
width: 170px; 

border-right:1px solid #330000;
text-align:center;}

#sidecontainer h2 {
display:block; margin:0; padding:0.1em; color:#FFFFFF; background-color:#330000; font-weight:normal;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}

.nav {
margin:0 0 0 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #330000;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#330000; margin:0; padding:0.4em;}

.nav a:hover {
display:block; margin:0; text-decoration:none; margin:0; padding:0.4em; background-color: #CCCC99;}

.nav a:active {
display:block; margin:0; font-weight:bold; color:#330000; margin:0; padding:0.4em;}

/* +++ Start Of Site Sections +++ */

a:link, a:visited {
	color:#330000; 
	text-decoration:underline;
}

a:hover {
color:#330000; text-decoration:none;}

a:active {
color:#330000; text-decoration:underline;}


div {margin:0; padding:0;}

h1 {
color:#32668E; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}
/*  */