/* Main Body styles */

body
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	background: #ffffff url(../images/mainbg.gif) top center repeat-y;
}

label {display: none;}

div.header
{
	display: block;
	clear: both;
	position: relative;
	height: 300px;
	width: 100%;
	background: url(../images/headerbg2.gif) top center no-repeat;
	z-index: 10;
}

div.headertop
{
	display: block;
	margin: auto;
	clear: both;
	position: relative;
	height: 247px;
	width: 940px;
		
}

div.headertop a.logo
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	margin: 60px 0 0 10px;
	height: 140px;
	width: 360px;
}

div.headertop div.rightside
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	padding: 70px 0 0 250px;
}

div.rightside div.rightline
{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 13px;
	width: 275px;
}

div.rightline img
{
	display: block;
	float: left;
	clear: none;
	border: none;
	position: relative;
}

div.rightline a.schedule
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #1c3c71;
	padding: 8px;
}

div.rightline a.schedule:hover {text-decoration: underline;}

div.rightline input.searchbox
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	color: #737373;
	font-size: 14px;
	font-family: Trebuchet MS,Arial;
	width: 160px;
	margin: 6px 8px 0 6px;
}

div.rightline input.go
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	margin-top: 3px;
}

div.menu
{
	display: block;
	clear: both;
	position: relative;
	width: 940px;
	margin: auto;
	padding-left: 5px;
	z-index: 4;
}

div.menu a.homebutton, div.menu a.systemsbutton, div.menu a.siabutton, div.menu a.benefitsbutton, div.menu a.newsbutton, div.menu a.contactbutton
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	padding-right: 3px;
	margin: 0;
	height: 53px;
	overflow: hidden;
	z-index: 4;
}

div.menu a.homebutton
{
	width: 111px;
	background: url(../images/home.gif) top left no-repeat;
	z-index: 4;
}

div.menu a.homebutton:hover {background: url(../images/home-a.gif) top left no-repeat;}

div.menu a.systemsbutton
{
	width: 152px;
	background: url(../images/oursystems.gif) top left no-repeat;
	z-index: 4;
}

div.menu a.systemsbutton:hover {background: url(../images/oursystems-a.gif) top left no-repeat;}

div.menu a.siabutton
{
	width: 172px;
	background: url(../images/systemsinaction.gif) top left no-repeat;
	z-index: 4;
}

div.menu a.siabutton:hover {background: url(../images/systemsinaction-a.gif) top left no-repeat;}

div.menu a.benefitsbutton
{
	width: 145px;
	background: url(../images/benefits.gif) top left no-repeat;
	z-index: 4;
}

div.menu a.benefitsbutton:hover {background: url(../images/benefits-a.gif) top left no-repeat;}

div.menu a.newsbutton
{
	width: 195px;
	background: url(../images/newstest.gif) top left no-repeat;
	z-index: 4;
}

div.menu a.newsbutton:hover {background: url(../images/newstest-a.gif) top left no-repeat;}

div.menu a.contactbutton
{
	width: 147px;
	background: url(../images/contact.gif) top left no-repeat;
	z-index: 4;
}

div.menu a.contactbutton:hover {background: url(../images/contact-a.gif) top left no-repeat;}

div.menu ul.topnav
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 90;
}

div.menu ul.topnav li
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 90;
}

div.menu ul.topnav li ul.subnav
{
	display:none;
	position: absolute;
	top: 52px;
	left: 0px;
	background-color: #DFEBF7;
	z-index: 60;
	width: 100%;
	margin: 0;
	padding: 10px 0 1px 0;
}


div.menu ul.topnav li ul.subnav li, div.menu ul.topnav li ul.subnav li.hovered
{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin: 1px 0 0 1px;
	width: 98%;
	border: none;
	background: url(../images/subnavr.gif) top right no-repeat;
	z-index: 60;
}

div.menu ul.topnav li ul.subnav li.hovered {background: url(../images/subnavr-a.gif) top right no-repeat;}

div.menu ul.topnav li ul.subnav li a
{
	display: block;
	float: left;
	background: url(../images/subnavl.gif) top left no-repeat;
	font-size: 12px;
	color: #155190;
	padding: 5px 0 7px 10px;
	width: 86%;
	text-decoration: none;
	margin-right: 5px;
	z-index: 90;
}

