@charset "utf-8";
/* BEECHDALE HOUSING v1.0 2009 */

html { }
body { margin:0; background: url(img/bg.jpg) top left repeat-x #45843e; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
a img { border:none; }
h1, h2, h3 { font-size:22px; color:#3E8037; font-style:italic; margin:0 0 5px 0; border-bottom:1px solid #333; }
h1 span, h2 span { font-size:18px; }
h3 { font-size:18px; margin:10px 0 10px 0; }

#container { width:880px; margin:0 auto; padding:0 25px; background:#fff; }

/* HEADER */
#header { width:880px; height:100px; margin:0 auto; padding:10px 0; background:#fff url(img/tel-no.jpg) right 60px no-repeat; position:relative;  }
#header img { position:absolute; top:15px; left:0px; }
#header p { position:absolute; top:50%; left:28%; font-size:20px; font-weight:bold; color:#1C3B19; margin:0; padding:0; }
#header ul { width:173px; margin:0; padding:7px 10px 7px 30px; list-style:none; position:absolute; top:0; right:0; background:#3E8037 url(img/magnify.jpg) top left no-repeat; color:#fff; }
#header li { display:inline; }
#header a { width:auto; height:22px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; }
#header a:hover { color:#fff; text-decoration:underline; }
/* END HEADER */

/* NAVIGATION */
#tie { width:880px; height:46px; clear:both; }
#l { width:11px; height:46px; background:url(img/nav-l.jpg) top left no-repeat; float:left; }
#r { width:11px; height:46px; background:url(img/nav-r.jpg) top left no-repeat; float:left; }
#nav { width:858px; height:31px; padding:15px 0 0 0; float:left; background: url(img/bg-nav.jpg) top left repeat-x #3E8037; font-size:13px; font-weight:bold; text-align:center; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav ul li { float:left; margin:0; padding:0 7px; border-left:1px solid #333; border-right:1px solid #9DD297; }
#nav ul li a { width:auto; color:#fff; display:block; text-decoration:none; }
#nav ul li a:hover { color:#fff; text-decoration:underline; }
#nav ul li.last { padding:0 0 0 10px; border-right:none; }
#nav ul li.first { border-left:none; }
/*DROP LIST----------------------------------------------------------------------------------------------*/
#nav li ul { position: absolute; clear:both; background-color: #1F381C; width: auto; left: -999em; text-align:left; }
#nav ul li ul li { padding:0; border:none; }
#nav li ul li,#nav li ul li ul li { margin:0;  background-color: #000; clear:both; width:100%; display:block; }
#nav li ul li a { font-size:10px; display:block; margin:0; color:#fff!important; border-bottom:1px solid #9DD297; width:100%!important; background-color:#1F381C; padding:5px; }
#nav li ul li a:hover { font-size:10px; display:block; margin:0px; color:#fff!important; border-bottom:1px solid #9DD297; width:100%!important; padding:5px; }
#nav li:hover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul { left: auto; }
#nav li:hover { position: static; } 
/*END DROP LIST----------------------------------------------------------------------------------------------*/
/* END NAVIGATION */

/* FOOTER */
#footer { width:850px; clear:both; padding:15px; margin:10px 0 0 0; color:#666; text-align:center; font-size:9px; border-top:1px solid #2C5A27; }
#footer ul { list-style:none; margin:0 0 10px 0; padding:0; }
#footer li { display:inline; }
#footer ul li span { color:#2C5A27; }
#footer a:link { color:#2C5A27; text-decoration:none; }
#footer a:visited { color:#2C5A27; text-decoration:none; }
#footer a:hover { color:#2C5A27; text-decoration:underline; }
#footer p { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0; }
#footer img { margin:0 0 10px 10px; }
#footer #partners { width:250px; padding:0 0 0 5px; float:right; border-left:1px solid #2C5A27; }
#hidden { display:none; }
/* END FOOTER */

/* BRANDING */
#branding { width:880px; height:200px; clear:both; margin:10px 0 0 0; background:#fff; color:#fff; }
.item_top { background:url(img/bg-item_top.jpg) top left no-repeat; width: 220px; padding-top: 5px;}
.item_middle { background:url(img/bg-item_middle.jpg) repeat-y left top; width: 220px; }
.item_bottom {background:url(img/bg-item_bottom.jpg) no-repeat left bottom; width: 220px; padding: 0px 0px 15px 0px; }
.item { width:220px; height:200px; float:left; margin:0; padding:0; background:url(img/bg-item.jpg) top left no-repeat; }
.item p { clear:both; margin:5px 0 0 10px; padding:0;  font-weight:bold; font-size:18px; color:#fff; }
.item p#search { padding:2px 0 2px 30px; margin:10px 0 5px 15px; background:url(img/search.jpg) left center no-repeat; }
.item a { margin:5px 20px 0 0; padding:0 12px 0 0; background:url(img/arrow-white.jpg) right center no-repeat; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; float:right; clear:both; }
.item a:hover { color:#fff; text-decoration:underline; }
.item form { margin:30px 0 0 20px; padding:0; width:170px; }
.item form select { float:left; width:170px; border:1px solid #999; padding:3px; margin:0 0 10px 0; }
.item form input#find { width:41px; height:19px; clear:both; float:right; }
.item form input#keyword { float:left; width:163px; border:1px solid #999; padding:3px; margin:0 0 10px 0; }

form#contact { width:201px; padding:0 5px 10px 5px; border-left:1px solid #3E8037; border-right:1px solid #3E8037; margin:0 0 0 0;  }
form#contact input { width:195px; padding:2px; float:none; margin:0 0 5px 0; border:1px solid #3E8037; }
form#contact textarea { width:198px; float:none; margin:0 0 5px 0; border:1px solid #3E8037; }
form#contact input#button { width:80px; float:none; }



.item p.sub-title { padding:0px 0 0 10px; }
.item ul.sub { margin:10px 0 0 10px; padding:0; list-style:none; font-size:14px; }
.item ul.sub li { margin:0 0 10px 0; }
.item ul.sub li a { /*HEIGHT HERE IS FOR IE6!---->height:20px;*/  padding:0 0 8px 20px; float:none; display:block; border-bottom:1px dotted #fff; background:none; }
.item ul.sub li a:hover { text-decoration:none; display:block; border-bottom:1px dashed #fff; background:url(img/arrow-white.jpg) left center no-repeat; }
.item ul.sub li a.active { background:url(img/arrow-white.jpg) left center no-repeat; border-bottom:1px dashed #fff; }

#banner { width:660px; float:left; height: 200px; background: url("img/banners/blank.jpg") top left no-repeat; display: block; }
#banner h1 { font-style: italic; font-weight: bold; border: none; color: #FFFFFF; font-size: 35px; margin: 135px 0 0 10px; font-family: "Times New Roman", Times, serif;}
/* END BRANDING */

/* CONTENT */
#content { width:880px; clear:both; margin:0 auto; padding:10px 0; }
#sidebar { width:230px; float:left; padding:0; margin:0; }
#sidebar ul { margin:0 0 10px 0; }
#sidebar ul#home { margin:0; padding:0; list-style:none; color:#333; font-size:13px; font-weight:bold; }
#sidebar ul#home li { display:block; margin:0 0 10px 0; }
#sidebar ul#home li a { display:block; color:#333; text-decoration:none; }
#sidebar ul#home li a:hover { color:#333; text-decoration:underline; }
#sidebar p a { color:#3E8037; text-decoration:none; }
#sidebar p a:hover { color:#3E8037; text-decoration:underline; }
#sidebar img { clear:both; margin:0 auto; }
/*
#sidebar ul#home li#repairs { background:url(img/sidebar/repairs.jpg) top left no-repeat; }
#sidebar ul#home li#complain { background:url(img/sidebar/complaint.jpg) top left no-repeat; }
#sidebar ul#home li#asb { background:url(img/sidebar/asb.jpg) top left no-repeat; }
#sidebar ul#home li#racial { background:url(img/sidebar/racial.jpg) top left no-repeat; } */

/* END CONTENT */

.pdf { margin:0; padding:5px 0 5px 5px; list-style:none; }
.pdf li { margin:0 0 5px 0; background:url(img/pdf-icon.jpg) left center no-repeat; }
.pdf li a {  padding:0 0 0 20px; color:#333; text-decoration:none; }
.pdf li a:hover { color:#333; text-decoration:underline; }
.pdf li.title { background:none; font-size:18px; font-weight:bold; color:#2C5A27; }

.arrow { margin:0; padding:5px 0 5px 5px; list-style:none;  }
.arrow li { margin:0 0 5px 0; }
.arrow li a { display:block; background:url(img/arrow-grey.jpg) left center no-repeat; padding:0 0 0 20px; color:#333; text-decoration:none; }
.arrow li a:hover { color:#333; text-decoration:underline; }

.apply { text-align:right; background:url(img/apply-leaflet.jpg) top left no-repeat; }
a.download { padding:0 0 0 15px; float:right; font-size:14px; font-weight:bold; color:#3E8037; text-decoration:none; background:url(img/arrow-green.jpg) left center no-repeat; }
a:hover.download { color:#3E8037; text-decoration:underline; }

/*PAGE*/
#primary { width:415px; float:left; padding:0 15px 0 0; background:url(img/leaves.jpg) center center no-repeat; line-height:20px; }
#primary img { margin:0; border:1px solid #3E8037; }
#primary img.r { float:right; margin:0 0 0 10px; }
#primary p.title { font-size:18px; font-weight:bold; }
#secondary { width:219px; float:left; padding:0; }
#secondary a.more { display:block; margin:5px 0 0 0; padding:5px 0 5px 65px; color:#fff; text-decoration:none; font-size:16px; background:url(img/bg-more-news.jpg) top left no-repeat; }
#secondary a:hover.more { color:#fff; text-decoration:underline; }

#rss { width:209px; padding:10px 5px 5px 5px; background:#666 url(img/news-top.jpg) top left no-repeat; }
#rss a.rss { display: block; font-size:20px; font-weight:bold; margin:0; padding:5px 0; color:#fff; background:url(img/rss-icon.jpg) right center no-repeat; }
#rss a.rss:hover { display: block; font-size:20px; font-weight:bold; margin:0; padding:5px 0; color:#fff; background:url(img/rss-icon.jpg) right center no-repeat; text-decoration:underline; }
#rss a { color:#2C5A27; text-decoration:none; }
#rss a:hover { color:#2C5A27; text-decoration:underline; }

#btm { width:209px; height:6px; background:url(img/bg-rss-btm.jpg) top left no-repeat; }
#feed { width:200px; padding:10px 5px 10px 4px; margin:5px 0; background:#fff; }
#feed ul { margin:0; padding:0; list-style:none; }
#feed p { margin:5px 0 5px 0; }
#feed ul li.grn-bold { color:#2C5A27; font-weight:bold; }

#cap { width:213px; height:11px; background:url(img/box-top.jpg) top left no-repeat; }
#btm { width:213px; height:11px; background:url(img/box-btm.jpg) top left no-repeat; margin:0 0 5px 0; }

#intro { width:610px; float:left; padding:0 20px; }
#intro a { color:#2C5A27; text-decoration:none; }
#intro a:hover { color:#2C5A27; text-decoration:underline; }
#intro img { float:right; clear:right; border:1px solid #3E8037; margin:0 0 10px 20px; }

#main_content { width:610px; float:left; padding:0 20px; }
#main_content a { color:#2C5A27; text-decoration:none; }
#main_content a:hover { color:#2C5A27; text-decoration:underline; }

.lists { width:50%; float:left; } 
.lists ul { list-style:none; margin:0; padding:10px; } 
.lists ul li.space { border-bottom:1px dashed #2C5A27; padding:0 0 5px 0; margin:0 0 5px 0; }
.lists ul.greenspot { list-style:url(img/green-bull.jpg) outside; line-height:18px; }

.post { width:610px; border-bottom:1px dashed #333; padding:0; }
.post ul { list-style:none; }

#gallery { float:left;}
#focus { width:100%; clear:both; }
#focus img { float:left; }
#detail { float:left; }
#map { float:left; }
/*END PAGE*/

/*GENERAL CLASSES*/
.clear { clear:both; }
.fl { float:left; }
.nf { float:none; }
.bold { font-weight:bold; font-size:14px; color:#3E8037; }
.italic { font-style:italic; }
.red { color:#CC0000; }
.nomargin { margin:0; }
.nopoint { list-style:none; }
li a.external { background:url("img/ext.gif") top right no-repeat; padding:0 10px 0 0; }
.bggreen { background:#3E8037; color:#fff; font-size:9px; padding:3px; display:block; text-align:center; }
/*END GENERAL CLASSES*/

.connect { width: 100%; }
.connect fieldset { background: #eee; border: 1px solid #ddd; padding: 1% 5% 5% 5%; margin: 0 0 10px 0; }
.connect legend { font-size: 16px; color: #3E8037; margin: 0 0 5px 0; }
.connect label { float: left; width: 200px; display: block; padding: 0 10px 0 0; }
.connect label em { display: block; font-size: 10px; }
.connect input, .connect textarea, .connect select { float: left; width: 250px; padding: 3px; border: 1px solid #ddd; margin: 0 0 10px 0; }
.connect select { width: 258px; }
.connect input#submit { width: auto; padding: 3px 10px; float: right; background: #3E8037; color: #fff; border: 0; cursor: pointer; }