/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/

/* STANDARD TAGS */ 
body {margin:0; padding:0;} 

#mainbg {background:url(/img/bg.jpg) repeat-x #F5E3BF;}
#mainbody {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(/img/harrington-bg.jpg) repeat-x; min-height:747px;}
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#216C93; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#003; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 
.clear {clear:both;}
h2 {clear:both; margin:0 0 5px; color:#216C93; font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;}
.contentArea hr {color:#227FB8; background:#227FB8; clear:both; border:0; height:1px;}
#signupTitle {text-align:left;}

/* HEADER */ 
#header {clear:both; position:relative; width:100%; margin:10px 0; z-index:10000;}
#headerimg {position:relative; z-index:1; margin:-197px 0 0 0; left:0px;}
.navpanelfg {display:none;}
h1 {left:-9999px; float:left; position:absolute;}
#logo {height:196px; position:relative; z-index:2; margin:0 0 0 -1px;}
#subNav {position:relative; width:294px;}
#subNav ul {margin:0; padding:5px 0;}
#subNav a, #subNav a:hover {color:#fff;}
#mainbody-police #subNav a, #mainbody-police #subNav a:hover {color:#264A7B;}
#subNav li {float:left; list-style:none; margin:5px; font-size:10px;}
#policetitle h2 {margin:0; padding:0;}

/* MAIN NAV */ 
#mainNav {width:100%; background:url(/img/bg-nav.png) no-repeat; height:33px; line-height:23px; color:#fff; font-size:14px; font-weight:700; position:relative; z-index:100000;}
#mainNav ul { /* all lists */ padding:0; margin:0; list-style: none; line-height: 1; background:#fff;}
#mainNav a {display: block; padding:8px 10px; color:#fff; text-decoration:none;}
#mainNav li { /* all list items */ float: left; width: auto; /* width needed or else Opera goes nuts */}
#mainNav li ul { /* second-level lists */ position: absolute; font-size:12px; width:auto; margin:0 0 0 6px; padding:0; border:1px solid #4B7F1D; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#mainNav .end ul {margin-left:-18px;}
#mainNav li ul li ul {margin:-28px 0 0 167px; min-width:150px;}
#mainNav li ul a {color:#4B7F1D;}
#mainNav li ul a:hover {color:#fff;}
#mainNav li ul li:hover {background:#A6CF81; color:#fff;}
#mainNav li ul li {float:none; background:#fff;}
#mainNav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em;}
#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {left: -999em;}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto;}
		
/* CONTAINER */ 
#leftnav {float:left; width:254px; position:relative; z-index:50;}
#leftnavheader {background:url(/img/bg-sidenavtop.png) no-repeat; height:43px; line-height:40px; text-indent:10px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; border-bottom:1px #216C93 solid;}
#leftnav ul {padding:0; margin:0; border-bottom:1px #216C93 solid; background:url(/img/bg-leftnav.jpg) repeat-y;}
#leftnav {font-size:11px;}
#leftnav li {list-style:none; text-indent:5px;}
#leftnav li a {display:block; text-decoration:none; font-weight:700; padding:7px 0;}
#leftnav li a:hover {color:#fff;}
#leftnav li:hover a {background:#216C93; color:#fff;}
#leftnav li ul { /* second-level lists */position : absolute; left: -999em;	margin-left : 21em;	margin-top : -2.55em; color:#fff; min-width:150px; border-right:1px #216C93 solid;}
#leftnav ul li ul li a {margin:0px;}
#leftnav ul li ul li a:hover {color:#C1CFDA;}	
#leftnav li ul ul { /* third-and-above-level lists */left: -999em;}	
#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {left: -999em;}
#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

#leftnavbottom {background:url(/img/bg-train.jpg) no-repeat bottom #C2D0DB; min-height:270px; padding-top:5px;}
#leftnavbottom ul {background:url(/img/bg-leftnavbottom.jpg) repeat-y;}
#leftnavbottom li:hover a {background:none; color:#216C93;}
#leftnavbottom li {text-indent:0; padding-left:5px;}
#leftnav .contentArea {background:url(/img/bg-leftnavbottom.jpg) repeat-y; float:left; position:relative; z-index:100;}
#leftnavbottom p {margin:0; padding:10px;}
.bluetext {font-size:18px; font-weight:700; color:#216C93;}

#generalcode {float:left; position:relative; z-index:100; margin:45px 0 0 10px;}
#generalcode img {margin-right:5px;}
#generalcode a:link, #generalcode a:visited {color:#fff; font-weight:700;}
.hrTable {margin:10px 0px;}

#flash {border:1px #216C93 solid; width:436px; height:265px;}

#container {width:950px; min-height:500px; margin:0 auto; background:#fff; padding:0 5px;}
#container a {color:#216C93; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; width:950px; margin:-30px 0 0;}
#contentRight {width:242px; position:absolute;  z-index:11; margin:-27px 0 0 713px;}
#tickerWrapper {background:#8ACA53; margin-bottom:5px; width:436px;}
#tickerWrapper td {width:436px;}

#pageDetailsPrintableLink {float:left;}
#homeright {width:231px; margin:40px 0 0 713px; position:absolute; z-index:11;}
#homeright a:link {text-decoration:none;}

/*SITEMAP*/
#sitemap #left, #sitemap #right {float:left; width:50%;}
#sitemap li {list-style:none;}


/*CONTACT FORM*/
#contactFormTable {margin:0 0 0 50px;}
#contactSubmitWrapper #submit {margin:0;}
.contactInput {padding:2px 0 2px 5px;}
.submit {background:url(/img/button-search.png) no-repeat; cursor:pointer; border:0; width:55px; height:23px; position:relative; margin:0 0 0 -8px;}
#contentRight-police .submit, #contentRight .submit {top:-4px;}
.textbox {background:url(/img/bg-search.png) repeat-x; color:#333; padding:4.5px 0; margin-right:10px; font-weight:700; width:173px; height:23px; border:0;}
.submit {margin-top /*\**/:5px\9;}
.textbox {float/*\**/:left\9; margin-top /*\**/:5px\9;}

#rentalForm .contactLabel {width:200px; }
/*#rentaltablelist td {border:#B2C4D0 1px solid; }*/
#rentaltablelist .contactLabel {padding:0px 0px 0px 2px; text-align:left; font-weight:normal;}
.formsubtitle {color:#216C93; font-weight:bold;}
.formtextbottom {font-size:14px;}
/* FOOTER */ 
#footer {margin:-180px 0 0; font-weight:700; font-size:11px; width:960px; background:url(/img/bg-footer.png) no-repeat; float:left; height:296px; position:relative; word-spacing:0; z-index:2;}
#footer a:link, #footer a {text-decoration:none;}
#address {color:#216C93; float:left; margin-top:10px;}
#seal {float:left; margin-left:10px;}
#footerLinks {float:left; width:100%; height:150px; margin:210px 0 0 10px;}
#footerLinks li {list-style:none;}
#footernav {float:left; width:480px; margin:-20px 0 0 -30px;}
#footernav li {float:left; padding:0 5px; border-left:1px #216C93 solid; min-width:120px;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px; float:left; margin-top:-50px; background:none;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

#detailWrapper {width:680px; float:left; margin:0 0 40px 10px; position:relative; z-index:10;}
#detailWrapper img {border:1px solid #227FB8;}
#searchcontrol img {border:0;}
#listWrapper {width:680px; float:left; position:relative; z-index:2; margin:0 0 30px 10px; z-index:1000;}
#pageListHeader {text-align:left;}
#CalendarYearWrapper {min-height:750px;}
#CalendarContainerMonthView {margin-bottom:200px;}
.CalendarMonthTitle {background-color:#6FA2BC; color:#fff;}
.CalendarDayTitle {background-color:#7793A8; color:#fff;}
.CalendarViewButton {background-color:#EEE; font-size:12px;}
#container .CalendarViewButton a {text-decoration:none;}
.CalendarViewButtonSelected {background-color:#fff; font-size:12px;}
.CalendarDayNorm, .CalendarWeekDay {background-color:#F5E3BF;}
.CalendarWithEvents {background:#70A3BD;}		
#container .CalendarEvent a, #container .CalendarWithEvents a {color:#fff;}

#CalendarContainerMonthView,#CalendarViewContainer,#CalendarContainerWrapper, #CalendarHeaderYearView   {width:680px;}
.CalendarEvent {width:92px;}
.CalendarYearCalendar {width:170px;}

#hrListHeader, #hrDetailsTitle, #hrAppTitle, #applyNow td  {text-align:left; width:auto;}
#pageListHeader {margin:10px 0;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.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 */