/* MAIN.CSS */
/* This file sets the main look and feel that is common to all pages.*/



/****** MAIN STRUCTURE OF PAGE ******/

html {
	height: 100%; 
}

body {
	height: 200%;
	background: #8da1c2 url(background_pattern.jpg) repeat-x 0 top;
	font-family: MStrebuchet, trebuchet, arial, verdana, sans-serif; 
	font-size: 14px;
	color: #333;
	margin: 0; 
	padding: 0;
	text-align: center;
}

#wrapper {
	height: 100%;
	width: 940px;
	min-width: 940px; 
	max-width: none;
	text-align: left;
	margin: 0 auto;
}

#header {
	width: 940px;
	height: 146px;
	display: block;
	position: relative;
	background: transparent url(bement_header1.jpg) 0 top;
}



/****** TOP NAVIGATION - style, location and appearance ******/

#nav {
	width: 940px;
	height: 28px;
    display: block;
	background: transparent url(nav_bg.gif) repeat-x 0;
	padding: 0px 0px 0px 0px !important;
	text-align: left;
}



.topnav li {
	height: 28px;
	width: 86px;
	list-style-type: none;
	position: relative;
	display: inline;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent url(top_nav_off.gif) no-repeat 0;
	text-align: center;
	font-weight: bold;
	}

.topnav a {
	height: 28px;
	width: 86px;
	display: block;
	color: #fff;
	padding: 5px 0 0 0;
	text-decoration: none;
}

.topnav li#active {
	display: block;
	height: 28px;
	width: 86px;
	background: transparent url(top_nav_on.gif) no-repeat 0;
	text-decoration: none;
}
.topnav li:hover {
	display: block; 
	background: transparent url(top_nav_on.gif) no-repeat 0;
	text-decoration: underline;
	color: #fff;
}

.topnav a:hover {
	display: block; 
	text-decoration: underline;
	color: #fff;
}



/****** LEFT HAND NAVIGATION - style, location and appearance ******/

#left {
	height: 100%;
	width: 150px;
	display: block;
	float: left;
	margin-left: -720px; 
	background-color: #e6e1c7;
}


/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  width: 137px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-v a {
  display: block;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {

}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
color: #002c76;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
  width: 150px;
  color: #002c76;
  background-color: #f1eee2;
  border: 1px solid #bfbaaa
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}


.leftnav {
	list-style: none;
	margin: 0; 
	padding: 0.5em 0;
	background-color: #e6e1c7;
}

.leftnav li {
	position: relative;
	display: block;
	padding: 5px 0 5px 13px;
	text-align: left;
}


.heading {
	position: relative;
	display: block;
	background: transparent url(heading_bg.gif) repeat-y 0;
	color: #666;
}


.heading a {
	color: #666;
	text-decoration: none;
}

.heading a:hover {
	color: #666;
	text-decoration: underline;
}

.heading-top {
	position: relative;
	display: block;
	background: transparent url(heading_bg.gif) repeat-y 0;
	color: #666;
}


.heading-top a {
	color: #666;
	text-decoration: none;
}

.heading-top a:hover {
	color: #666;
	text-decoration: none;
}

.selected {
background-color: #fff;
color: #666;
}

.selected a {
color: #666;
text-decoration: none;
}

.selected a:hover {
color: #666;
text-decoration: none;
}

.sub-section {
background-color: #f1eee2;
}

.sub-section a {
text-decoration: none;
}

.sub-section a:hover {
text-decoration: underline;
}

.sub-section2 {
background-color: #f1eee2;
border: 1px solid #bfbaaa
}


/****** NEWS CONTAINING DIV: sets the placement and style of the news column ******/

#right {
	height: 100%;
	margin-right: 0; 
	width: 220px; 
	display: block;
	float: right;
	padding: 0;
	background: #eadecf;
}

/****** CONTENT/MIDDLE CONTAINING DIV: sets the placement and style of the content column ******/

#middle {
	height: 100%;
	width: 570px; 
	float:left; 
	margin-left: 150px;
	display: block;
	background: #fff;
}

#mccont {
	margin-right: 1em;
}

.column-in {
	margin: 0; 
	padding: 0.5em 1em;
	background: #fff;
}

.small-pics {
	width: 540px;
	padding: 0 0 0 0;
}

.column-in2 {
	margin: 0; 
	padding: 0.25em 1em;
	background: #eadecf;
}

h4 {
	font-size: 24px;
	font-family: times, palatino, serif;
	color: #773b21;
	vertical-align: top;
	font-weight: normal;
	padding: 20px 0 0 13px
}
	
h1 {
	font-size: 28px;
	font-family: times, palatino, serif;
	color: #000;
	vertical-align: top;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}
	

#middle p { 
	margin-top: 10px;
	line-height: 18px;
}

#right p { 
	margin-top: 10px;
	line-height: 18px;
}


a {
	color: #03c;
	text-decoration: none;
}

a:hover{
	color: #03c;
	text-decoration: underline;
}



.alignleft {
float: left; 
margin-right: 1em; 
}

.alignright {
float: right; 
margin-left: 1em;
margin-right: 1em; 
margin-bottom: 1em;
}