/*  File: layout.css        */
/*  By:   Jeremy Tredway    */
/*  Ver:  2008-03-11        */


/* common elements */

body {
	background-color: #fff;
	color: #333;
	font: normal 12px/1.5 Arial, Verdana, sans-serif;
}

h1 {
	color: #89c3d9;
	font: normal 23px/1.0 Arial, Verdana, sans-serif;
	margin: 0 0 .5em 0;
}
h2 {
	color: #1f2076;
	font: normal 16px/1.0 Arial, Verdana, sans-serif;
	margin: 0 0 .5em 0;
}
h3 {
	color: #1f2076;
	font-weight: bold;
	margin: 0 0 .5em 0;
}

p { margin: 0 0 1em 0; }

ol, ul { margin: 0 0 1em 0; }

a:link, a:visited {
	color: #78aad6;
	text-decoration: none;
}
a:hover { text-decoration: underline; }


/* header elements */

#header {
	background: #eae9ec url("../img/header_bg.gif") repeat-x top left;
	height: 83px;
	width: 812px;
}

#logo a {
	background: transparent url("../img/logo08.gif") no-repeat top left;
	float: left;
	height: 83px;
	text-indent: -999em;
	width: 272px;
}

#util {
	color: #888;
	float: left;
	font-size: 10px;
	padding: 15px 30px 0 0;
	text-align: right;
	width: 510px;
}

/* no good, I am not using a form here, so stick this in search_query  3/31/08 JMC.  
I also have to force the background of the button to transparent and fix the height of the input box.
The main css sheet overrules this and sets the height to 19px.  
#util form { margin-top: 5px; } */

#util .search_query {
	border: 1px solid #ccc;
	color: #bbb;
	font-size: 10px;
	padding: 2px;
	width: 120px;
	height:auto;
	margin-top:5px; 
}

.search_btn {
	padding: 0 3px 4px 3px;
	vertical-align: middle;
	background-color:Transparent;
	
}


/* top navigation */
/* cf. superfish.css */

/* layout elements */

#main {
	padding: 22px 0 0;
	width: 812px;
}

#main_first_col {
	float: left;
	padding: 0 15px 0 3px;
	width: 170px;
}
#main_second_col {
	float: left;
	width: 620px;
}
#main_second_col_a {
	float: left;
	width: 360px;
}
#main_second_col_b {
	float: left;
	padding-left: 22px;
	width: 238px;
}


/* menu box elements */

.menu_box {
	border: 1px solid #d5d5d5;
}

.menu_box_header {
	background-color: #25117c;
	color: #fff;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
}
.menu_box_header h3 {
	color: #fff;
	font: bold 13px/1.0 Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
}
.menu_box_header h3 .hilite {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.menu_box_content {
	padding: 8px;
}
.menu_box_content select {
	color: #848484;
	font-size: 10px;
}

#main_first_col .menu_box_content select {
	width: 145px;
}


/* form elements */

.input {
	border: 1px solid #9c9c9c;
	color: #777;
	font-size: 11px;
	line-height: 1.0;
	padding: 4px 3px 3px 3px;
}

select {
	border: 1px solid #9c9c9c;
	color: #777;
	font-size: 11px;
	line-height: 1.0;
	padding: 3px 2px 2px 2px;
}
option { color: #777; }


/* list elements */


.list_decimal {
	list-style-type: decimal;
	margin: 1em 0 0 2em;
}

.list_disc {
	list-style-type: disc;
	margin: 1em 0 0 2em;
}

.list_decimal li,
.list_disc li {
	margin: .25em 0;
}


/* misc elementds */

.divider {
	border-top: 1px solid #6ea3c2;
	padding-top: 1em;
}

.faded { color: #797979; }

.hilite { color: #89c3d9; }

.img_right {
	float: right;
	margin: 0 0 .5em .5em;
}

.more_info {
	line-height: 1.0;
	text-align: right;
}

.nopad {
	margin: 0 !important;
	padding: 0 !important;
}
.nopad_bot {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.nopad_top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


/* home page column elements */

#home {
	font-size: 11px;
	margin: 5px 0;
	padding: 0 10px;
	width: 792px;
}

.home_col { float: left; }

.home_col2 { float:left; font-size:10px; }

#home_first_col {
	width: 372px;
}
#home_second_col {
	background: #fffcf7 url("../img/col_border.gif") repeat-y top left;
	margin-left: 10px;
	padding-left: 10px;
	width: 400px;
}
#home_second_col_a { width: 190px; }
#home_second_col_b {
	background: #fff url("../img/col_border.gif") repeat-y top left;
	margin-left: 10px;
	padding-left: 10px;
	width: 190px;
}

#home h1 {
	color: #f6900a;
	font: bold 13px/1.0 Arial, Verdana, sans-serif;
	margin: .5em 0;
}
#home h2 {
	color: #333;
	font: bold 12px/1.0 Arial, Verdana, sans-serif;
	margin: .5em 0;
}

#home p { margin: .5em 0; }


/* footer elements */

#footer {
	border-top: 1px solid #ddd;
	font-size: 10px;
	margin: 0 0 20px 0;
	padding: 15px 10px;
	width: 792px;
}

#footer a:link, #footer a:visited {
	color: #000;
}

#footer_copy {
	font-size: 9px;
	margin: 1em 0;
}

#footer_nav li {
	border-right: 1px solid #bbb;
	display: block;
	float: left;
	line-height: 10px;
	margin-right: 5px;
	padding-right: 5px;
}
#footer_nav li.nav_last {
	border: none;
}


/* clearing the elements */

#header:after,
#top_nav:after,
#main:after,
#home:after,
#home_first_col:after,
#home_second_col:after,
#home_second_col_a:after,
#home_second_col_b:after,
#footer_nav ul:after,
#footer:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}