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

html, body, div, span, 
h1, h2, h3, h4, p, 
a, img, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

body {
background: #FCFBF8 url(images/home_top2.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

body#home a#homenav,
body#profile a#profilenav,
body#help a#helpnav,
body#services a#servicesnav,
body#intouch a#contactnav {
color: #fff;
background:#b6a080;
}

body#error {
background:#b6a080;
}


#wrapper {
margin: 0 auto 0 auto;
width: 840px;
text-align: left;
}

#top {
width: 840px;
height: 141px;

}

#top .logo { float: left; padding: 30px 0 0 25px; width: 450px; }
#top .logo h1 { margin: 0; font-size: 24px; background: transparent; text-align: left; }
#top .logo h1 a { color: #a90101; text-decoration: none; }



#top .right {
	float: right;
	width: 280px;
}

#top .search {
padding-top: 30px;
padding-right: 15px;
text-align: right;
}


#top .right p {
padding-top:15px;
padding-right: 15px;
font: 13px/17px verdana, helvetica, arial, sans-serif;
text-align: right;
color: #fff;
}

#top .right a:link {
padding-top:20px;
font: 13px/17px verdana, helvetica, arial, sans-serif;
text-align: right;
color: #fff;
}



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

.hnav {
background:url(images/nav_background.jpg) repeat-x;;
width: 100%;
height: 28px;
overflow: hidden;
text-align: center;
position: relative; /* fix IE7 horizontal scrollbar */
}

.hnav ul {
list-style:none;
padding: 0;
float: left;
position: relative;
left: 50%;
}

.hnav ul li {
float: left;
position: relative;
right: 50%;
}


.hnav ul li a {
float: left;
padding: 5px 35px 2px 35px;
height: 21px;
text-align: center;
text-decoration: none;
color: #e5e7d3;
font: 13px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.hnav ul li a:link, .hnav ul li a:visited { text-decoration: none; color: #e5e7d3; }
.hnav ul li a:hover { color:#FFF; }


.hnav ul li.current a:link, .hnav ul li.current a:visited, .hnav ul li.current a:active,
.hnav ul li.current a:hover { font-weight: bold; color: #FFF; }





#homehead {
background: url(images/home_head2.jpg) no-repeat;
width: 840px;
height: 328px;
}


/*--------------------- content  ----------------------*/

#content {
margin: 25px auto 5px auto;
width: 840px;
}


#content .leftcol {
width: 180px;
float: left;
text-align: left;
padding: 0 0 5px 25px;

}

#content .main {
border-left: 2px dotted #655948;
margin-left: 240px;
text-align: left;
padding: 0 15px 0 35px;
}

#error {
margin: 20px 160px 20px 160px;
text-align: center;
}

.box {
padding: 30px;
border: 1px solid #333333;
}

.inner {
background: #fcfbf8 url(images/inside_top.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

#innertop {
width: 550px;
margin: 10px 0 25px 0;
float: left;
}

#innertop img {
float: left;
margin-right: 15px;
}

#innertop p {
float: right;
width: 290px;
font: 22px/31px Times New Roman, Times, serif;
color: #434f4c;
text-align: center;
padding: 15px 10px 0 0;
margin: 0;
}


#printlink {
float: right;
width: 138px;
height: 16px;
background-color:#736551;
border:2px solid #fff;
margin: 0 10px 0 0;
padding: 2px 2px 2px 3px;
text-align: center;

}

#printlink p a, #printlink a:link, #printlink a:visited, #printlink a:hover {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}



/*----------------- left column navigation  -------------------*/

#content .leftcol li {
list-style-type: none;
margin: 0; padding: 0;
font: normal 12px/12px verdana, helvetica, arial, sans-serif;
border-bottom: 1px solid #726d60;

}

#content .leftcol li a {
padding: 5px 0 5px 5px;
color: #a90101;
display: block;
text-decoration: none;
}

#content .leftcol li a:visited { color: #c4161e; }
#content .leftcol li a:hover { background-color:#f6eed7;  }



#opinion {
margin: 10px 0 15px 0;
background:url(images/opinion.jpg) no-repeat;
font: bold 12px/15px Arial, Helvetica, sans-serif;
color: #c4161e;
padding: 7px 4px 3px 0;
text-decoration: none;
text-align: right;

}

#opinion p a, #opinion a:link, #opinion a:visited  {
font: bold 12px/15px Arial, Helvetica, sans-serif;
color: #c4161e;
padding: 7px 4px 3px 0;
text-decoration: none;
text-align: right;
}

