/*--------------------
	BASIC STYLES
----------------------*/

BODY {
	background: #E6E6CE url(../media/main_bg.gif) repeat-y top center;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

A {
	color: #036;
}

A:HOVER {
	color: #069;
}

A:VISITED {
	color: #609;
}

A:ACTIVE {
	color: #F60;
}

#wrapAll {
	width: 741px;
	padding: 0;
	margin: 0 auto 0 auto;
}

.error {
	color: #fff;
	font-weight: bold;
	background: red;
}


/*--------------------
	LEFTSIDE CONTAINER STYLES
----------------------*/	

#wrapLeft {
	float: left;
	width: 166px;
	margin: 0 4px 0 0;
	text-align: left;
}

#logo {
	background: #B0C2C9;
}

#logo img {
	margin: 20px 12px 15px 12px;
}

#nav {
	padding: 0;
	margin: 0;
	clear: both;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
	border-top: 1px solid #95ACB5;
}

#nav li {
	text-align: right;
	border-bottom: 1px solid #95ACB5;
	margin: 0;
}

#nav li a {
	display: block;
	text-decoration: none;
	color: #052B3C;
	background: #B9C9CF;
	padding: 8px 6px 8px 0;
	width: 160px;
}

#nav li a:hover {
	color: #fff;
	background: #95ACB5;
}

#search {
	padding: 17px 11px 0 14px;
	color: #627C86;
	font-size: 12px;
}

.searchfield {
	width: 100px;
	border: 1px solid #7A959F;
	background: #D3DFE4;
	font-size: 11px;
	color: #052B3C;
	padding: 2px 3px 2px 3px;
}

.searchgo {
	display: inline;
	border: 1px solid #627C86;
	background: #7A959F;
	color: #fff;
	font-size: 11px;
	padding: 0 1px 1px 1px;
	margin-left: 10px;
}

#visit {
	text-align: right;
	padding: 50px 12px 0 0;
	font-size: 10px;
	color: #627C86;
}

#visit a, #visit a:visited {
	font-size: 12px;
	color: #052B3C;
	text-decoration: none;
}

#visit a:hover {
	text-decoration: underline;
}


/*--------------------
	HRIGHTSIDE CONTAINER STYLES
----------------------*/	

#wrapRight {
	float: right;
	text-align: left;
	width: 570px;
}

#wrapRight h1 {
	background: #26576D;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 12px 0 8px 17px;
	margin: 0;
}

#wrapRight h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 0 20px;
	margin: 0;
}

#wrapRight p {
	margin: 0;
	padding: 20px/* 20px 0 20px*/;
}

strong {
	margin: 0;
	padding: 0;
}

#floatLeft {
	float: left;
	width: 330px;
	padding: 0 0 10px 0;
}

#floatRight {
	float: right;
	width: 240px;
	padding: 0 0 10px 0;
}

.halfBlue {
	width: 290px;
	text-align: left;
	padding: 30px 20px 0 20px;
	color: #666;
	float: left;
	clear: left;
}

.halfBlue h3 {
	margin: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #069;
}

.halfGreen {
	width: 290px;
	text-align: left;
	padding: 30px 20px 0 20px;
	color: #666;
	float: left;
}

.halfGreen h3 {
	margin: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #096;
}

.halfOrange {
	width: 290px;
	text-align: left;
	padding: 30px 20px 0 20px;
	color: #666;
	float: left;
}

.halfOrange h3 {
	margin: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #F7941D;
}

.halfBlack {
	width: 290px;
	text-align: left;
	padding: 30px 20px 0 20px;
	color: #666;
	float: left;
}

.halfBlack h3 {
	margin: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #000;
}

.splitBlackL {
	width: 255px;
	text-align: left;
	padding: 30px 20px 0 20px;
	color: #666;
	float: left;
}

.splitBlackL h3 {
	margin: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #000;
}

.splitBlackR {
	width: 255px;
	text-align: left;
	padding: 30px 20px 0 20px;
	color: #666;
	float: right;
}

.splitBlackR h3 {
	margin: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #000;
}

.cta {
	float: right;
	padding: 30px 20px 0 0;
	clear: both;
}

#footer {
	clear: both;
	border-top: 1px solid #e6e6e6;
	padding: 7px;
	margin: 20px;
	text-align: right;
	color: #666;
	font-size: 10px;
}

#footer a, #footer a:visited {
	text-decoration: none;
	color: #666;
}

#footer a:hover {
	text-decoration: underline;
}
