/* --------- Meta Layout --------- */

html {
    min-height:100%;
    margin-bottom:0;
	background-color:#fff;
	}
body {
	font: 76% Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg.jpg) 50% repeat-y;
	text-align: center;
	margin: 0;	
	padding: 0;
	}
#container {
	background: #fff url(../images/header2.jpg) no-repeat;	
	width: 1000px;
	margin: 0 auto;
	text-align:	left;
	position:relative;
	}
#content-division {
	padding: 0 5px 0 23px; 
	}
	
/* --------- Map Side Bar --------- */

#map {
	width: 460px;
	height: 450px;
	margin: 1em 0 3em 0;
	border:#000 solid 1px;
	}
#side_bar a:hover {
	text-decoration: underline;
	}
#side_bar, #side_bar_title {
	line-height: 1.5em;
	width: 460px;
	background-color: #efefef;
	}
	
	
/*--------default styles---------*/

p {
	margin:0 0 1.5em 0;
	padding:0;
	line-height:1.5em;
	font-size:1em;
	}	
	
	
/* ------links------ */
a:link {
	color:#5F87CB;
	}
a:visited {
	color:#2F5491;
	}
a:hover {
	color: #86C02F;
	text-decoration:underline;
	}


/* ---headers----- */
h1{
	clear: both;
	margin-top: 1em;
	font-size: 1.5em;
	font-weight: normal;
	color:#666;
	}
h1#title{
	color:#393f45;
	font:normal 24px dinC, "Myriad Pro", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	left:295px;
	top:30px;
	word-spacing:-.3em;
	}
h1#title a {
	color:#393f45;
	text-decoration:none;
	}
h1#title a span{
	color:#fff;
	}
/* --------- Header (1) --------- */

#header {
	height: 21.8em;
	/*	height: 266px; */
	width: 1000px;
	padding: 0;margin: 0;
	background: #ffffff url(../images/header.jpg) no-repeat left top;
	}
p#first-links {
	margin-top: 14px;
	margin-left: 20px;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
p#first-links a {
	padding: .3em 6px;
	background-color: #3A3F45;
	color: #fff;
	text-decoration: none;
	}
p#first-links a:hover {
	background-color: #86C02F;
	color: #fff;
	text-decoration: none;
	}
#header-left {
	float: left;
	width: 540px;
	}
#header-list {
	margin-left: 15px;
	background-color: #fff;
	width: 257px;
	}
#header-right h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 7px 0 3px 17px;
	}
span.green {
	color: #86BF30;
	}
span.gray {
	color: #3A3F43;
	}


/* --------- horizontal navigation --------- */

ul {
	list-style: none;
	}

ul.nav {
	float: left;
	margin: 190px 0 3em 9px;
	padding: 0;
	}
.nav li {
	margin: 0;
	color: #fff;
	display: inline; 
	}
.nav li a {
	background-color: #3A3F45;
	margin: 0;
	padding: 2px 17px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	}
.nav li a:focus {
	background: none; 
	background-color: #101610;
	color: #fff;
	}
.nav li a:hover {
	background: none; 
	background-color: #86C02F;
	color: #fff;
	}
li.rightmost a {
	border-right: none;
	}
	

/* --------- Left Column --------- */

#left-column {
	width: 481px;
	float: left;
	margin:0;
	padding:0;
	overflow: hidden;
	}
#right-column {
	margin-top: 40px;
	float: right;
	width: 187px;
	}
body>div#container>div#content-division>div#right-column {
	margin-top: 40px;
	float: right;
	width: 190px;
	}
#getting-around {
	padding-top: 2em; height: 15em; margin-left:3px;
	background: #CFE552 url(../images/right-left-column-green-bg.jpg) no-repeat;
	}
body>div#container>div#content-division>div#right-left-column>div#getting-around {
	padding-top: 2em; height: 15em; margin-left:0;
	background: #CFE552 url(../images/right-left-column-green-bg.jpg) no-repeat;
	}
ul.getting-list {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	padding:2px 0 5px 0; 
	margin:1em 0 1em 17px;
	color: #000000;
	}
