/* colors 
	blue: #0063be;
	green: #66bc29;
*/

html, body {
	font-family: arial, helvetica, sans-serif;
	background: #e7e2d7;
}

body {
	font-size: 62.5%; /* reset 1em to 10px */
	text-align: center;
}

a {
	color: #0063be;
}

a:hover,
a:active {
	color: #66bc29;
}


h1 {
	padding: 0 40px 12px;
	color: #0063be;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
}

#header {
	width: 100%;
	height: 225px;
	padding-top: 20px;
	text-align: center;
	background: #fff;
}

#headerSubNav {
	width: 780px;
	margin: 6px auto;
	text-align: right;
}

#headerSubNav a {
	margin-left: 5px;
	padding: 0 5px;
	color: #66bc29;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
}

#headerSubNav a:hover,
#headerSubNav a:active,
#headerSubNav a.selected {
	color: #0063be;
}

#wrapper {
	width: 790px;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: center;
	background: #fff;
}

#content {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: left;
	background: url(images-layout/bg-content.gif) repeat-y;
}

#content.body {
	background: none;
}

#nav {
	position: relative; 
	width: 780px;
	height: 40px; 
	margin: 0; 
	padding: 0; 
	z-index: 1000;
	background: #7bc143  url(images-layout/bg-nav-all.jpg) repeat-y top left;
}

#contentHomeHero {
	position: relative;
	display: inline;
	float: left;
	width: 330px;
	height: 315px; /* remove padding, spec height for cross-fade images */
/*	padding-top: 40px; */
/*	text-align: center; */
}

#contentHomeHero img {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 40px; /* spec margin height due to absolute positioning */
	margin-left: 27px;
}

#contentHomeBody {
	display: inline;
	float: left;
	padding-top: 40px;
	width: 450px;
}

#contentHomeBody h1 {
	padding: 0 55px 0 0;
	font-size: 3em;
	font-weight: normal;
	color: #000;
	text-transform: none;
}

#contentHomeBody p {
	padding: 0 55px 6px 0;
	font-size: 1.4em;
	line-height: 1.5em;
}

#contentHomeBody a {
	color: #0063be;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .85em;
}

#contentHomeBody a:hover,
#contentHomeBody a:active {
	color: #66bc29;
}

#contentBody {
	display: inline;
	float: left;
	padding-top: 35px;
	width: 480px;
}

#contentBody p {
	padding: 0 40px 6px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#contentBody ul {
	padding: 0 40px 3px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#contentBody li {
	margin-left: 15px;
	margin-bottom: 3px;
	list-style: disc;
}

#contentBody a {
	color: #0063be;
}

#contentBody a:hover,
#contentBody a:active {
	color: #66bc29;
}

#contentBody h2 {
	margin: 0px 5px 6px 0px;
	padding: 6px 40px;
	cursor:pointer;
	background: #0063be; 
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
}

#contentSide {
	display: inline;
	float: left;
	padding-top: 35px;
	width: 300px;
	text-align: center;
/*	background: #f4f2ed; */
}

#contentSide p {
	padding: 0 40px 6px;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: left;
}

.sideHidden {
	display: none;
}

#footer {
	width: 780px;
	margin: 0 auto;
	text-align: center;
	background: #c2b59b;
}

#footer p {
	padding: 8px 0;
	color: #fff;
	font-size: 1em;
}

.green {
	color: #66bc29;
}

.uppercase {
	text-transform: uppercase;
}

.clearIt {
	clear: both;
}

/* form elements */
form {
	margin: 10px 40px;
	padding: 0;
	font-size: 1.2em;
}

#content form p {
	padding: 0 5px 6px;
	font-size: 1em;
}

fieldset {
	margin-top: 10px;
	padding: 5px;
	background: #faf9f5;
}

legend {
	margin-bottom: 10px;
	padding: 0 5px 5px;
	color: #66bc29;
	font-weight: bold;
	text-transform: uppercase;
	display: none;
}

p.legend {
	padding: 0 5px 5px;
	color: #66bc29;
	font-weight: bold;
	text-transform: uppercase;
}

input, textarea {
	/* display: block; */
	width: 200px;
	float: left;
	margin-bottom: 5px;
}

p input {
	display: inline;
	float: none;
/*	margin: 0; */
/*	width: auto; */
}

label {
	/* display: block; */
	float: left;
	width: 100px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	color: #3c2415;
}

select {
	/* display: block; */
	float: left;
	width: 200px;
	margin-bottom: 5px;
}

form br {
	clear: left;
}
	
.short {
	width: 100px;
}