/* ////////////////////////////////////////////////////////////////////////////////////// */
body
{
	margin: 0; padding: 0;
	background: #fff url('../images/cloud_bg.jpg') left top repeat-x;
	font-family: Arial, sans-serif;
}
h1
{
	color: #a08949;
	font-size: 17pt;
	font-family: Times;
	font-weight: normal;
}
h2 { color: #8699a9; font-size: 12pt; }
h3 { font-size: 11pt; }

.req { color: #1d4e76; }

form { margin: 0; }
input, textarea { border: 1px solid #ccc; color: #333; padding: 2px; font-family: Arial, sans-serif; font-size: 9pt; }
label { display: block; margin-top: 10px; font-weight: bold; }
textarea { width: 98.5%; height: 100px; }

.submit { text-align: right; margin-top: 10px; }
.submit input { border: 1px solid #ccc; color: #333; padding: 2px; font-family: Arial, sans-serif; font-size: 9pt; }

img { border: none; }


/* ////////////////////////////////////////////////////////////////////////////////////// */
.shell_width
{
	width: 800px;
	margin: auto;
}


/* ////////////////////////////////////////////////////////////////////////////////////// */
div.top_bar
{
	position: relative; z-index: 1;
	background: #002543 url('../images/top_bar_tile.jpg') left top repeat-x;
	width: 100%; height: 33px;
}
div.top_nav
{
	position: relative; z-index: 25;
	font-family: Verdana, Arial, sans-serif;
	color: #8699a9;
	text-transform: uppercase;
	font-size: 7pt;
	margin-top: -25px; /* .top_bar height */
}
div.top_nav a:link { color: #8699a9; text-decoration: none; }
div.top_nav a:visited { color: #8699a9; text-decoration: none; }
div.top_nav a:hover { color: #fff; text-decoration: underline; }
div.top_nav a:active { color: #8699a9; text-decoration: none; }

div.gray_bar
{
	margin: 1px 0 0 0; padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background-color: #a5afb6;
}


/* ////////////////////////////////////////////////////////////////////////////////////// */
div.header_background { position: relative; }
div.header_background div
{
	position: absolute; z-index: 1;
	height: 320px; width: 800px;
	top: -22px; left: -85px;
	
	background: transparent url('../images/header_bg_main.png') left bottom no-repeat;
}
div.header_container
{
	position: relative; z-index: 15;
	margin-top: -22px; /* .top_bar height */
	height: 320px; width: 966px;
}
div.header_container img.home_button { position: absolute; z-index: 500; left: 50px; top: 115px; width: 400px; height: 150px; }
div.header_container div.navigation
{
	position: absolute;  z-index: 20;
	top: 255px; left: 75px;
	width: 820px;
}

/* Header tiers */
body.tier_1 div.header_background div, body.tier_2 div.header_background div
{
	height: 179px; width: 961px;
	top: 20px;
	background: transparent url('../images/header_bg_tier_1.png') 0 0 no-repeat;
}
body.tier_1 div.header_container, body.tier_2 div.header_container
{
	height: 210px;
}
body.tier_1 div.navigation, body.tier_2 div.navigation
{
	top: 150px;
}

body.tier_1 img.home_button, body.tier_2 img.home_button { left: 50px; top: 50px; width: 300px; height: 100px; }

.header_image
{
	position: absolute;
	top: 0; right: 65px;
}

/* ////////////////////////////////////////////////////////////////////////////////////// */
div.image_swapper
{
	position: absolute; z-index: 5;
	top: 0; right: 55px;
}
div.image_swapper div.container { display: none; width: 635px; height: 375px; }

div.image_swapper div.png
{
	position: absolute;
	top: 0; right: 0;
	width: 635px; height: 375px;
}

div.image_swapper div.title
{
	width: 350px;
	
	position: absolute;
	top: 75px; right: 290px;
	z-index: 15;
	
	text-align: right;
	color: #5f6062;
	font-size: 14pt;
	letter-spacing: 1px;
	text-transform: none;
	font-family: Times;
	font-weight: normal;
}
div.image_swapper div.title span
{
	color: #ccc;
	line-height: normal;
	font-family: Verdana, Arial, sans-serif;
	font-size: 7pt;
	padding-right: 10px;
}
div.image_swapper div.title p { margin: 0; padding: 0; }
div.image_swapper a:link { color: #8699a9; text-decoration: none; }
div.image_swapper a:visited { color: #8699a9; text-decoration: none; }
div.image_swapper a:hover { color: #8699a9 !important; text-decoration: underline; }
div.image_swapper a:active { color: #8699a9; text-decoration: none; }


/* ////////////////////////////////////////////////////////////////////////////////////// */
div.content
{
	position: relative;
	z-index: 10;
	padding: 0 0 0 25px;
	color: #7d7d7d;
	font-size: 10pt;
}
div.content a:link { color: #a08949; text-decoration: none; }
div.content a:visited { color: #a08949; text-decoration: none; }
div.content a:hover { color: #002543; text-decoration: underline; }
div.content a:active { color: #a08949; text-decoration: none; }

div.content div.left
{
	width: 68%;
	float: left;
}
div.content div.left_tier_2
{
	width: 98%;
	padding-right: 25px;
}
div.content div.right
{
	margin-top: 60px;
	padding: 0 3px 0 20px;
	width: 26%;
	float: right;
	background: transparent url('../images/sep_bar.png') left 50% no-repeat;
}
div.content div.right_tier_1
{
	margin-top: 10px;
	padding: 0 3px 0 20px;
	width: 26%;
	float: right;
	background: transparent url('../images/sep_bar.png') left 50% no-repeat;
}
div.content div.right ul, div.content div.right_tier_1 ul
{
	margin: 0; padding: 0;
}
div.content div.right li, div.content div.right_tier_1 li
{
	margin: 0 0 0 10px;
	list-style-image: url('../images/brace.gif');
	padding: 2px 0 0 2px;
}
div.content div.right li a:link { color: #002543; text-decoration: none; }
div.content div.right li a:visited { color: #002543; text-decoration: none; }
div.content div.right li a:hover { color: #a08949; text-decoration: underline; }
div.content div.right li a:active { color: #002543; text-decoration: none; }

div.content div.right_tier_1 li a:link { color: #002543; text-decoration: none; }
div.content div.right_tier_1 li a:visited { color: #002543; text-decoration: none; }
div.content div.right_tier_1 li a:hover { color: #a08949; text-decoration: underline; }
div.content div.right_tier_1 li a:active { color: #002543; text-decoration: none; }

div.footer
{
	clear: both;
	background: transparent url('../images/footer_bg.png') 50% bottom no-repeat;
	width: 833px;
	line-height: 25px;
	margin: 0 auto 50px auto;
}
div.sub_footer
{
	margin: auto;
	padding: 5px;
	font-size: 7pt;
}

div.large_footer
{
	padding: 20px 0; margin: 0;
	font-size: 7pt;
	background: #002543 url('../images/top_bar_tile.jpg') left top repeat-x;
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	color: #8699a9;
}
div.large_footer a {color: #8699a9;}