ul.getting-list li {
	padding: 0;
	margin: 3px 0;	
	padding-left:10px;
	background: url(../images/bullet-arrow.gif) 0 5px no-repeat;
	}
.getting-list li a:link, .getting-list li a:visited, .getting-list li a:hover, .getting-list li a:active {
	color: #000;
	}
/* --- Columns and content sections --*/
			
.smallertext {
	font-size:0.9em;
	margin:0 0 20px 0;
	padding:0;
	background-color:#fff;
	}
.bmnone {
	margin-bottom:0;
	}
		
#feature-image {
	width:300px;
	text-align:center;
	margin:10px 0 30px 30px;
	padding:0;
	float:right;
	}
#feature-image.tpm10 {
	margin-top:10px;
	}
.caption {
	text-align:left;
	padding:2px 10px 2px 10px;
	background:#ebebe9;
	font-size:0.86em;
	line-height:1.2;
	margin:0;
	font-family:Tahoma, sans-serif !important; 			
	}
	
strong {
	color:#444;
	}

/* ---------- link lists --------- */

ul.article-link-list {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	padding:2px 0 5px 0; 
	margin:.4em 0 1em 17px;
	}
ul.article-link-list li {
	padding: 0;
	margin: .4em 0;	
	padding-left:10px;
	background: url(../images/bullet-green.gif) 0 5px no-repeat;
	}


/* ---------- body list --------- */

ul.body-list {
	padding:12px 20px 7px 15px; 
	margin:4px 0 20px 0;
	border: #ddd solid 1px;
	background:#f1f1f1;
	}
ul.body-list li {
	padding: 0 0 0 10px;
	margin: .4em 0 .4em 10px;	
	background: url(../images/link-bullet.gif) 0 .4em no-repeat;
	}
ul.body-list h2 {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
	margin: 0;	
	}


/* --------- Central Column: Property Section (a sub-section of content) (5) --------- */

#property {
	margin: 2.5em 0 0 3px;
	background-color: #4D535A;
	padding-bottom: 2em;
	}
body>div#container>div#content-division>div#right-left-column>div#property {
	margin: 2.5em 0 0 0;
	background-color: #4D535A;
	padding-bottom: 2em;
	}
#property span {
	display:block;
	font-size:1.1em;
	margin-bottom:.2em;
	}
#property span a {
	color:#fff;
	}
#property span a:hover {
	text-decoration:none;
	}

/* --------- Right Column Sections (7,8) --------- */
 /*------------------ie6--------------------------*/
 #right-left-column {
	background: url(../images/right-left-column-bg.gif) 3px 240px no-repeat;
	width: 278px;
	float: left;
	margin: 20px 0 0 20px;
	padding:0;
	}
/*-----------------------------*/
body>div#container>div#content-division>div#right-left-column {
	background: url(../images/right-left-column-bg.gif) 0 240px no-repeat;
	width: 275px;
	float: left;
	margin: 20px 0 0 23px;
	padding:0;
	}	
#right-left-column h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 7px 0 3px 17px;
	color: #fff;
	}	
#right-left-column img {
	padding: 1px;
	border: solid #ccc 1px;
	}
.item {
	padding: 0; 
	margin: 0 auto; 
	width: 240px; 
	}
.item p {
	margin: 0;
	width: 150px;
	float:right;
	color: #fff;
	}
.item p a {
	color: #86C02F;
	}
.item img {
	border: solid 1px #000066;
	float:left;
	}
.width200 {
	width:200px;
	margin:0;
	padding:0;
	}
.content-panel {
	/* background-color: #efefef; */
	height: 6.5em;
	padding: 7px 8px; 
	margin: 1.5em auto; 
	width: 100%; 
	}
.content-panel ul {
	padding: 0;
	margin: 5px 5px 5px 8px;
	width: 164px;
	float:left;
	}
.content-panel ul li {
	background: url(../images/bullet-blue.gif) 0 .4em no-repeat;
	margin: .2em 0;
	font-size: .9em;
	padding: 0 0 0 8px;
	}
.content-panel ul li a {
	}
.content-panel h2 {
	font-size: 1.1em;
	margin: 0 10px 0 10px;
	width: 310px;
	float:left;
	color: #010101;
	}