div.menu ul.topnav li ul.subnav li a:hover {background: url(../images/subnavl-a.gif) top left no-repeat;color: #fff;}

div.menu ul.topnav li ul.subnav li ul.level3
{
	display:none;
	position: absolute;
	top: 0;
	left: 150px;
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0 0 1px 0;
	z-index: 150;
}

div.menu ul.topnav li ul.subnav li ul.level3 li
{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin: 1px 1px 0 1px;
	width: 99%;
	border: none;
	background: #9db821;
	z-index: 150;
}

div.menu ul.topnav li ul.subnav li ul.level3 li a
{
	display: block;
	float: left;
	background: #9db821;
	font-size: 12px;
	color: #fff;
	padding: 5px 0 7px 10px;
	width: 93%;
	text-decoration: none;
	margin-right: 5px;
	z-index: 100;
}

div.menu ul.topnav li ul.subnav li ul.level3 li a:hover {background: #47862C;color: #fff;}

div.maincont
{
	display: block;
	clear: both;
	position: relative;
	width: 939px;
	margin: 20px auto 0 auto;
	z-index: 2;
	background: url(../images/bggradient.gif) top left repeat-x #A6C02E;
	overflow: hidden;
}

div.maincont div.maincontent
{
	display: block;
	clear: both;
	position: relative;
	margin: auto;
	width: 902px;
	background: url(../images/centerbg.png) top left repeat-y;
	padding: 0 18px 0 18px;
	overflow: hidden;
	z-index: 1;
}

div.maincont div.maincontentfoot
{
	display: block;
	clear: both;
	position: relative;
	margin: auto;
	width: 902px;
	height: 38px;
	background: url(../images/centerfootbg.png) top left no-repeat;
	padding: 0 18px 0 18px;
	z-index: 3;
	overflow: hidden;
}

div.footer
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	background: url(../images/footerbg.gif) bottom center no-repeat;
	height: 125px;
	margin: -50px 0 0 0;
	z-index: 1;
}

div.footer div.footercont
{
	display: block;
	position: relative;
	clear: both;
	margin: auto;
	width: 939px;
	height: 125px;
	background-color: #A6C02E;
}

div.footercont ul
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	margin: 80px 0 0 0;
	padding: 0;
	list-style: none;
}

div.footercont ul li
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	
}

div.footercont a.footlink
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #576925;
	text-decoration: none;
	margin: 0 0 0 15px;
}

div.footercont div.footright
{
	position: relative;
	display: block;
	clear: none;
	float: right;
}

div.footright p
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #576925;
	margin-top: 80px;
}

div.footright a
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	margin: 70px 12px 0 8px;
}

div.footright a img
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	border: none;
}

/* Featured Image / Flash rotation */

div.featuredcont
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	width: 507px;
	height: 470px;
	background: url(../images/featuredhighlightbg.gif) top left no-repeat;
	padding: 20px 19px 20px 19px;
}

div.featuredcont div.featuredimage
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	width: 507px;
	height: 303px;
}

/* Highlights */

div.highlighta
{
	display: block;
	clear: both;
	position: relative;
	margin: auto;
	padding-top: 20px;
	width: 500px;
}

div.highlighta p
{
	display: block;
	clear: both;
	position: relative;
	color: #b4daff;
	font-size: 12px;
}

div.highlightb, div.highlightc
{
	display: block;
	float: right;
	clear: none;
	position: relative;
	border-top: 1px dashed #c4c4c4;
	width: 325px;
	padding: 0 5px 0 5px;
}

div.highlightc {border-top: none;border-bottom: 1px dashed #c4c4c4;}

div.highlightb a img, div.highlightc a img {border: none;}

div.highlights
{
	display: block;
	float: right;
	clear: none;
	position: relative;
	width: 350px;
	padding-bottom: 20px;
}

div.contentPiece
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
}

div.pageview, div.sitemap
{
	display: block;
	clear: both;
	position: relative;
	margin: auto;
	width: 870px;
}

div.pageview div.pageContent
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	width: 510px;
}

div.pageContent ul.contentMenu
{
	float: left;
	clear: both;
	position: relative;
	display: block;
	list-style-type: none;
}

ul.contentMenu li
{
	float: left;
	clear: both;
	position: relative;
	display: block;
}

ul.contentMenu li img
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	border: none;
	margin: 0;
	padding: 0;
}

ul.contentMenu li a
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	font-size: 16px;
	text-decoration: underline;
	color: #89b100;
	font-weight: bold;
	padding-left: 5px;
}


/* Contact Form Styles*/
div.contactus
{
	display: block;
	clear: both;
	float: left;
	position: relative;
	width: 48%;
	padding-left: 10px;
}

