body {
margin: 0;
padding: 0;
background: #fff;
font: normal normal 81.25%/1.6em Verdana, Arial, Tahoma, Sans-Serif;
color: #333;
}



img a, a img {
margin:0;
padding:0;
border:none;
}
p{
	text-indent: 20px;
	font-family: verdana;
	font-size: 10pt;
}
  

div.hr {display: none}
/*/*/a{}
div.hr {display: block; height: 10px; background-image: url(images/hr.jpg); background-repeat: no-repeat; background-position: left center; margin: 2px 0 0 0;}



p {
/* all p tags should be inside content divs, then they already have font and size formatting */ 
margin: 0 0 10px 0;
}


a{
	text-decoration: none; 
	color: #24A026;
}

a:link {
	text-decoration: none; 
	color: #24A026;
}
a:visited {
	text-decoration: none; 
	color: #24A026;
}
a:hover {
	text-decoration: underline; 
	color: black;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Georgia, Serif;
	color: #f60;
}
h1{
font-size: 180%;
margin: 5px 0 10px 0;
}
h2{
font-size: 160%;
margin: 12px 0 10px 15px;
padding: 0;
}
h3{
font-size: 140%;
margin: 12px 0 0 15px;
padding: 0 0 3px 0;
}
h4{
width: 180px;
font-size: 120%;
margin: 0 0 0 15px;
padding: 0 0 0 0;
border-bottom: 1px dashed #999;
}






#container{
width: 710px;
padding:0;
margin: 0 auto;
position: relative;
background: #fff;
border: 0 solid #666;
}





#header{
position: relative;
top: 0;
width: 710px;
height: 225px;
padding: 0;
background: url(images/header.jpg) top left no-repeat;
}





.logo {
	width:221px;
	height: 102px;  
	position: relative; 
	left: 0px; 
	top: 0px; 
	font-size: .1em
}
.logo span {
	background: url(images/logo.jpg) no-repeat left top; 
	position: absolute; 
	left: 0; 
	top: 0; 
	display: block; 
	width: 221px;
	height: 102px;
	cursor: pointer;
}
.logo a:link, .logo a:visited, .logo a:hover  {
	color: #fff; 
	text-decoration: none;
}




.top-links {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 440px;
	padding-bottom: 5px;
	font-size: .8em;
	font-weight: bold;
}








#nav {
	float: right;
	width: 489px;
	display: block;
	padding: 8px 0 0 0;
	margin: 0;
	background: #fff url(images/nav-shadow.jpg) top left no-repeat;
	position: absolute;
	bottom: -30px;
	right: 0;
}

	
ul#nav li {
	display: inline;
	list-style: none;
	margin: 0 5px 0 5px;
	padding: 0 0 0 16px;
	font-size: 11px;
	background: url(images/div.jpg) center left no-repeat;
	position: relative;
	top: 5px;
}

* html ul#nav li {
	position: relative;
	top: 6px;
}

ul#nav li#first {
	background: none;
}
ul#nav li#last {
	background: url(images/div.jpg) center left no-repeat;
}


ul#nav li a:link {
	color: #333;
}
ul#nav li a:visited {
	color: #333;
}
ul#nav li a:hover {
		color: blue;
}
ul#nav li.active a:link {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}








#content{
 float: right;
 width: 470px;
 padding: 0;
 margin: 40px 0 85px 0; /* this keeps footer below content */
 position: relative;
 border: 0 solid #ccc;
}
#content ul.layout {
	margin: 0 0 0 20px; 
	padding: 0;
	list-style: none;
}


li.l{
	margin-bottom: 10px;
	}



#left{	
 float: left;
 width: 221px;
 padding: 0;
 margin: 0 0 10px 0; /* this keeps the second left division 10px below the grey box one */
 background: url(images/left-repeat-y.jpg) top left repeat-y;
}
#left-bottom {
	width: 221px;
	height: 61px;
	background: url(images/left-bottom.jpg) top left; no-repeat;
}
#left ul, #left2 ul {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style: none;
	font-size: .9em;
	line-height: 1.6em;
}





#left2 {	
 float: left;
 width: 221px;
 padding: 0;
 margin: 0 0 85px 0; /* this keeps footer below content */
 background: #fff;
}





#footer{
width: 710px;
height: 70px;
background: #fff;
text-align: center;
padding: 0;
z-index: 100;
position: absolute;
bottom: 0;
border-top: 3px solid #CACACA;
}
#footer p {
	margin: 3px 0 0 0;
	font-size: .8em; 
}
#footer p.copyright {
	margin: 2px 0 0 0;
	font-size: .8em; 
	line-height: 1.3em;
}







/* --- various styles --- */


.float-left {
	float: left;
}
.float-right {
	position: relative;
	top: 0;
	right: 0;
	float: right;
}