.content-panel h2 a {
	color: #010101;
	text-decoration:none;
	}
.content-panel img {
	border: solid 1px #000066;
	float:left;
	}

.left {
	float: left;
	clear:left;
	}				
.right {
	float:right;
	}



#banner {
	margin: 15px 0 0 15px;
	}
		
#poll {
	margin-left: 15px;
	}


/* --------- Right Column Section Headings, Form Elements, & Paragraphs (7,8) --------- */

#banner h3 {
	}
#banner p {
	}
#poll h3 {
	font: bold 1.15em Arial, Helvetica, sans-serif;
	margin: 0.5em 0 0.8em;
	color:#ffffff;
	}
#poll p {
	font: 1em/1.3em Arial, Helvetica, sans-serif;
	margin: 0.4em 0;
	color: #ffffff;
	background-color:#4a84af;
	}
#poll label {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0.4em 0;
	color: #ffffff;
	background-color:#4a84af;
	}
#poll legend {
	color: #ffffff;
	background-color:#4a84af;
	}
#poll input {
	font-size: 1.15em;
	}
#poll #inputalign {
	text-align: center;
	margin-top: 0.4em;
	} 

/* --------- Right Column Section Links (7,8) --------- */

#poll a:link {
	color: #ffffff;
	background-color:#4a84af;
	}
#poll a:visited {
	color: #ffffff;
	background-color:#4a84af;
	}
#poll a:hover {
	color: #ffffff;
	background-color:#4a84af;
	}
#poll a:active {
	color: #ffffff;
	background-color:#4a84af;
	}
	
/* ------------------- Footer (9) ------------------- */

#footer {
	width: 997px;
	height: 45px;
	background: #393F45;
	clear: both;
	margin: 4em auto 0 auto;
	padding-top: 10px;
	}

#footer p {
	text-align: center;
	font: .85em/1.6em Arial, Helvetica, sans-serif;
	color: #ccc;
	}
#footer a:link {
	color: #ccc;
	text-decoration: none;
	}
#footer a:visited {
	text-decoration: none;
	color: #999;
	}
#footer a:active {
	text-decoration: none;
	color: #cc6600;
	}
#footer a:hover {
	text-decoration: none;
	color: #86C02F;
	}


.width500 {
	width:500px;
	}	
.tppnone {
	padding-top:0;
	}
.tpm10 {
	margin-top:10px;
	}
.tpm1 {
	margin-top:1em;
	}
.tpm2 {
	margin-top:2em;
	}
.tpm3 {
	margin-top:3em;
	}
.tpp20 {
	padding-top:20px;
	}
.btm10 {
	margin-bottom:10px
	}
.btm20 {
	margin-bottom:20px
	}
.rm20 {
	margin-right:20px;
	}
.rm30 {
	margin-right:30px;
	}
.lm10 {
	margin-left:10px;
	}
.lm30 {
	margin-left:30px;
	}
#feature-image.lm30 {
	margin-left:30px;
	}
.tpborder {
	border-top:#666666 dotted 1px;
	}
.bmborder {
	/*border-bottom:#666666 solid 1px; */
	}
.bgnone {
	background:none;
	}
.bgf1f {
	background-color:#f1f1f1;
	}
.width240 {
	width:240px;
	}
.blackborder {
	border:#000 solid 1px;
	}
.greyborder {
	border:#666 solid 1px;
	}		
.clearboth {
	display:block;
	clear:both;
	}


/* =self clearing
----------------- */
/*** www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat {
	height: 1%;
	}
.clearfloat {
display:
	block;
	}
/* End hide from IE-mac */
/*** end clearing hack ***/ 	
	
.clearer {	
	margin:0;
	padding:0;
	clear:both;
	display:block;
	background-color:#FFCCCC;
	}
	
/* Contact Form */
label {
	display:block;
	margin:1em 0;
	}
input, textarea {
	display:block;
	width:200px;
	font:normal 1em Arial, Helvetica, sans-serif !important;
	background-color:#fff !important;
	}
ul li.ok {
	color:#666;
	font-style:italic;
	}
ul li.error {
	color:#f00;
	}