/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
body {
	font:.75em/1.4 Verdana,sans-serif;
	background:#766114 url(../images/body_bg.gif) repeat-x 0 0;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3, h4 {margin:0 10px 1em; padding:0}
abbr, acronym {cursor:help}
.nowrap {white-space:nowrap}

/* ---- headings ---- */
h1 {
	font:bold 1.8em/1.4 Georgia, "Times New Roman", Times, serif;
	color:#4f679c}
h2 {
	font:1.6em/1.4 Georgia, "Times New Roman", Times, serif;
	color:#4f679c}
h3 {
	font:1.4em/1 Verdana, Arial, Helvetica, sans-serif;
	color:#4f679c;
	padding-top:10px}
h4 {
	font:1.9em/1.4 Georgia, "Times New Roman", Times, serif;
	color:#5a1919}


/* ---- container ---- */
#container_main, #container {
	margin:0 auto;
	width:770px}
#container_main {background:url(../images/container_main_bg.gif) repeat-y 0 0}
#container {background:url(../images/container_bg.gif) repeat-y 0 0}

/* ---- top ---- */
#top {
	width:770px;
	height:152px}

#logo {
	width:208px;
	height:152px;
	float:left;
	border-left:1px solid #26324c;
	border-bottom:1px solid #3a4c74;
	background:#4f679c url(../images/bluegradient_bg.gif) repeat-y 0 0}

.logo_pos {
	position:relative;
	top:17px;
	left:52px}
.logo_text {
	font-size:.95em;
	line-height:1.1em;
	color:#FFF}

#logo a {color:#FFF}
#logo a:hover {text-decoration:none}

#banner {
	width:561px;
	height:119px;
	float:right;
	background:#26324c url(../images/banner_logo.gif) no-repeat 112px 0}

#banner_CHH {
	width:561px;
	height:119px;
	float:right;
	background:#26324c url(../images/banner_logo_CHH.gif) no-repeat 112px 0}

.bannerlogo {visibility:hidden}

/* ---- textsize ---- */
#textsize {
	width:561px;
	height:26px;
	float:right;
	background:#4f679c;
	padding-top:7px;
	color:#FFF;
	border-bottom:1px solid #26324c}

#textcontainer {float:right; width:148px}

p#text-size {
	display:block;
	float:left;
	margin:0;
	padding:0}

ul#text-size-options {
	list-style:none;
	padding:0}

ul#text-size-options li {
	margin:0 4px 0 0;
	padding:0;
	float:left}

ul#text-size-options a {
	display:block;
	width:18px;
	height:17px;
	border:1px solid #461f02;
	background:#FFF url(../images/textsize_buttons.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}

ul#text-size-options a:hover {border-color:#FFF}

li#text-m a {background-position:0 -17px}
li#text-l a {background-position:-17px 0}
li#text-xl a {background-position:-34px 0}

.invisible{display:none} /* ---- if css is disabled, all .invisible will now display ---- */

/* ---- middle ---- */
#middle {
	width:768px;
	min-height:207px;
	height:auto !important;
	height:207px;
	border-left:1px solid #26324c;
	border-right:1px solid #26324c}

/* ---- navigation ---- */
#nav {
	width:208px;
	height:210px;
	float:left;
	background:#4f679c}

#navigation {
	width:208px;
	padding:0}
#navigation img {border:0}

#navigation ul, #navigation li {
	list-style:none;
	margin:0;
	padding:0}
	
#navigation li a {
	height:29px;
	font-size:1.29em;
	text-decoration: none;
	background:url(../images/nav_buttons.gif) no-repeat 0 0;
	padding: 6px 0 0 31px}	
	
#navigation li a:link, #navigation li a:visited {
	color:#FFF;
	display:block}
	
#navigation li a:hover {
	color:#FFF;
	background:url(../images/nav_buttons.gif) no-repeat 0 -35px}

#navigation li.selected a {background:url(../images/nav_buttons.gif) no-repeat 0 -70px !important}

/* ---- Flash area ---- */
#collage {
	width:560px;
	height:210px;
	float:right;
	background:#FFF}
#flash {}

/* ---- main content ---- */
#main_content {
	width:768px;
	margin-top:20px;
	border-left:1px solid #26324c;
	border-right:1px solid #26324c;
	background:url(../images/maincontent_bg.gif) repeat-y 0 0}

#main_content p {margin-left:20px}
#main_content li {margin-left:30px}

#main_cont_left {
	width:258px;
	min-height:100px;
	height:auto!important;
	height:100px;
	float:left;
	padding-left:5px}
#main_cont_middle {
	width:246px;
	min-height:100px;
	height:auto!important;
	height:100px;
	float:left;
	margin-left:1px;
	padding-left:5px}
#main_cont_right {
	width:244px;
	min-height:100px;
	height:auto!important;
	height:100px;
	float:left;
	margin-left:1px;
	padding-left:5px}
#main_cont_bottom {
	width:768px;
	height:20px;
	background:#FFF;
	clear:both}

.signature {padding-left:80px}

/* ---- content ---- */
#content {
	width:532px;
	min-height:240px;
	height:auto !important;
	height:240px;
	padding:42px 14px 0 14px;
	float:right;
	background:url(../images/content_topshadow.gif) repeat-x 0 0}

#content li {margin-left:40px}

.img_right {
	margin:8px 0 8px 12px;
	border:2px solid #4a5469}
	
#content a:hover {text-decoration:none}

/* ---- footer ---- */
#quote {
	width:770px;
	height:65px;
	background:url(../images/quote_quality.gif) no-repeat 320px 0;
	clear:both}
#quote img {
	position:relative;
	left:320px}
#footer {
	width:770px;
	min-height:41px;
	height:auto !important;
	height:41px;
	background:#26324c;
	color:#FFF;
	text-align:center;
	font-size:.95em;
	padding-top:8px;
	clear:both}
#footer a {color:#FFF}
#footer a:hover {text-decoration:none}

/* === survey link === */

#survey {
	background:#26324c;
	width:200px;
	padding:10px 10px 5px 0;
	margin:0 0 25px 21px;
	color:#e2c45a;
	border:2px #fff solid;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
}

#survey a {
	color:#e2c45a;
}