/*
=============================================================================================

Town Of Camden
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2007

=============================================================================================
*/






/* General
========================================== */
body {background:#ebe8d6 url(/images/bg.jpg) left top repeat-x; font:11px Verdana,Arial, Helvetica, sans-serif; color:#444; margin:0;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link, a:visited {color:#444; text-decoration:underline;}
a:hover {color:#444; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}

ul#access {display: none; text-indent:-9999px; overflow:0; height:0;} /* Use to add jump link to main content for screen readers */
.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* Layout
========================================== */

#wrapper {margin:0 auto; width:910px;}


/*=== Header ===*/

#header { height:15px;  color:#444; position:relative;}
#header p {margin:0; padding:0; position:absolute; right:15px; top:10px; text-transform:lowercase; font:10px Verdana, Arial, Helvetica, sans-serif;}
#header p a {text-decoration:none;}
#header p a:hover {text-decoration:underline;}

#header #search {position:absolute; right:12px; top:5px;}
#header #search span {padding:0 5px 0;}
#header #search #searchField {background:#fff; border:1px solid #BBAB9C; margin:0; padding:0; font-size:10px; width:110px; float:left; }
#header #search #searchField:focus {background:#EFEAE0; color:#333;}
#header #search #searchBtn {margin:0; padding:0; float:left;}


/*=== Navigation ===*/

/*===Sub Nav===*/

#subnav {margin:0; padding:0; position:absolute; left:450px; top:5px; text-transform:lowercase; font:10px Verdana, Arial, Helvetica, sans-serif;}
#subnav ul {padding:0; margin:0;}
#subnav ul li {list-style:none; float:left; }
#subnav ul li a {text-decoration:none; padding:0 6px; border-right:1px solid #000000;}
#subnav ul li a:hover {text-decoration:underline;}
#subnav ul li.end a {border-right:none;}


/* MAIN */
#mainNav {width:252px; background:#4C8268 url(/images/door.jpg) right top no-repeat; float:left; position:relative; padding:0; clear:both;}

#logo a {width:250px; height:215px; display:block;}

#mainNav .headings {background:#122F1D; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:232px; padding:6px 0 0 20px; height:19px; font-weight:bold; letter-spacing:1px;}

#mainNav ul {width:250px; padding:0; margin:0;  border-left:2px solid #A4A597;}
#mainNav ul li {list-style:none; margin:0; padding:0;}
#mainNav ul li.start {}
#mainNav ul li.end {}
#mainNav ul li a {background:url(/images/btn_nav.jpg) left top no-repeat; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:209px; padding: 6px 0px 0px 40px; height:19px; display:block;}
#mainNav ul li a:link, #mainNav ul li a:visited {background:url(/images/btn_nav.jpg) left top no-repeat; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:209px; padding: 6px 0px 0px 40px; height:19px; display:block;}
#mainNav ul li a:hover {background:url(/images/btn_nav_over.jpg) left top no-repeat;}
#mainNav ul li a.closed {}
#mainNav ul li a.open {}

#mainNav ul ul {magin:0; padding:0; width:248px; border-top:1px solid #fff;  position:relative;}
#mainNav ul ul li {list-style:none;}
#mainNav ul ul li.start {list-style:none;}
#mainNav ul ul li.end {list-style:none;}
#mainNav ul ul li a {text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px 0 5px 39px; height:19px; display:block; width:207px;}
#mainNav ul ul li a:link, #mainNav ul ul li a:visited {background:none; background-color:#122F1d; color:#fff; font:11px Verdana, Arial, Helvetica, sans-serif;  width:207px;}
#mainNav ul ul li a:hover {background:none; background-color:#274f37; color:#fff; font:11px Verdana, Arial, Helvetica, sans-serif;}
#mainNav ul ul li a.open {}
#mainNav ul ul li a.closed {}





/*=== Flash ===*/
#flashMain { width:644px; height:225px; float:right;  }
 

/*=== Content ===*/
#sideStripe {width:14px; float:left;}

#content { background:#fff url(/images/nav_bg.jpg) left top repeat-y; width:896px; margin-top:10px; margin-left:14px; border:solid #A4A597; border-width:0 2px 2px 0; }

#contentMain {background:#fff url(/images/content_bg.jpg) left top repeat-x; width:624px; float:right; border-top:10px solid #9AA18F; padding:10px;}
#contentMain #welcome {background:url(/images/camden_sign.gif) left top no-repeat; padding:10px 0 0 106px; width:281px; height:115px; float:left; line-height:18px; margin:0 0 15px 0;}


#welcomemsg h1 {margin:0; padding:0px 0px 0px 125px; text-align:center; width:300px; font-weight:normal; }
#welcomemsg h1 a {display:block; text-decoration:none; font:16px "Times New Roman", Times, serif; color:#111;}
#welcomemsg h1 a strong {display:block; font-weight:normal; font-size:29px;} 


#contentMain #flash {position:relative; width:206px; height:117px; float:left; margin:10px 0 0; z-index:3; float:right; }
#contentMain #slideshow {position:absolute; top:0; left:0; z-index:-1;}

#contentMain h3 {background:url(/images/heading_bg2.png) left top no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2a4d38; padding:3px 0 0 38px; margin:15px 0 15px 0;}

#ticker {background:#EEECDD; margin:0; padding:5px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#444; clear:both; border:solid #9F9A81; border-width:1px 0;}

#news {width:375px; float:left; border-right:2px solid #CAD3CE; padding:0 10px 10px 0; margin:10px 0 0 0;}
#news h3 {background:url(/images/heading_bg.jpg) left top no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2a4d38; padding:3px 0 0 38px; margin:0 0 15px 0;}
#news ul {margin:0; padding:0;}
#news ul li {list-style:none; font-weight:bold; color:#444; padding:0 0 5px 0;}
#news ul li a {text-decoration:underline; color:#444;}
#news ul li a:hover {text-decoration:underline;}

#calendar {width:215px; float:left; padding:0 0 10px 10px; margin:10px 0 0;}
#calendar h3 {background:url(/images/heading_bg.jpg) left top no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2a4d38; padding:3px 0 0 38px; margin:0 0 15px 0;}
#calendar ul {margin:15px 0 0; padding:0;}
#calendar ul li {list-style:none; font-weight:bold; color::#444; padding:4px 0;}
#calendar ul li a {text-decoration:none; color:#444;}
#calendar ul li a:hover {text-decoration:underline;}


#historichomes {clear:both;}
#historichomes h3 {background:url(/images/heading_bg.jpg) left top no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2a4d38; padding:3px 0 0 38px; margin:0 0 15px 0;}
#historichomesimg {width:150px; float:left;}
#historichomestext { width:474; float:left;}

#subCalendar { width:230px; min-height:130px; }

/*=====CMS Styles====*/

#treePageDetailsTitle {background:url(/images/heading_bg2.png) left top no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2a4d38; padding:3px 0 0 38px; margin:15px 0 15px 0;}


/*#subnav {margin:0; padding:0; position:absolute; right:15px; top:10px; text-transform:lowercase; font:10px Verdana, Arial, Helvetica, sans-serif;}
#subnav ul {padding:0px; margin:0px;}
#subnav ul li {list-style:none; float:left; }
#subnav ul li a {text-decoration:none; padding:0 6px; border-right:1px solid #000000;}
#subnav ul li a:hover {text-decoration:underline;}
#subnav ul li.end a {border-right:none;}*/

.CalendarDayNorm {}
#CalendarContainerMonthView {width:620px; float:left;}
#CalendarContainerWrapper {}


/*=== Footer ===*/
#footer {margin:5px 0; text-align:center; position:relative;}
#footer p {background:url(/images/bottomsep.jpg) center bottom no-repeat; padding:0 0 25px 0; margin:0; font:10px Verdana, Arial, Helvetica, sans-serif; color:#444;}
#footer #footerNav {margin:0; padding:0 0 10px 0; position:absolute; left:337px; top:55px; text-transform:lowercase; font:10px Verdana, Arial, Helvetica, sans-serif; background:none; text-align:center;}
#footer #footerNav ul {padding:0px; margin:0px;}
#footer #footerNav ul li {list-style:none; float:left;}
#footer #footerNav a {text-decoration:none; border-right:1px solid #000000; padding:0px 6px 0px 6px;}
#footer #footerNav ul li.end a {border:none;}
#footer #footerNav a:hover {text-decoration:underline;}

#delaware {font:10px Verdana, Arial, Helvetica, sans-serif; color:#444; text-align:center; margin-top:35px; z-index:999;}