@charset "utf-8";
/* CSS Document */

/********* SITE STRUCTURE *************************************************************************************************/

body {margin:0;padding:0;background-color:#C8C8C8;font:Arial, Helvetica, sans-serif;}
html {min-height:100%; margin-bottom:1px;} /* This rule ensures that the page doesn't 'jump' when content forces a scrollbar */ 
div#Container {
	width:850px;
	margin:0 auto;
	margin-top:20px; /* Space between Container and browser */
	border:solid 1px #000;
	background-image: url(../img/leftColumn_background.jpg);
	background-repeat: repeat-y;
}
div#Header { /* Contains top graphics */
	width:100%;
	float:left;
	height:70px;
	background-image: url(../img/header.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #000;
}
div#Content { /* Houses Everything Between the Menu and the Footer */
	width:100%;
	/*height:100%;*/
	margin:0;
	background-color:#FFFFFF;
	background-image: url(../img/leftColumn_background.jpg);
	background-repeat: repeat-y;
	padding-bottom:50px;
}
div#TopImgHeader {
	float:right;
	width:100%;
	height:130px; /*For IE6 */
	border-top: solid 2px #FFF;
}
div#TopImgHeaderHolder {
	margin:0;
	float:right;
	width:675px; /*For IE6 */
}
.imgFloatRight{
	float:right;
	margin:0;
}
.imgFloatLeft {
	float:left;
	margin:0;
}
div#TopLeftHeader {
	float:left;
	height:126px;
	width:173px;
	background-image: url(../img/topLeftHeader.jpg);
	background-repeat: repeat-x;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
div#LeftColumn { /* This will house left side links/content*/
	float: left;
	width: 173px;
	/*height: 800px;*/
/*	border-right: solid 1px #000;
	background-image: url(../img/leftColumn.jpg);
	background-repeat: repeat-y;*/
}
div#RightContent {
	float:right;
	width:625px;
}
.ContentDividers { /* Houses Content Sections */
	width: 80%;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#ContentHeaders { /* Header area (border line) for ContentDivs */
	width: 100%;
	height: 25px;
	border-bottom: solid 1px #000;
	margin-bottom:8px;
}
div#Footer {
	width:100%;
	background-color:#000000;
	height:25px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:25px;
}
#Footer a {color:#CACACA;}
.clear{
	clear:both;
	margin:0;
}
#bottomSpace {height:25px;margin:0 auto;} /* for IE */
/*********** SITE STYLES *******************************************************************************************************/
H1 { /* Controls heading styles with the H1 tag */
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	margin-top:3px;
	margin-bottom: 5px;
	font-weight: normal;
}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	margin-top:10px;
	margin-bottom: 5px;

}
.indexImg {
	float: left;
	margin: 8px 8px 0 0;
	padding:2px;
	border: solid 1px #000;
}
.Quote {
	font-size:30px;
	font-family: "Courier New", Courier, monospace;
	font-style: italic;
	margin-right:2px;
}
div#Map {
	float:left;
	margin-right:6px;
}
/*********** LISTS *********************************************************************************************************/

div#staffList {
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	/*margin-top:10px;*/
}
#staffList ul {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	list-style:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
#staffList ul li a {
	font-family:Arial, Helvetica, sans-serif;
/*	padding-left:10px;*/
	font-size:11px;
	font-weight:none;
	/*line-height: 30px; This gives the list items a slight vertical space to be easier on the eyes */
}

.leftNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 169px; /* thick left border of menu */
	margin-top: 45px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #005338;
}
.leftNav li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}
.leftNav li a{
/* background: white url(media/vstrip.gif) repeat-y left top;  Background image positioned to the left(v) top(h) corner initially */
background-color: #009966;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}
.leftNav li a:hover{
color: black;
background-color:#00CC66;
}
.leftNav li.active a {
background-color:#00CC66;
}
.leftNav li.lastitem, .leftNav li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}
.leftNav li.activeLast, .leftNav li.activeLast a{
border-bottom-width: 0;
background-color:#00CC66;
}
.leftNav li.lastitem a{
padding: 5px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}