@charset "UTF-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
}
body {
	line-height:1;
	font:15px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	background:url(images/bginterior.jpg) repeat-x;
	color:#333;
}
.wrapper  #container {
	width: 800px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.wrapper  #header {
	height: 211px;
}

.wrapper  #mainContent {
	padding: 0;
}
.wrapper  #mainContent h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
}
.wrapper #container #mainContent ul li {
	list-style-image: url(images/bullet.png);
	margin-left: 15px;
	padding: 6px 0 0 0;
}
.wrapper  #footer {
	padding: 5px 0 0 0;
	border-top-color: #999999;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
}
.wrapper  #footer  p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 12px;
	text-align: center;
}
img {
}
p {
	padding-top:10px;
	line-height: 20px;
}
.hero{
	height:235px;
	padding: 0;
	clear: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
.basiclinks {
	display:block;
	width:100%;
	height:50px;
	overflow:hidden;
	cursor:pointer;
}

.basiclinks p{
	position:absolute;
	top:11px;
	color: #666666;
	left: 743px;
}
.basiclinks a{
	color: #0066a7;
}


a {
color:#0066a7;
text-decoration:none;
}

a:hover,a:active {
text-decoration:underline;
}

ol,ul {
	list-style:none;
}
.wrapper #nav {
	padding:0;
	margin:0;
	height: 65px;
}
.nav {
	background:url(images/nav_bg.jpg) no-repeat left top;
	float:left;
	font-size: 15px;
	width:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	margin: 0;
	height: 65px;
	padding: 0;
	position: absolute;
	top: 147px;
}

.nav li {
	border:0;
}

.nav li a {
	text-align:center;
	color:#000000;
	position:relative;
	padding: 7px 30px;
	float: left;
}

.nav li a:hover {
	text-decoration:none;
	color: #AE9300;
}

.nav li.active a {
	color:#0060C0;
	background:none;
}


.left {
	float:left;
	overflow: hidden;
	width:245px;
	margin-right: 20px;
	text-align: center;
}
.middle {
	float:left;
	overflow: hidden;
	width:210px;
	margin-left: 3px;
	width:250px;
	margin-right: 20px;
	text-align: center;
}
.right {
	float:left;
	overflow: hidden;
	width:210px;
	margin-left: 3px;
	width:241px;
	margin-right: 10px;
	text-align: center;
}
.clear { clear: both; }

.featureimg {
	padding:10px 10px 5px 10px;
	text-align:center;
}
.quote {
	display:block;
}
.smallimg{
	float:left;
	padding-right: 10px;
}
.floatleft {
	float:left;
	padding: 0px 10px 3px 0;
}
/* form elements */
form {
	margin:10px;
	padding: 0 5px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 0;
	padding: 4px;
	color: #FFF;
	background: #FACF00 url(images/btnbg.jpg) repeat-x 0 0;
	border: 1px solid #719CC6;
}