/* layout styles */
/* styles that affect the wysiwyg and general styling are in content.css */

/* colors
#032b4b dk blue
#613628 dk red
#99553f med red
#ca8265 top nav hilite
#84909b grey blue headline txt
#b19b6c footer text
#6a8259 green col
#8e8885 grey col
#4d494f dk grey col
#bc9b15 divider bar (yellowish)

#4d5e40 menu h1 bg
#6a8259 menu bg
*/

/* ---------- main blocks ----------  */
body
{
	margin: 0px;
	color: #000;
	background: #613628;
}


/* page wraps all served pages */
#page
{
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.minheight {
	height: 250px;
	float: right;
	width: 1px;
	background-color: white;
}

div
{
	margin: 0px; padding: 0px; height:100%;
}

td
{ margin: 0px; padding: 0px; }

ul
{margin: 0px; padding: 5px 10px 5px 20px; }

/* container for header and main top nav */
#top
{ border-bottom: none; margin-top: 0px;}

/* class for the middle content div or table of both content and index pages */
.content
{ margin-left:auto; margin-right:auto; width: 100%;border-right:1px solid #fff;border-top:1px solid #fff;}
table.content
{ margin:0px; padding:0px; border-collapse:collapse;}

/* ---------- header ---------- */
/* header container */
#header
{  	background: #032b4b;
	color: #fff;
	border-right: 1px solid white; border-left: 1px solid white; border-top: 1px solid white; border-bottom:none;
	margin: 0px; padding: 0px;
	font-size: 11px;
	font-weight: bold;
	height: 74px;
	width:760px;
}

#header input:focus
{background: #ffffdd;}

/* table for the login box */
#header #login
{
	margin-left: 175px; margin-top: 4px;
}
/* table for the search box in the header */
#header #keywordSearch
{	margin-left: 20px; margin-top: 4px;}
#header #keywordSearch input
{	background:#cceeff;}
#header #keywordSearch input:focus
{background: #ffffdd;}
/* cell column for the submit button, login and search */
.submitcol
{	 vertical-align:bottom; }

#header .loginlink a
{ color: #fff; font-size: 11px; margin-left: 260px; margin-top: 50px; text-decoration: none;}
#header .loginlink a:hover
{ text-decoration: underline;}
	 
/* ---------- index ----------- */
/* container for content in index page */
#index
{	background: #fff; font-size: 11px; margin: 0px; width: 760px;}
#index h1
{ color: #84909b; font-size: 18px; padding-left: 10px; }
#index p
{ color: #fff;}
#index table
{ border: 1px solid white; }
#index table td
{ border: 1px solid white; }

#index .info
{ margin: 0px; font-size: 12px;}
.indexcontent
{ margin-top:5px; vertical-align:top; padding-left:5px; padding-right:5px;}
#index .col1
{ background: #6a8259; width:308px;}
#index .col2
{ background: #8D8784; width:225px;}
#index .col3
{ background: #4d494f; width:225px;}


#index .col1_top {
	background: #6a8259;
	width:308px;
	border: 0;
	border-right: 1px solid white;
}
#index table td.col1_bottom {
	background: #6a8259;
	border: 0;
	border-right: 1px solid white;
	padding-right: 5px;
}


#index .col2_top {
	background: #8D8784;
	width:225px;
	border: 0;
	border-right: 1px solid white;
}

#index .col2_bottom{
	background: #8D8784;
	border: 0;
	border-right: 1px solid white;
	padding-right: 5px;
}

#index .col3_top {
	background: #4d494f;
	width:225px;
	border: 0;
}

#index .col3_bottom {
	background: #4d494f;
	border: 0;
	padding-right: 5px;
}


#index .info a, #index .info a:visited, #index .info a:link, #index .info a:active { color: #fff; }
#index .info a:hover
{text-decoration: none; }

#index .longinfo
{ width: 100%; background: #4D494F; color: #fff; font-size:12px;}
#index .longinfo p
{ padding: 0px 10px; }
#index .longinfo a, #index .longinfo a:active, #index .longinfo a:link, #index .longinfo a:visited
{ color:#fff; }
#index .longinfo a:hover 
{ color:#fff; }

#index .headline
{  margin: 0px; width: 100%; background: #032b4b; padding: 0px;}
/* ---------- content ---------- */
/* container for content in content pages */
#content
{
	width: 760px;
	background: #fff;
	font-size: 12px;
	border-left:1px solid white; border-right: 1px solid white;
}

#content .featureimg
{	margin: 0px -10px; }

#content #bodyimages
{	text-align: right; float: right; margin-left: 10px; display: block; }

/* IE specific... float right choking for */
* html body #content #bodyimages
{ width:40px;  }


#content .bodyimage
{	margin-bottom: 10px;}


/* div or cell class for editable body text */
#content .body
{
	background: #fff;
	width: 100%;
	padding: 0px 10px;
	min-height: 400px;
	padding-bottom: 10px;
	font-family: verdana;
}


/* ---------- footer ---------- */
#footer
{
	text-align: center;
	color: #b19b6c;
	font-size: 10px;
	padding-top: 4px;
}
#footer a:link, #footer a:visited, #footer a:active
{	text-decoration: underline;	color: #fff;}
#footer a:hover
{	text-decoration: none;}

.footernav
{
	text-align: center;
	font-size: 11px;
	color: #fff;
	background: #032b4b;
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid white;	border-left: 1px solid white; border-right: 1px solid white;
	vertical-align: middle; text-align: center;
	width:760px;
}

.footernav a, .footernav a:visited, .footernav a:link
{	color: #fff; text-decoration: none; padding-left: 1px; padding-right: 1px;}

.footernav a:hover
{	text-decoration: underline; }



/* ---------- submenu left navigation ---------- */

#submenu
{	width: 160px; margin: 0px; padding: 0px; max-width:160px;}

#submenu h1
{
	color: #fff;
	padding: 5px 5px;
	margin: 0px;
	font-size: 14px;
	display: block;
	background: #4d5e40;
	border-bottom: 1px solid #fff;
}

#submenu h1 a
{ color: #fff; }

#submenu a
{text-decoration: none; }

#submenu ul
{
	width: 100%; height: 100%;
	margin: 0px; padding: 0px;
	font-size: 11px;
	list-style: none;
}

#submenu li
{
	height: 100%;	
	margin: 0px; padding: 0px;
	display: inline;
}

#submenu li a
{
	display: block;
	text-decoration: none;
	border-collapse: collapse;
	border-bottom: 1px solid #fff;
	padding: 5px 5px;
	margin: 0px;
	height: 100%;
}

#submenu li a:link,
#submenu li a:visited
{	color: #fff; }

#submenu li a:hover
{	background: #8aa279; color: #fff; }

#submenu li a.current_page
{	background: #8aa279; color: #613628; height: 100%;}
.current_page a
{ color: #613628;}

.subnav_cell
{	 background: #6a8259; padding: 0px; margin: 0px; width:160px; max-width:160px;border-right:1px solid #fff;}


/* ---------- calendar ----------- */
/* calendar container... styles for the calendar itself are in calendar.css */
#cal
{ margin: 0px 0px; }


/* ---------- downloads section ----------- */
#downloads
{ border-top: 1px solid #ccc; margin-top: 10px;}

#downloads h1
{	font-size: 14px; color: #666; }

#downloads a
{	color: #666; }

#downloads .download
{	margin-bottom: 10px; }


/* ---------- search form ---------- */
/* search form usually in header */
#searchform
{	margin: 0px; padding: 0px;}


/* ---------- search results page ---------- */
/* container for search results on results page */
#search_results
{ background: #fff; padding: 10px;}
/* each search result */
.search_result
{ margin-left: 10px;}


/* ---------- right bar ---------- */
#rightbar
{	margin: 0px; padding: 0px; }



/* ---------- main nav at top ---------- */
.nav
{
	text-align: center;
	font-family: arial;	font-size: 12px; color: #fff;
	background: #99553f;	
	padding: 5px 0px;
	width:762px;
}

.nav td
{	vertical-align: middle; text-align: center; height: 20px; border: 1px solid white;border-bottom:none; min-width:100px;}

.nav a, .nav a:visited, .nav a:link, .nav a:active
{	color: #fff; text-decoration: none; display: block; height: 20px; padding-top: 6px; }

.nav a:hover
{	background: #ca8265; }

/* ---------- ---------- */
.yellowbar
{ background: #cbb777; line-height: .1; font-size: 1px; height: 7px;}

.imagecaption
{ text-align: right; font-size: 11px; font-style: italic; color: #666; height: 100%; }

.button
{background: #aac299; font-size:11px; }

div.teammember
{ float: left; width: 180px; height: 160px; padding:0px; font-size: 10px; text-align: center;}

div.teammember h1
{ font-size: 10px; text-align:center;font-weight:normal;}

div.teammember img
{ width: 80px; margin-left:auto; margin-right:auto; display: block; }

.team table
{ float: left; width: 180px; height: 160px; padding:0px; font-size: 10px; text-align: center;}
.team h1
{ font-size: 10px; text-align:center;font-weight:normal;}
.team img
{ width: 80px; height: 120px; margin-left:auto; margin-right:auto; display: block; }