/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e0d7c5;
	background-image:url(../images/bg_fade.jpg);
	background-repeat:repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
}
h1 {
	font-size:16px;
	color:#15417b;
	font-family:Arial, Helvetica, sans-serif;
	margin:8px 0 0 18px;
}
h3 {
	font-size:14px;
	color:#ba5c07;
	font-family:Arial, Helvetica, sans-serif;
}
/* global link styles */
a:link { 
	color: #ba5c07;
	text-decoration:underline;	
	}
a:visited {
	color: #ba5c07;
	text-decoration:underline;	
	}
a:hover {
	color: #15417b;
	text-decoration:none;	
	}
a:active {
	color: #ba5c07;
	text-decoration:underline;	
	}
div#container {
	width:939px;
	margin:0 auto;
	background-image:url(../images/page_bg.jpg);
	background-repeat:no-repeat;
}
div#header {
	height:96px;
	float:left;
}
div#h_miniNav {
	width:29px;
	float:left;
}
div#h_logo {
	width:333px;
	float:left;
}
div#h_photos {
	width:577px;
	height:96px;
	float:left;
	background-image:url(../images/headerPhotos.jpg);
	background-repeat:no-repeat;
}
div#navigation {
	width:939px;
	height:29px;
	background-image:url(../images/nav_bg.gif);
	background-repeat:no-repeat;
	float:left;
}
div#navigation ul {
	margin:0;
	padding:0;
}
div#wrapper {
	background-image:url(../images/body_bg.png);
	background-repeat:repeat-y;
	width:939px;
	float:left;
}
div#homeBottomBlock {
	width:896px;
	height:301px;
	float:right;
}
div#homeLeft {
	background-image:url(../images/homeLeft.jpg);
	background-repeat:no-repeat;
	width:43px;
	height:519px;
	float:left;
}
div#homeMid {
	width:385px;
	float:left;
}
div#homeRight {
	width:507px;
	float:left;homeWelcome
}
div#homeNews {
	width:243px;
	height:301px;
	float:left;
	background-image:url(../images/news_bg.gif);
}
.newsText {
	font-size:10px;
	margin:0 8px 0 15px;
}
.newsTextl2 {
	font-size:10px;
	margin:0 60px 0 15px;
}
div#homeVendors {
	width:142px;
	height:301px;
	float:left;
	background-image:url(../images/vendors_bg.gif);
}
.vendorsText {
	margin:0 8px 0 15px;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:9px;
}
.vendorsText ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -10px;
}
.vendorsText li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 6px;
	padding-bottom: 0px;
	margin-left: 8px;
	color:#ba5c07;
	line-height:15px;
}
div#homeWelcome {
	width:507px;
	height:301px;
	float:left;
	background-image:url(../images/welcome_bg.jpg);
}
.welcomeText {
	padding:0px 16px 0px 18px;
	width: 306px;
	line-height:15px;
	float: left;
}
.futureAds {
	float: left;
	padding-top: 130px;
	width: 161px;
}
.welcomeText ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -10px;
}
.welcomeText li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	padding-bottom: 0px;
	margin-left: 10px;
	color:#ba5c07;
	font-weight:bold;
	line-height:15px;
}
div#homeBtm {
	background-image:url(../images/home_btm.gif);
	background-repeat:no-repeat;
	width:939px;
	height:6px;
	clear:both;
}
div#l2wrapper {
	background-image:url(../images/l2_bg.jpg);
	width:939px;
	float:left;
	padding:0 0 14px 0;
}
div#l2Left {
	width:654px;
	min-height:515px;
	background-image:url(../images/l2_leftBG.jpg);
	background-repeat:no-repeat;
	float:left;
}
.l2Text {
	margin:8px 22px 0 18px;
	line-height:18px;
}
.contentImg {
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid silver;
}
.l2Text ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -10px;
}
.l2Text li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-bottom: 0px;
	margin-left: 10px;
	color:#ba5c07;
	font-weight:bold;
	line-height:20px;
}
.l2Nav {
	margin:12px 0 10px 18px;
	padding:4px 0 4px 0;
	width:601px;
	height:31px;
	float:left;
	line-height:39px;
	background-image:url(../images/l2_navLines.gif);
}
.l2Nav ul {
	margin:0;
	padding:0;
}
div#l2Right {
	width:285px;
	min-height:515px;
	background-image:url(../images/l2_rightBG.jpg);
	background-repeat:no-repeat;
	float:left;
}
div#footer {
	clear:both;
	background-image:url(../images/footerTop.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	text-align:center;
	margin:8px 0 0 0;
	padding:14px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#656565;
}
.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active {
	color: #656565;
	margin:1px;
	padding:8px;
	background-color:#e4dccc;
	text-decoration:none;
	border:1px solid #d0c7b6	
	}
.footerLinks a:hover {
	background-color:#dfd6c4;
	margin:1px;
	padding:8px;
	color: #15417b;
	text-decoration:none;	
	}
