/********** Global Styles **********/

html {
	min-height:100%;
	height:auto;
	}

body {
	margin:0;
	padding:0;
	height:100%;
	background:#043a65 url(../images/bgMid.jpg) bottom left repeat-x;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#021e34;
	}
	
/********** Global Text **********/

h1, h2 {
	color:#3585bb;
	font-size:1.7em;
	margin:0;
	padding:0;
	}
	
h2 {
	margin:0 0 15px;
	}
	
h3 {
	color:#04355b;
	font-size:1.2em;
	margin:0 0 15px;
	padding:0;
	}
	
h4 {
	font-size:.8em;
	color:#04355b;
	float:right;
	font-weight:normal;
	}

p {
	margin:0 0 12px;
	padding:0;
	}
	
a {
	color:#164970;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
/********** Layout Elements **********/
	
.main {
	width:936px;
	margin:0 auto;
	min-height:100%;
	height:auto;
	position:relative;
	z-index:3;
	}
	
.leftBg {
	background:url(../images/leftBg.png) bottom left no-repeat;
	width:299px;
	position:relative;
	height:460px;
	clear:both;
	float:left;
	margin:-460px 0 0 0;
	}
	
.rightBg {
	background:url(../images/rightBg.png) bottom right no-repeat;
	width:299px;
	position:relative;
	height:460px;
	clear:both;
	float:right;
	margin:-460px 0 0 0;
	}

.top {
	background:url(../images/topBg.jpg);
	height:136px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}
	
.topMain {
	height:136px;
	width:1100px;
	}
	
.topMain .nav {
	float:right;
	margin:10px 25px 0;
	color:#032d4f;
	font-size:.9em;
	font-weight:bold;
	}
	
.topMain .slogan {
	float:left;
	margin:-65px 5px 0 250px;
	color:#032d4f;
    font-size:.8em;
}

.leftCol {
	width:226px;
	float:left;
	}
	
.midCol {
	width:499px;
	background:url(../images/contentBg.jpg) repeat-y;
	float:left;
	padding:0 16px 10px;
	}
	
.topImage {
	position:relative;
	z-index:2;
	margin:0px 0 0;
	}
	
.rightCol {
	width:175px;
	float:left;
	text-align:center;
	}
	
/********** leftCol Navigation **********/
	
.leftCol .nav {
	width:132px;
	margin:25px 12px 0;
	float:right;
	}
	
.leftCol .nav a {
	display:block;
	height:16px;
	background:url(../images/menuBg.gif) top right no-repeat;
	width:130px;
	margin:0 0 10px;
	color:#FFF;
	font-size:.85em;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	}
	
.leftCol .nav a:hover {
	text-decoration:underline;
	}
	
/********** Newsletter, Logos **********/

.leftCol .newsletter, .leftCol .logos {
	width:150px;
	clear:both;
	float:right;
	margin:20px 12px 0;
	}
	
.leftCol .newsletter {
	background:#042946;
	}
	
.leftCol .newsletter .text {
	background:#e6eaed;
	width:130px;
	font-size:.85em;
	border:1px solid #000;
	padding:2px;
	height:16px;
	}
	
.leftCol .newsletter .button {
	width:71px;
	background:#3182ba;
	color:#FFF;
	font-size:.8em;
	font-weight:bold;
	height:13px;
	margin:5px 9px 5px;
	border:0;
	}

.leftCol p {
	margin:0;
	}
	
/********** Content **********/

.content {
	padding:7px;
	}
	
.content p {
	line-height:20px;
	margin:0 0 20px;
	}
	
.bottom {
	border-top:1px solid #8ca5b9;
	color:#032d4f;
	text-align:center;
	width:95%;
	margin:10px auto;
	padding:10px 0 0;
	font-size:.85em;
	}
	
.bottom a {
	padding:0 2px;
	}
	
.floatRight {
	float:right;
	margin:10px;
	padding:2px;
	width:200px;
	background:#d9e6ef;
	border:1px solid #b4c6d3;
	}
	
.floatRight ul {
	margin:0 0 0 15px;
	padding:0;
	list-style-type:square;
	font-size:.9em;
	line-height:19px;
	}
	
.floatRight form {
	margin:-20px 0 5px 0;
	padding:0;
	}
	
/********** Right Column **********/
	
.rightCol p {
	margin:14px 0 0;
	}
	
.rightCol img {
	border:1px solid #000;
	}
	
.OTGlogo {
	float:right;
	margin:36px 155px 0 0;
	position:relative;
	}
	
/********** CWS **********/
	
.cws {
	text-align:center;
	font-size:.85em;
	font-weight:bold;
	clear:both;
	padding:20px 0 5px;
	}
	
.cws a {
	color:#c2e2f8;
	}
	
.flash {
	font-size:1px;
	color: #F4F5F9;
	margin:0;
	padding:0;	
	}