#opinion a:hover {
text-decoration: underline;
}

/*--------------------- for form on Get in Touch page----------------------*/

fieldset#contactform { margin: 20px 0 0 0; padding: 0 10px 6px 10px; }

#contactform div.row { clear: both; }

#contactform div.row label {
float: left;
width: 15%;
text-align: right;
margin: 8px 0 5px 0;
}

#contactform div.row span.formw {
float: right;
width: 84%;
text-align: left;
}

#contactform .entry, #contactform .comments {
margin: 4px 2px;
width: 95%;
}

.anti { display: none; }
.asterisk { font-weight: bold; color: #990000; }

/* -------------------- form validation error messages -------------------- */

.errFld { border-color: #d9a93a; background-color: #990000; color: #FFF !important; }

#errorbox {
display: none;
background-color:#990000;
font: bold 14px/19px Arial, Helvetica, sans-serif;
color: #FFF;
padding: 10px;
margin: 0 0 20px 0;
font-weight: bold;
}




/*--------------------- footer  ----------------------*/

#footer {
width: 100%;
height: 22px;
background-color: #7B7668;
text-align: center;
padding: 7px 0 0 0;
}

#footer p {
font: normal 10px verdana, helvetica, arial, sans-serif;
color:#e5e7d3;
text-align: center;
margin: 0;


}

#footer p a:link{
text-decoration: underline;
color:#e5e7d3;
}

#footer p a:link, #footer p a:visited { color:#e5e7d3;text-decoration: underline; }
#footer p a:hover { color:#e5e7d3;text-decoration: none; }


/* -------------------- for the info window contents -------------------- */

#balloon { width: 240px; }

#balloon h1{
font: bold 13px Georgia, 'Times New Roman', Times, serif;
text-align: left;
border-bottom: 1px solid #D81D2C;
padding: 0 0 3px 0;
color: #D81D2C;
margin: 0 0 10px 0;
}

#balloon p {
font: normal 11px verdana, helvetica, arial, sans-serif;
margin: 0 0 10px 0;
}

#balloon img {border: none; float: left; margin-right: 10px; border: 1px solid #666; }

input#saddr, input#daddr {
width: 200px;
padding: 2px;
margin: 0 0 5px 0;
font: 12px verdana, arial, helvetica, sans-serif;
vertical-align: middle;
}

p.js { padding: 10px 0 0 0; }

span.js2 { display: block; color: #999; font-size: .92em; }

#map .js3 {
background-color: #D81D2C;
letter-spacing: .1em;
padding: 1px 2px 2px 2px;
color: #FFF;
border: 1px solid #000;
height: 22px; /* used in tandem with other rules to get elements same height, would be nice if it actually worked */
cursor: pointer;

}/*--------------------- google map page  ----------------------*/

#google { margin: 25px 19px 10px 19px; font: normal 12px verdana, helvetica, arial, sans-serif; }

#google h2 {
font: normal 13px "arial black", arial, "trebuchet ms", verdana, sans-serif;
color: #D81D2C;
margin: 0 0 14px 0;
}


#map {
width: 100%;
height: 400px;
border: 1px solid #000;
}




/*--------------------- styling  ----------------------*/

img { border: none; }

.floatleft {float: left; margin: 0 15px 10px 0;}

.floatright {float: right; margin: 0 10px 10px 15px;}


h1 { font: bold 17px Georgia, "Times New Roman", Times, serif; color:#c4161e; margin: 0 0 20px 0; text-align: left; }



h2 { 
	font: bold 16px Georgia, "Times New Roman", Times, serif;
color:#655948;
margin-bottom: 10px;

}

h3 { font: 12px/18px verdana, helvetica, arial, sans-serif; margin-bottom: 8px; margin-left: 20px; color: #655948; text-align:left; }

p {
font: 12px/18px verdana, helvetica, arial, sans-serif;
color:#655948;
margin: 0 0 10px 0;
}

p a:link {
color:#655948;
text-decoration: underline;

}

p a:visited { color:#333;text-decoration: underline; }
p a:hover { color:#333;text-decoration: none; }


.spacer1 {padding: 3px 0;}
.spacer2 {padding: 5px 0;}
.spacer3 {padding: 10px 0;}
.spacer4 {padding: 15px 0;}
.spacer5 {padding: 20px 0;}
.spacer6 {padding: 40px 0;}


.clr {
clear: both;
font-size: 1px;
height: 0;
line-height: 0px;
}