.fbt {
	color:#a49d90;
}
.fbt a:link, .fbt a:visited, .fbt a:active {
	color: #a39c8f;
	text-decoration:underline;
	}
.fbt a:hover {
	color: #8a8479;
	text-decoration:none;	
	}
	
/* misc styles */
.orange {
	color:#ba5c07;
}
/*************************************************************************************************
 navigation image rollovers
*************************************************************************************************/

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; border: 0; } /* only set width and height once */

.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

#navOverview {
	width: 61px;
	height: 29px;
	background-image: url(../images/nav_overviewOver.gif);
	display: block;
	float:left;
	margin-left:49px;
	}
#navServices {
	width: 54px;
	height: 29px;
	background-image: url(../images/nav_servicesOver.gif);
	display: block;
	float:left;
	}
#navStaff {
	width: 39px;
	height: 29px;
	background-image: url(../images/nav_staffOver.gif);
	display: block;
	float:left;
	}
#navBoard {
	width: 45px;
	height: 29px;
	background-image: url(../images/nav_boardOver.gif);
	display: block;
	float:left;
	}
#navPrograms {
	width: 62px;
	height: 29px;
	background-image: url(../images/nav_programsOver.gif);
	display: block;
	float:left;
	}
#navMeetings {
	width: 59px;
	height: 29px;
	background-image: url(../images/nav_meetingsOver.gif);
	display: block;
	float:left;
	}
#navContact {
	width: 53px;
	height: 29px;
	background-image: url(../images/nav_contactOver.gif);
	display: block;
	float:left;
	}	
	
/* Homepage Large Images */	
#hbLivingHere {
	width: 192px;
	height: 109px;
	background-image: url(../images/hn_LivingHereOver.jpg);
	display: block;
	float:left;
	margin:0 1px 1px 0;
	}
#hbDevelopment {
	width: 192px;
	height: 109px;
	background-image: url(../images/hn_DevelopmentOver.jpg);
	display: block;
	float:left;
	margin:0 0 1px 0;
	}
#hbThingsToDo {
	width: 192px;
	height: 108px;
	background-image: url(../images/hn_ThingsToDoOver.jpg);
	display: block;
	float:left;
	margin:0 1px 0 0;
	}
#hbGettingAround {
	width: 192px;
	height: 108px;
	background-image: url(../images/hn_GettingAroundOver.jpg);
	display: block;
	float:left;
	margin:0;
	}
	
/* Level2 navigation bar */	
#l2NavIntro {
	width: 66px;
	height: 29px;
	background-image: url(../images/l2Nav_introOver.gif);
	display: block;
	float:left;
	}
#l2NavHistory {
	width: 47px;
	height: 29px;
	background-image: url(../images/l2Nav_HistoryOver.gif);
	display: block;
	float:left;
	}
#l2NavBoundaries {
	width: 132px;
	height: 29px;
	background-image: url(../images/l2Nav_BoundariesOver.gif);
	display: block;
	float:left;
	}
#l2NavLocation {
	width: 53px;
	height: 29px;
	background-image: url(../images/l2Nav_LocationOver.gif);
	display: block;
	float:left;
	}
#l2NavFacts {
	width: 66px;
	height: 29px;
	background-image: url(../images/l2Nav_FactsOver.gif);
	display: block;
	float:left;
	}
table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: silver;
	border-collapse: collapse;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
.photocaption {
	font-size:10px;
	margin:12px;
	line-height:12px;
}
em {
	font-family:Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------ */
/* ALERTS
/* ------------------------------------------------------------------------------------ */
.mediumAlert
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #CC0000;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #e9ecf0;
	margin: 0;
	padding: 0;
	width:600px;
	height:auto;
}
.mediumAlert ul
{
	list-style-type: none;
	margin: 3px;
	line-height: 24px;
	padding-left: 2px;
}
.mediumAlert li
{
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 20px;
}


/* ------------------------------------------------------------------------------------ */
/* FORMS
/* ------------------------------------------------------------------------------------ */

.frmButtonXS
{
  width: 45px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}
.frmButtonS
{
  width: 55px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}

.frmButtonM
{
  width: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}

.frmButtonL
{
  width: 150px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}

.frmTextBoxXS
{
  width: 50px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxS
{
  width: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}
.frmTextBoxMailing
{
  width: 90px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxM
{
  width: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxL
{
  width: 300px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}
.frmTextBoxXL
{
  width: 500px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}
.frmTextArea
{
  width: 450px;
  height: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmListBox
{
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.frmFilterListBox
{
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* -------------------------------------------------------------------------------------------------------
/* Fields to the Future styles
/* -------------------------------------------------------------------------------------------------------
.fieldsHeader {
	width: 616px;
	height: 186px;
	overflow: hidden;
}
.fieldsBody {
	width: 616px;
	min-height: 500px;
}