div.contactforms
{
	display: block;
	clear: none;
	float: left;
	position: relative;
	width: 40%;
	padding: 70px 0 0 80px;
}

div.contactforms div.formcont
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	margin-bottom: 5px;
}

div.formcont p
{
	float: left;
	display: block;
	clear: none;
	font-size: 12px;
	color: #1C3D70;
	position: relative;
	width: 100px;
	margin: 0;
	padding: 0;
}

div.formcont p.required
{
	color: red;
	clear: none;
	margin-left: 5px;
	width: auto;
}

div.formcont input, div.formcont textarea
{
	display: block;
	float: left;
	clear: none;
	position: relative;
	margin-left: 5px;
}

div.formcont input.city
{
	text-transform: capitalize;
	width: 65px;
}

div.formcont input.state
{
	text-transform: uppercase;
	width: 22px;
}

div.formcont input.zip {width: 37px;}

div.contactforms input.contactsubmit
{
	display: block;
	clear: both;
	position: relative;
	margin: 15px 0 25px 0;
	width: 125px;
}

div.contactList
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
}

div.contactList p.contactList
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #A6C02E;
	width: 100%;
}

div.contactList div.contactLine
{
	float: left;
	clear: both;
	position: relative;
	display: block;
	width: 100%;
	font-size: 12px;
	color: #1C3D70;
	padding-left: 30px;
}


/* Sitemap */
p.headerText
{
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	color: #1c3d70;
	font-size: 20px;
}

div.sitemap a.sitemapParent
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	font-weight: bold;
	padding-left: 15px;
	width: 100%;
	font-size: 12px;
	color: #89b100;
}

div.sitemap a.sitemapChild
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	padding-left: 30px;
	width: 100%;
	color: #89b100;
	font-size: 12px;
}

/* News and Testimonials */

div.newstestcont
{
	display: block;
	clear: both;
	position: relative;
	width: 1800px;
	
}

div.newscolumn
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 280px;
	padding-right: 20px;
}

div.testimonialcolumn
{
	display: block;
	position: relative;
	float: left;
	clear: none;
	width: 570px;
	left: 0px;
}

div.newscolumn div.newsItem
{
	width: 100%;
	display: block;
	float: left;
	clear: both;
	position: relative;
	border-bottom: 1px dashed #c4c4c4;
}

div.newsItem p.newsTitle
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #295f99;
	width: 100%;
}

div.newsItem p.newsLead
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.newsItem p.newsRead, div.newsItem a.newsRead
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	font-size: 11px;
	margin: 5px 0 15px 0;
	padding: 0;
	font-weight: bold;
	color: #295f99;
	text-decoration: underline;
	cursor: pointer;
	width: 100%;
}

div.newsItem a.newsRead
{
	padding: 0;
	color: red;
}

div.newscolumn img.viewtestimonials, div.newscolumn a.viewtestimonials
{
	display: block;
	clear: both;
	position: relative;
	margin: auto;
	width: 243px;
	height: 52px;
	border: none;
	cursor: pointer;
	margin-top: 20px;
}

div.newscolumn a.viewtestimonials
{
	width: 100%;
	height: auto;
	text-align: center;
}

div.testimonialcolumn div.testimonial
{
	width: 100%;
	display: block;
	float: left;
	clear: both;
	position: relative;
	border-bottom: 1px dashed #c4c4c4;
	font-size: 12px;
}

div#newsitems
{
	width: 570px;
	display: none;
	float: left;
	clear: none;
	position: relative;
	margin-right: 60px;
	overflow: hidden;
}

div#newsitems div#newsitemcontent
{
	width: 100%;
	display: none;
	float: left;
	clear: both;
	position: relative;
	margin-top: 30px;
}

/* FAQ Styles */

div.faqtopics
{
	float: left;
	clear: none;
	position: relative;
	display: block;
	width: 43%;
	background-color: #EFF5C9;
	padding: 0px 25px 20px 25px;
	margin: 0px 25px 15px 0;
}

div.faqtopics a
{
	color: #576925;
	float: left;
	clear: both;
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
	width: 100%;
}

div.faqtopics a:hover {text-decoration: underline;}

div.faqanswers
{
	float: left;
	clear: none;
	position: relative;
	margin: 0;
	width: 100%;
}

div.faqanswers p.faqQuestion
{
	font-weight: bold;
	font-size: 14px;
}

div.faqanswers div.faqAnswer
{
	font-size: 14px;
}