/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color:#FFF;
	background-image:url(images/pic-field.jpg);
	background-repeat:no-repeat;
	background-position: 0 -30px;
}

.inside-page-container {
	background-image:url(images/pic-field.jpg);
	background-position: 0 -130px;
}

.inside-page-container2 {
	background-image:url(images/pic-field3.jpg);
	background-position: 0 -180px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .grid_1 {
	width:140px;
}

.container_6 .grid_2 {
	width:300px;
}

.container_6 .grid_3 {
	width:460px;
}

.container_6 .grid_4 {
	width:620px;
}

.container_6 .grid_5 {
	width:780px;
}

.container_6 .grid_6 {
	width:940px;
}



/* Prefix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .prefix_1 {
	padding-left:160px;
}

.container_6 .prefix_2 {
	padding-left:320px;
}

.container_6 .prefix_3 {
	padding-left:480px;
}

.container_6 .prefix_4 {
	padding-left:640px;
}

.container_6 .prefix_5 {
	padding-left:800px;
}



/* Suffix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .suffix_1 {
	padding-right:160px;
}

.container_6 .suffix_2 {
	padding-right:320px;
}

.container_6 .suffix_3 {
	padding-right:480px;
}

.container_6 .suffix_4 {
	padding-right:640px;
}

.container_6 .suffix_5 {
	padding-right:800px;
}



/* `Push Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .push_1 {
	left:160px;
}

.container_6 .push_2 {
	left:320px;
}

.container_6 .push_3 {
	left:480px;
}

.container_6 .push_4 {
	left:640px;
}

.container_6 .push_5 {
	left:800px;
}



/* Pull Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .pull_1 {
	left:-160px;
}

.container_6 .pull_2 {
	left:-320px;
}

.container_6 .pull_3 {
	left:-480px;
}

.container_6 .pull_4 {
	left:-640px;
}

.container_6 .pull_5 {
	left:-800px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* My additions */
body {
	background: #000;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
}

#logo {
	margin: 10px 0 0 0 ;
	border: 0px;
}

ul#navlist
{
margin-top: 30px;
margin-left: 88px;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 12px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

.field-spacer {
	height: 300px;	
}
.field-spacer-inside {
	height: 200px;	
}
.floatbox {
	background-image:url(images/75p_white.png);	
	margin-bottom: 20px;
	height: 190px;
}
.floatbox h3 {
	padding: 10px 0 0 10px;
	color: #333;
	margin: 0;
}

.floatbox p{
	padding: 0 15px ;
	font-size: .75em;
	color: #333;
}
.floatbox ul {
	margin: 0;
	padding: 5px 30px;
	
}
.floatbox li {
	list-style: square;
	color: #2E6B56;
	padding: 0 2px ;
	font-size: .75em;
	margin: 0;
}
.floatbox a:link {
	color: #333;
	
}
.floatbox a:visited {
	color: #B3C7E6;
}
.floatbox a:hover {
	color: #2E6B56;

}
.home-contents {
	margin-bottom: 40px;	
}

.home-contents p{
	font-size: .75em;
	margin: 0 0 0 10px;
	color: #333;
	line-height: 1.6em;
}

.home-contents h4 {
	color: #012E74;
	margin: 10px 10px;
}


.home-contents ul {
	margin: 10px;
	padding: 0px 20px;
	
}
.home-contents ul li {
	list-style: square;
	color: #2E6B56;
	padding: 0 2px ;
	font-size: .75em;
	margin: 0;
	line-height: 1.6em;
}
.home-contents a:link {
	color: #333;
	text-decoration: none;
}

.home-contents  a:visited {
	color: #B3C7E6;
}

.home-contents a:hover {
	color: #0061F3;
	text-decoration: underline;
}

#footer {
	font-size: .6em;
	background-color: #012E74;
	color: #FFF;
	margin: 00px 0 0 0;
	width: 100%;
	border-top: 3px solid #009460;
}

#footer p{
	padding: 10px;
}

#content-area {
	background-color: #FFF;
	width: 100%;
	margin: 10px 0 0 0;
	border-top: 3px solid #009460;
	font-size: 0.8em;
	padding: 0 0 50px 0;

}

#sidebar {
	margin: 0 0 0 20px;

	
}

#sidebar h3 {
	color: #668ECC;
	
}

#sidebar ul {

}

#sidebar ul li {
	list-style: square;
	color: #66CCA9;
	padding: 4px 2px ;	

}

#sidebar ul li a:link, #sidebar ul li a:visited{
	font-size: .9em;
	color: #999;
	text-decoration: none;
}

#sidebar ul li a:hover{
	font-size: .9em;
	color:	#012E74;
	text-decoration:underline;
}


#contents {
	margin: 0 20px 0 0;
	
}

#contents h2{
	color: #012E74;
	font-size: 3em;
}

#contents p, #contents li{
	font-size: 1em;
	line-height: 1.8em;
	margin-right: 30px;
}

#breadcrumbs {
	font-size: .9em;
	color: #666;
}

#breadcrumbs a:link, #breadcrumbs a:visited{

	color: #666;
	text-decoration: none;
}

#breadcrumbs a:hover{
	
	color:	#012E74;
	text-decoration:underline;
}