/* Layout stylesheet */

/* @group forms */

#textContainer fieldset {
	background-color: silver;
	padding: 5px;
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	width: auto;
}

#textContainer legend {
	color: #333;
	font: normal .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#textContainer label {
	float: left;
	width: auto;
	text-align: left;
	margin-right: 10px;
	display: block;
}

submit {
	float: left;
	text-align: center;
	width: 10px;
	clear: none;
	margin-top: 50px;
	margin-left: 50px;
}

#textContainer input[type="submit"] {
	float: left;
	width: auto;
	clear: none;
}

#textContainer input[type="reset"] {
	float: right;
	width: auto;
	clear: none;
}

.chckbox {
	float: left;
	text-align: left;
	margin-right: 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	clear: both;
}

#textContainer input {
	margin-top: 2px;
	margin-bottom: 5px;
	width: 200px;
}

#textContainer input[type="checkbox"] {
	float: left;
	margin-left: 5px;
	clear: both;
	width: auto;
}

#textContainer option {
	margin-top: 2px;
	margin-bottom: 5px;
	width: auto;
}

#textContainer textarea {
	width: 250px;
	height: 80px;
	border: 1px solid #999999;
}

#textContainer form {
	background-color: #e6e6e6;
	margin: 5px;
	padding: 5px;
	border: 1px solid #999999;
	width: 420px;
	height: auto;
	clear: none;
	position: relative;
}

#textContainer form p{
	color: #333;
	margin: 3px;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#textContainer form h4{
	color: #333;
	margin: 3px;
	border-style: none;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#searchBar {
	text-align: right;
	border-style: none;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	width: 200px;
}

#searchBarContainer #button {
	border-style: none;
	float: right;
	position: relative;
	width: 30px;
	height: 30px;
}

#searchBarContainer #input {
	width: 150px;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
	position: relative;
	right: -10px;
	margin-top: 5px;
}

#searchBarContainer #hidden{
	float: left;
}

#searchBarContainer #hidden1{
	float: left;
}

#searchBarContainer #label {
	color: black;
	margin-right: 5px;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
}



/* @end */

/* @group wrappers */

#textContainer h3 {
	color: #000;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin-top: 40px;
}

div#headerLogo {
	float: right;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	width: 131px;
}

div#wrapper {
	float: none;
	width: 750px;
	margin: 0 auto;
	position: relative;
	background-color: white;
	z-index: 3;
	border-right: medium solid #475641;
	border-bottom: medium solid #475641;
	border-left: medium solid #475641;
	height: auto;
}

div#textContainer {
	width: 465px;
	height: auto;
	background-color: white;
	float: left;
	border-right: 1px dotted #999999;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
}

div#navContainer {
	width: 204px;
	background-color: white;
	height: auto;
	float: right;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

div#footerContainer {
	background-color: black;
	clear: both;
	height: auto;
	border-top: thick solid #659B5B;
	text-align: left;
	padding: 10px 30px;
}

div#searchBarContainer {
	background: url(../assets/navigation.png) no-repeat;
	height: 36px;
	position: relative;
}

div#headerContainer {
	background: url(../assets/header.png) no-repeat;
	height: 155px;
}



/* @end */

/* @group Selectors */

a {
	font-size: .8em;
	color: lime;
	text-decoration: underline;
}

#textContainer a:link {
	color: blue;
	text-decoration: underline;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#textContainer a:visited {
	color: blue;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}

#textContainer a:hover {
	color: red;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}

#textContainer a:active {
	color: blue;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}

#textContainer li {
	color: #333;
	font: .8em/normal "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-right: 30px;
	margin-bottom: 5px;
}

li {
	color: #191919;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#textContainer ul {
	padding-right: 30px;
}

ul {
	color: #191919;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h4 {
	color: #1b06fc;
	font: .7em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	border-bottom: 1px dotted #999999;
}

h3 {
	color: #000;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}

h2 {
	font: italic normal 1.8em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px;
	width: auto;
}

p {
	color: #4c4c4c;
	font: .9em/normal "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}

#headerContainer h2 {
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	position: absolute;
	z-index: 2;
	top: 87px;
	left: 30px;
	color: #3B4838;
	text-align: left;
	width: auto;
}

h1 {
	letter-spacing: -1px;
	margin: 0 0 5px;
	font: 2.2em Georgia, "Times New Roman", Times, serif;
	width: auto;
}

#headerContainer h1 {
	position: relative;
	top: 42px;
	left: 30px;
	z-index: 2;
	font-size: 2.7em;
	color: #568B4A;
	float: left;
	text-align: left;
	width: auto;
}

body {
	text-align: center;
	margin: 0;
	position: relative;
	background-color: #54634E;
	height: auto;
}

#textContainer p {
	color: #333;
	font: .8em/normal "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}

#textContainer h4 {
	color: #117f09;
	text-align: left;
	border-bottom: 1px dotted #999999;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group navigation */

#navContainer h4 {
	color: black;
	text-align: left;
	border-bottom: 1px dotted #999999;
	margin: 3px 5px;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footerContainer p {
	color: #659B5B;
	font: .7em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footerContainer a:link {
	color: lime;
	text-decoration: underline;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footerContainer a:visited {
	color: lime;
	text-decoration: underline;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footerContainer a:hover {
	color: lime;
	text-decoration: underline;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footerContainer a:active {
	color: lime;
	text-decoration: underline;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.navBody {
	background-color: #e6e6e6;
	width: 204px;
	float: right;
	margin-bottom: 10px;
	padding-bottom: 5px;
	position: relative;
	clear: both;
}

#navContainer p {
	color: #333;
	text-align: left;
	font: .7em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px;
}

#navContainer .navHeader {
	width: 204px;
	height: 20px;
	background-image: url(../assets/nav_header.png);
	clear: both;
}

h5 {
	color: #003300;
	font: .9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	margin-left: 5px;
	margin-top: 3px;
}

#navContainer a:link {
	color: blue;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

#navContainer a:visited {
	color: red;
	text-decoration: none;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#navContainer a:hover {
	color: green;
	text-decoration: none;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#navContainer a:active {
	color: green;
	text-decoration: none;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group images */

#navContainer img {
	float: none;
	width: 180px;
	border: 1px solid #4c4c4c;
	clear: both;
	margin: 5px 5px 5px 10px;
}

#textContainer img {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: thin solid #000;
}

#textContainer table img {
	border: medium solid #000;
	float: none;
}

/* @end */