﻿/* LAYOUT */
body 						{ background: #F0EFED url(../images/bg.gif) repeat-y top; padding: 0px; margin: 0px; text-align: center; font: 101% Verdana, Arial, Helvetica, sans-serif; }
div#layout 					{ padding: 0px; width: 773px;  margin: 0px auto 0px auto; text-align: left; font-size: 75%; }

a img 						{ border: 0px; }
a 							{ color: #000; }
a:hover 					{ color: #666; }
acronym						{ border-bottom: 1px dotted #CCC; cursor: help; }

.horizontalline			{ clear: left; height: 1px; width: 773px; background: url(../images/dots_horizontal.gif) repeat-x; }
.hideFromScreen				{ display: none; margin: 0px; }
.leftCol					{ width: 80px; font-weight: bold; }



/* FOOTER */
div#footer 					{ clear: both; background: #FFF; padding: 20px 0px 20px 0px; font-size: 80%; }
div#footer ul 				{ clear: left; list-style-type: none; margin: 0px; padding: 0px; }
div#footer ul li 			{ display: block; float: left; padding-right: 5px; line-height: 15px; }
div#footer ul li a 			{ color: #000; text-decoration: none; padding-right: 5px; }
div#footer ul li a:hover 	{ color: #666; }
div#footer ul .testList 	{ padding: 2px 2px 0px 0px; }
div#footer a.localLink,
div#footer a.localLink:hover	{color: #333333; padding-right: 0px;}

/* CASE STUDY */
.caseStudy 	{
	width: 196px;
	height: 250px;
	float: left;
	text-align: center;
	background: url(../images/dots_vertical.gif) repeat-y right;
	margin-top: 10px;

}
.caseStudy p				{ text-align: left; line-height: 18px; padding: 0px 8px 0px 8px; }
.caseStudy a				{ color: #000; text-decoration: none; font-weight: bold; text-transform: lowercase; }
.caseStudy a:hover			{ color: #999; }
.caseStudy a em				{ display: none; }
.caseStudy a span			{ color: #999; }
.caseStudy strong			{ width: 186px; text-align: left; }

/* CONTENT BODY */
#contentBody				{
	width: 560px;
	float: right;
	text-align: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 100px;
	margin-left: 0px;
}
#contentBody h1				{ font-family: "Georgia", Times, Times New Roman, serif; color: #003399; font-weight: normal; margin: 0px 0px 20px 0px; font-size: 180%; }
#contentBody h2				{ font-family: "Georgia", Times, Times New Roman, serif; color: #2F3C41; line-height: 20px; margin: 0px 0px 20px 0px; font-size: 125%; }
#contentBody h3				{ margin: 0px; color: #333; font-size: 100%; }
#contentBody .seperation	{ border-top: 3px double #CCC; }
#contentBody p				{ margin-top: 3px; }
#contentBody p, li			{ line-height: 20px; color: #333; }
#contentBody dl dt a		{ font-weight: bold; }
#contentBody ul				{ list-style-image: url(../images/arrow_nav.gif); }

.villages-text {
	font-size: 0.9em;
}

/* SUBNAV */
#subNavContainer					{ border-top: 1px solid #FFF; width: 179px;  text-align: left;  float: left; height: 450px; }
#subNavContent						{ background: url(../images/bg_nav_header.gif) no-repeat; }
#subNavContent form					{ margin: 0px; }
#subNavContent fieldset				{ border: none; margin: 0px; padding: 0px; color: #000; width: 179px; }
#subNavContent fieldset legend span	{ font-weight: bold; line-height: 46px; color: #000; }
#subNavContent fieldset label		{ line-height: 25px; display: block; }
#subNavContent fieldset label span	{ padding-left: 28px; }
#subNavContent fieldset .input		{ display: block; width: 140px; margin-left: 28px; border: 1px solid #CCC; height: 18px; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#subNavContent fieldset .login		{ margin: 5px 0px 0px 28px; width: 50px; height: 20px; background-color: #F6F5F5; border: 1px solid #999; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#subNavContent ul					{ list-style-type: none; margin: 0px; padding: 0px; }
#subNavContent ul li				{ height: 25px; width: 179px; background: url(../images/arrow_nav.gif) no-repeat 8px; }
#subNavContent ul li span			{ display: block; height: 25px; line-height: 25px; width: 178px; background: url(../images/dots_horizontal.gif) repeat-x bottom; }
#subNavContent ul li span a			{ padding-left: 28px; display: block; line-height: 24px; height: 23px; width: 178px; text-decoration: none; color: #000; }
#subNavContent ul li span a:hover	{ background-color: #EEE; width: auto; }



/* LOGOS */
.imgborder {	border: 1px solid #336699;}
#logos { margin: 20px 0px 10px 22px;}



.container {
	width: 773px;
	background-image: url(../images/dots_vertical2.gif);
	background-repeat: repeat-y;
}

