/* Reset Styles */
a, body, div, h1, h2, h3, h4, h5, h6, html, input.text, li, object, ol, p, select,
span, textarea, ul {font-size: 100%; margin: 0; outline: none; padding: 0; text-decoration: none;}
a {color: #666666;}
a:hover {text-decoration: underline;}
body, html {height: 100%; font-family: Arial, Sans-Serif;}
h1, h2, h3, h4, h5, h6 {color: #003366;}
h1, h2, h3, h4, h5, h6, p {margin: 12px 20px 12px 20px;}
h1 {font-size: 140%;}
html {overflow: auto;}
object {display: block;}
img { margin-bottom: -3px;}

/* Page To Page Styles */
body {background: #FFF url(../images/bkg.jpg) center 0 repeat-x; text-align: center;}
#page {background: url(../images/footer_bkg.jpg) center bottom repeat-x; margin: 0 auto;
	text-align: center; width: 1000px;}
#page {min-height: 100%; margin-bottom: -146px; position: relative;}
#body {margin: 0 auto; text-align: left; width: 950px;}

/* Header Styles */
#header {background: url(../images/ascent_logo.png) 0 0 no-repeat; display: inline; float: left;
	width: 100%; margin-top: 10px; height: 137px;}
#header-top {background: url(../images/top_right_header.gif) right 0 no-repeat;height: 87px;
	position: relative;}
#header-bottom {background: url(../images/bottom_right_header.gif) right bottom no-repeat; height: 50px;}

#home-link {position: absolute; display: block; height: 69px; width: 375px;}
#home-link span {display: none;}

/* Header Top Wrapper Styles */
#header-top-wrapper {display: inline; float: right;}
#header-top-wrapper .form, #header-top-wrapper .navigation {display: inline; float: left;}

/* Google Search (Form) Styles */
#header-top-wrapper .form {margin: 6px 10px 0 0; position: relative;}
#header-top-wrapper .form form {background: url(../../images/site_search.gif) 0 0 no-repeat;
	padding-left: 238px;}
#header-top-wrapper .form form .text {height: 15px; line-height: 15px; font-size: 12px;
	width: 125px; border: 0; background: #FFF; position: absolute; top: 3px; left: 110px;}
#header-top-wrapper .form form .submit {margin-top: -2px; margin-left: 2px; width: 20px; opacity: 0;}

/* Header Top (TEXT) Navigation Styles */
#header-top-wrapper .navigation {width: 345px;}
#header-top-wrapper .navigation .links {margin: 7px 0 0 15px;}
#header-top-wrapper .navigation, #header-top-wrapper .navigation a {color: #FFF;}
#header-top-wrapper .navigation a {font: bold 80% Verdana; text-decoration: none;
	text-transform: uppercase;}
#header-top-wrapper .navigation a.selected {text-decoration: underline;}

/* Header Bottom (IMAGE) Navigation Styles */
#header-bottom .navigation ul li {display: inline; float: left; height: 33px;}
#header-bottom .navigation ul li a {display: block; height: 100%; background-position: 0 0;
	background-repeat: no-repeat;}
#header-bottom .navigation ul li a.selected, #header-bottom .navigation ul li a:hover {
	background-position: 0 100%;}
#header-bottom .navigation ul li a span {display: none;}

/* Content Styles */
#content {}

/* Footer Styles */
#footer {clear: both; text-align: center; font-size: 70%; color:#ffffff;}
#footer {height: 146px; position: relative;}
#clearfooter {height: 146px;clear: both;}
#footer a {color:#ffffff;}
#footer a:hover {text-decoration:underline;}
#footer-wrapper-main {width: 1000px; margin: 0 auto; text-align: center; height: 100%; position: relative;}
#footer-wrapper-main2 {margin: 0 auto; text-align: left; width: 850px; height: 100%; position: relative;}
#footer-wrapper {position: absolute; bottom: 20px; left: 0; width: 100%;}
#address-development {overflow: hidden; width: 100%;}
#address-development address {display: inline; float: left; font-style: normal;}
#address-development address span {background: url(../images/bullet.gif) center center no-repeat;
	display: inline-block; height: 12px; width: 10px; vertical-align: middle; margin-right: 2px;}
#address-development address span br {display: none;}
#address-development #development {display: inline; float: right;}

/* Common Table Column Styles */
.colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}
.colleft, .colmid, .colright {
	float: left;
	width: 100%;			/* width of page */
	position: relative;
}
.col1, .col2, .col3 {
	float: left;
	position: relative;
	overflow: hidden;
	min-height: 1px;
}

/* 2 Column Styles (Right Side Col <<<  Left Side Col) */
.twocol {
	background-color: transparent;	/* right column background colour */
}
.twocol .colleft {
	right: 355px;					/* right column width */
	background-color: transparent;	/* left column background colour */
}
.twocol .col1 {
	width: 595px;					/* left column content width */
	left: 355px;					/* (right column width) plus (left column left padding) */
}
.twocol .col2 {
	width: 345px;					/* right column content width */
	left: 365px;					/* (right column width) plus
										(left column left and right padding) plus
										(right column left padding) */
}