@charset "UTF-8";

/* imported CSS Stylesheets 
----------------------------------------------------------------*/
@import url(reset.css);
@import url(type.css);

/* main html and body style sheet - including background color for full site to make footer apear to be extenging 
----------------------------------------------------------------*/
html { background:url(/images/comon/bg-branding.jpg) repeat-x #405159; overflow-x:hidden; }
body { width:960px; margin:0 auto; z-index:10; }

/* branding area of the bage with large image as background and small image in page
----------------------------------------------------------------*/
#branding { width:960px; height:370px; }
#brandingHome { width:960px; height:548px; }
#brandingCallOut { padding:20px 20px; }

/* primary navigation styles - navigation is called from an outside folder. The #navBg only extends the green color across the page
----------------------------------------------------------------*/
#navBG { background:#405159; width:100%; margin:0 -3000px; padding:0 3000px; margin-bottom:20px; }
#mainNav {with 960px; background:#405159; font-size:1.3em; padding:5px 0; overflow:hidden; text-align:center; }
#mainNav > ul { margin-left: 0; padding-left: 0; white-space: nowrap; border:#405159 solid thin; }
#mainNav > ul li { display: inline; list-style-type: none; }
#mainNav > ul a { padding: 5px 15px; border:#405159 solid thin; }
#mainNav > ul a:link, #mainNav ul a:visited { color: #fff; text-decoration: none; border:#405159 solid thin; }
#mainNav > ul a:hover { color: #fff; background-color:#8FA37C; text-decoration: none; border:#FFF solid thin; }
#mainNav li { display:block; margin:0 0.1em; }

/* content only streches the white color across the backround, which makes the contentBody the area where all the content will be placed
----------------------------------------------------------------*/
#content { height:100%; width:100%; margin:0 -3000px; padding:0 3000px 20px; background:#FFF; z-index:30; }
#contentBody { width:910px; margin:0 auto; }
#contentSecondary { width:300px; float:left; text-align:center; }
#contentMain { width:610px; float:right; padding-right:22px; }
/*#contentSecondary { width:680px; float:right; padding-left:60px; }
#contentMain { width:220px; left:740px; float:left; }*/

/* logo placement
----------------------------------------------------------------*/

#contentSecondary > img  { margin:10px 20px 0 0; float:right; }
.logo { margin:10px 0 0 55px; }

/* contact form design
----------------------------------------------------------------*/
#contentSecondary form { margin:0px 20px 10px; border:#8FA37C thin solid; padding:20px 5px 10px; }
#contentSecondary form table td { vertical-align:top; }
#contentMain form { width:100%px; margin:20px 0; border:#8FA37C thin solid; padding:10px 20px; float:left; }
#contentMain form table td { vertical-align:top; padding:2px; }

.submit {  background:#8FA37C; width:150px; margin:15px auto 5px; border:#8FA37C thin solid; display:table; }
.submit ul { white-space:normal; list-style-position:inside; list-style:none; float:left; padding:3px 20px; position:relative; height:3em; }
.submit ul li{ position:relative; }
.submit ul li img, .submit ul li h4 { position:absolute; top:50%; margin-top:0; }
.submitButton { text-align:center; padding-top:15px; }

/* current residents design & layout
----------------------------------------------------------------*/
#contentSecondary #currentResidents { margin:25px 75px 0px; border: solid thin #8FA37C; }

/* fp table design
----------------------------------------------------------------*/
#contentMain table { margin:15px 0; }
#contentMain table tbody tr td.copy { color:#405159; font-size:1.2em; }
#contentMain table tbody tr td.bottomnav { color:#405159; font-size:1.3em; }

/* address layout
----------------------------------------------------------------*/
address img { float:right; padding-left:10px; margin-top:-28px; }
address {background:transparent url(../images/map.jpg) no-repeat scroll left 0; display:block; overflow:visible; padding:6px 0 5px 85px; margin:10px 0 10px 40px;}

/* main copy layout
----------------------------------------------------------------*/
#contentMain p { margin-top:1.2em; color:#405159; display:inline-table; float:left; width:100%; }
#contentMain ul { float:left; list-style-image:none; list-style-position:outside; list-style-type:disc; padding:15px 0 0 30px; color:#405159; font-size:1.2em; margin-bottom:10px; }
#contentMain ul.pix { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:15px 0 0 0; color:#405159; font-size:1.2em; margin-bottom:10px; }

/* thumpnail fp with copy
----------------------------------------------------------------*/
dl { float:left; padding:10px 0; }
dt { float:left; margin-right:10px; }
dd { float:left; margin-right:15px; }
dd + dt { border-left:#405159 thin solid; padding-left:10px; }

/* thumpnail pix with copy
----------------------------------------------------------------*/
.pix { margin:15px 0 0 0; padding-left: 0; }
.pix > li {float:left; width:130px; margin-right:15px; }
#contentMain .pix > li  p { margin-top:-3px; font-size:0.8em; }
.pix > li > p > img { float:left; }

/* footer
----------------------------------------------------------------*/
#footerBG { background:#405159; height:100px; width:100%; margin:0 -3000px; padding:0 3000px; }
#footer { width:960px; margin:0 auto; }

#footer > ul { margin-left: 0; padding-left: 0; white-space: nowrap; text-align:center;  margin-top:10px; }
#footer > ul li { display: inline; list-style-type: none; }
#footer > ul li + li { none; border-left:#fff solid thin; }
#footer > ul a { padding: 5px 15px; border:#405159 solid thin; }
#footer > ul a:link, #footer > ul a:visited { color: #fff; text-decoration: none; border:#405159 solid thin; }
#footer > ul a:hover { color:#8FA37C; }

/* misc. stiles
----------------------------------------------------------------*/
br { clear:both; }
strong { font-weight:bold; }

/* main nav highlight stage
----------------------------------------------------------------*/
body#href1 #mainNav ul .href1,
body#href2 #mainNav ul .href2,
body#href3 #mainNav ul .href3,
body#href4 #mainNav ul .href4,
body#href5 #mainNav ul .href5,
body#href6 #mainNav ul .href6,
body#href7 #mainNav ul .href7,
body#href8 #mainNav ul .href8 { background-color:#8FA37C; border:thin solid #FFFFFF; color:#FFFFFF; text-decoration:none; }