html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image:url("images/bg/darkviolet_bg.jpg");
 background-repeat: repeat-x;
 font-family: 'verdana', helvetica, arial, tahoma, sans serif;
 font-size: 11px;
} 
 
#pagewidth{ 
 width:760px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:345px;
 background-color:#FFFFFF; 
 width:100%;
} 
 
#maincol{
 background-image:url("images/bg/white_bg.jpg");
 background-repeat: repeat-x;
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:760px; 
 }
 
#footer{
 height:15px; 
 background-color:#FFFFFF; 
 clear:both;
 } 
 
 
 /* *** 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 */  



/* top navigation */

#topnav {
font-family: 'verdana', helvetica, arial, tahoma, sans serif;
background-image:url("images/bg/topnav_bg.jpg");
background-repeat: repeat-x;
border-bottom: solid 1px #ccc;
font-size: 10px;
color: #666;
padding: 0px;
margin: 0px;
border-left: solid 1px #999;
border-right: solid 1px #999;
}


#topnav, #topnav a, #topnav a:active {
	color: #666;
	padding: 3px;
	text-decoration: none;
	}
	
#topnav a:hover {
	color: #999;
	text-decoration: underline;
	}
	

#topnav ul {
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
	} 

#topnav ul li {
	margin: 0px;
	padding: 0px 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#topnav ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #ccc;
	}
	
#topnav ul li.first:before {
	content: " ";
	}



/* usr added */

#layoutheader {
 border-left: solid 1px #999;
 border-right: solid 1px #999;
 padding: 0px;
 margin: 0px;
}

.layoutbg {
 border-left: solid 1px #999;
 border-right: solid 1px #999;
 border-top: solid 1px #999;
 margin: 0px;
 padding: 0px;
}


#layoutfooter {
background-image:url("images/bg/foot_bg.jpg");
background-repeat: repeat-x;
border-top: solid 1px #999;
border-left: solid 1px #999;
border-right: solid 1px #999;
border-bottom: solid 1px #fff;
color: #666;
padding: 2px 3px;
font-size: 10px;
}


/* text stuff */


a, a :active {
color: #63F;
text-decoration: none;
}

a:hover {
color: #90F;
text-decoration: underline;
}


.shadedbox {
background-image:url("images/bg/shadedbox_bg.gif");
background-repeat: repeat-x;
background-color: #fff;
border: solid 1px #CF9;
padding:10px 10px;
margin: 0px 50px;
}

.anchor_up {
width: 100%;
font-size: 10px;
text-align: right;

}

.anchor_up  img {
vertical-align: middle;
}

img {
border: 0;
}

.shadedbox {
background-image:url("images/bg/shadedbox_bg.gif");
background-repeat: repeat-x;
background-color: #fff;
border: solid 1px #CF9;
padding:10px 10px;
margin: 0px 50px;
}

/* 
a  sneaky fix for menu titles on wordpress pages
*/

h2 {
color: #fff;
font-size: 1px;
}


/* index page link icon alignment */

.indexlink  img {
vertical-align: middle;
}