@charset "utf-8";
/* CSS Document */


body {background-image:url(images/bg2.jpg);
background-position: top left;
background-repeat:repeat-x;
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #333333}





.maincontainer {width:985px;
margin: 0 auto;
}

.top1 {background-color:#000000;
height: 38px;
color: #fff;
text-align: right;
padding: 1em 2em 0 0;
font-weight: bold}

.top1 a {padding: 0 1em;
text-decoration: none;
color: #fff}

.top1 a:hover {color:#86c9d2}

.top2 {background-color:#FFFFFF;

padding: 3.25em 0 2em 25em}

.logo {
position:absolute;
margin-left:30px;
top:34px;
z-index:1;
}

.printlogo {display: none}

.top3 {background-image: url(images/purplebar.gif);
height: 30px;
text-align: right;
color: #fff;
font-weight: bold;
padding: 0.75em 2em 0 0}

.top3 a {padding: 0 1em;
text-decoration: none;
color: #fff}

.top3 a:hover {color:#86c9d2}

.maincontent {background-image: url(images/centerbg.jpg);
background-position:top left;
background-repeat: no-repeat;
padding-bottom: 2em;

} 



.left {width: 236px;
float: left;}

.center {
width: 450px;
float: left;
padding: 2em  1em 2em 2.5em;
}

.center a {text-decoration: none;
color:  #0099CC;}

.center a:hover {color:#333333}

.right {width: 165px;
float: right;
padding: 2em;
}

.right a {color: #0099CC;
text-decoration: none;}

.right a:hover {color: #333333}

.clear {clear:both}

ul.nav {padding: 1.25em 1.25em 1em 1em}

ul.nav li {line-height: 2em;
list-style: none;
border-bottom: 1px solid #754f74;
}

ul.nav li a {color: #754f74;
text-decoration: none;
padding-left: 1em}


ul.nav li a:hover {color:#0099cc}

ul.nav li a.on {color:#0099cc}

ul.subnav li {line-height: 2em;
list-style: disc;
border-bottom: none}

ul.subnav li a {padding-left: 0}

h1 {font-size: medium;
color: #005167}

h2 {font-size: medium;
color: #754f74;}

h3 {font-size: small}


/*-------footer-------------*/
html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}

	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	#footer
	{
		position: relative;
		margin: -2.5em auto 0 auto;
		width: 985px;
		padding-bottom: 1.5em;
	background-color: #fff;
		color: #666;
	text-align: center;
	line-height: 1.5em;
	font-size: smaller;

	}
	
	#footer a {color: #666;
	text-decoration:none}
	
	#footer a:hover {color:#0099CC}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -2.4em;
	}

/*--------tombstones--------------*/

p.leftimage {float: left;
}

p.leftimage a {border: none;
text-decoration:none}

p.rightimage {float: right}

p.rightimage a {border: none;
text-decoration:none}

.tombstones {clear:both;
margin: 10px 0}

/*------------testimonials----*/

.testimonials li {margin-bottom: 0.75em}

/*----------news------------------*/

ul.news {margin: 0 0 0 1.5em;
padding: 1em 0 0 0}

.news li {margin-bottom: 1em;

}

/*--------sitemap-*/

ul.sitemap {display: none;
width: 236px;
float: left;}

.sitemaplist  {
width: 450px;
float: left;
padding: 2em  1em 2em 2em;
}

li a {text-decoration:none;
color:#754f74}

li a:hover {color: #0099cc}
