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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0 auto; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(/img/bckgImg.jpg) top left repeat-x; background-color:#FFF;} 

p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited { text-decoration:underline;} 
a:hover, a:focus, a:active { text-decoration:none; outline:none;} 
#wrapper { position:relative; width:960px; margin:0 auto; } 
#wrapperback { width:959px; margin:0 auto; background:url(/img/bckgImgTop2.jpg) top center no-repeat; } 
#wrapperback2 { width:100%; margin:0 auto; background:url(/img/backImage2.jpg) top center no-repeat; } 
h1 {font-size:10px;}
/* HEADER */ 
#header {position:relative; width:960px; height:165px; margin:0; z-index:6;}
/*#headerTileImg {position:absolute; top:11px; left:0; width:100%; height:185px; background:url(/img/layout/header-main-nav-bg-tile-aqua.png) bottom left repeat-x; z-index:5;}
*/
#logo a { position:absolute; top: margin:0 0 0 20px; width:345px; height:135px; }

#subNav {position:absolute; top:-15px; right:0px; font-size:.9em; font-weight:bold; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0 3px; padding:3px 6px 0 0; border-right:#1E4266 solid thin;}
#subNav li.end { border-right:none;}
#subNav ul li a {color:#1E4266; text-decoration:underline;}
#subNav a:hover {text-decoration:none;}

#mainNav { position:absolute; left:21px; top:165px; width:917px; height:51px; background:url(/img/navBar.jpg) top center no-repeat;}
#mainNav ul { padding:0; float:right; margin:3px 5px 0 0;}
#mainNav li {float:left; position:relative; list-style:none;}
#mainNav ul li a {float:left; color:#fff; text-decoration:none; padding:9px 11px 10px 11px; font:20px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal;}
#mainNav ul li a:hover {text-decoration:none; background:url(/img/mainNavHover.jpg) top left repeat-x;}

#mainNav li ul a {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;
}
#mainNav li ul a:hover {
	background:none;
}
#mainNav li ul li,#mainNav li ul li.parent { /* all list items */
	float: left;
	width: 190px;
	margin:0;
	background-color:#365d80;
	display:block;
	color:#fff;
	padding:5px;
	border-bottom:#FFF solid 1px;
}
#mainNav li ul li:hover,#mainNav li ul li.parent:hover { /* all list items */
	background-image:none;
	background-color:#1a456e;
}

#mainNav li ul { /* second-level lists */
	position: absolute;
	width:190px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainNav  li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#mainNav li:hover ul ul, #mainNav li.sfhover ul ul {
	left: -999em;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-top:44px;
}
#mainNav li li:hover ul, #mainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:194px;
	margin-top:-5px;
}


/**** End Flyout ****/

/* CONTAINER */ 
#container {width:917px; min-height:650px; background:url(/img/contentBackg.jpg) top center repeat-y; margin:46px 0 0 21px; z-index:1;}
#container a { text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; width:650px; margin:20px 0 0 250px;}
#contentRight {float:right; width:265px; height:500px; margin:-14px 0 0 0; background:url(/img/calendarBkg.jpg) top left no-repeat;}

#news { float:left; background:url(/img/NewsHeader.jpg) top left no-repeat; width:375px; min-height:400px;}
#newsText { float:left; width:373px; margin:50px 0 0 0; }
#newsText a { color:#1E4266; }
#newsText a:hover { color:#34461E; }

#leftNav { position:absolute; top:123px; left:40px; width:225px; z-index:1000000; }
#leftNavTop { float:left; background:url(/img/castleTop.png) top left no-repeat; width:225px; height:203px;}
#leftNavBack { float:left; background:url(/img/leftSideBkg.jpg) top left repeat-y; width:225px; min-height:528px;}
#leftNavCap { float:left; background:url(/img/leftSideCap.jpg) bottom left no-repeat; width:225px; height:14px; }

#leftNav1 ul { padding:0; float:left; margin:4px 5px 0 5px; z-index:1000000;}
#leftNav1 ul li {float:left; position:relative; list-style:none; margin:0 15px; width:180px; border-bottom:#FFF dotted 1px;}
#leftNav1 ul li a {float:left; color:#fff; text-decoration:none; padding:5px 0; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; }
#leftNav1 ul li a:hover {text-decoration:none; color:#999; }
#leftNav1 ul li.end { border-bottom:none;}
#leftNav1 ul li.parent {border-bottom:#FFF dotted 1px;}

/*****flyout***/
#leftNav1 li ul a {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;
}
#leftNav1 li ul a:hover {
}
#leftNav1 li ul li,#leftNav1 li ul li.parent { /* all list items */
	float: left;
	width: 190px;
	margin:0;
	background-color:#6E8059;
	display:block;
	color:#fff;
	padding:5px;
	border-bottom:#FFF solid 1px;
}
#leftNav1 li ul li:hover,#leftNav1 li ul li.parent:hover { /* all list items */

	background-color:#34461E; 

}
#leftNav1 li ul { /* second-level lists */
	position: absolute;
	width: 190px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#leftNav1 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#leftNav1 li:hover ul ul, #leftNav1 li.sfhover ul ul {
	left: -999em;
}
#leftNav1 li:hover ul, #leftNav1 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:180px;
	margin-top:0px;
}
#leftNav1 li li:hover ul, #leftNav1 li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:195px;
	margin-top:-5px;
}

/*** end flyout***/

#leftNavCTA1 a { float:left; margin:25px 0 0 6px; background:url(/img/payTaxesButton.jpg) top left no-repeat; height:55px; width:213px; }
#leftNavCTA1 a:hover { background:url(/img/payTaxesButtonHover.jpg) top left no-repeat; height:55px; width:213px; }
#leftNavCTA2 a { float:left; margin:0 0 0 6px; background:url(/img/eventMagButton.jpg) top left no-repeat; height:55px; width:213px; }
#leftNavCTA2 a:hover { background:url(/img/eventMagButtonHover.jpg) top left no-repeat; height:55px; width:213px; }
#leftNavCTA3 a { float:left; margin:0 0 0 6px; background:url(/img/busDirectButton.jpg) top left no-repeat; height:55px; width:213px; }
#leftNavCTA3 a:hover { background:url(/img/busDirectButtonHover.jpg) top left no-repeat; height:55px; width:213px; }

#leftNavAddress { float:left; width:200px; margin:20px 0 0 10px;}
#leftNavAddress li { font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; list-style:none; }
#leftNavAddress li a { text-decoration:underline; color:#FFF;}
#leftNavAddress li a:hover { text-decoration:none; color:#FFF;}


#contactInfo {position:absolute; right:0px; top:50px; text-align:right;}
#searchWrapper { margin:-20px 0 0 15px; width:200px; background:url(/img/search.jpg) top left no-repeat; height:50px;}
#search {}
.textbox { width:160px; margin:10px 0 0 5px; height:16px; border:none; font-size:11px; color:#666; vertical-align:top;}

#slideShow { position:absolute; left:275px; bottom:203px; width:375px; height:260px; border:#FFF solid 2px;}

#addEvent a { position:absolute; right:40px; bottom:270px; width:253px; height:68px; background:url(/img/addEventButton.jpg) top left no-repeat;}
#addEvent a:hover { background:url(/img/addEventButtonHover.jpg) top left no-repeat;}
#notify a { position:absolute; right:40px; bottom:200px; width:253px; height:68px; background:url(/img/notifyButton.jpg) top left no-repeat;}
#notify a:hover { background:url(/img/notifyButtonHover.jpg) top left no-repeat;}
#memberDirectoryText { position:absolute; top:320px; right:35px; width:420px; }
#memberDirectoryText a { color:#375190; }

#map { float:right; width:400px; height:450px; border:#000 solid 1px; margin:2px 5px 0 0;}

/* FOOTER */ 
#footerWrapper { position:relative; height:194px; }
#footer {width:1011px; height:175px; margin-left:-27px; background:url(/img/footerBckg.png) top center no-repeat;}
.footerLinks {float:left; width:450px; height:150px; margin:40px 0 0 50px;}
.footerLinks p {font-size:16px; color:#7cd710; margin:0;}
.footerLinks ul {padding:0;}
.footerLinks li {float:left; list-style:none; padding:2px 5px 0 5px;}
.footerLinks ul li a {color:#fff; font-size:12px; text-decoration:underline;}
.footerLinks ul li a:hover { text-decoration:none;}

.footerLinks ul ul {margin:5px 0 0 0;}
.footerLinks ul ul li {float:none;}
.footerLinks ul ul li a {font-size:10px;}

#footerLogo {float:right; height:150px; margin:40px 50px 0 0;}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper { float:right; width:150px; border-left:#000 solid 1px;}
#treePageListWrapper ul li a { font-size:12px; color:#34461E; margin-top:10px; text-decoration:none;}
#treePageListWrapper ul li ul li a {font-size:12px; color:#34461E; margin-top:10px; text-decoration:underline; }
#treePageDetailsWrapper {
	width:450px;
}

#treePageDetailsTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1E4266; border-bottom:#1E4266 solid 1px;
}
#calendar { position:relative; top:85px; }
.CalendarContainer {width:242px; height:200px; margin:0 0 0 10px; background:#FFF; border:#FFF solid 1px;}
.CalendarDayTitle {background:#445827; color:#fff;}
.CalendarMonthTitle.CalendarSmall {background:#115680; font-size:8px;}
.CalendarDayToday {background:#115680; color:#fff;}
.CalendarThisWeek {background:#B5D6C5;}
.CalendarDayNorm {background:#B5D6C5; font-size:10px;}
#CalendarContainerWrapper { width:650px;}
#CalendarContainerWrapper .CalendarEvent a:hover { color:#B5D6C5;}
#CalendarViewContainer { width:640px; float:left;}
.CalendarMonthTitle.CalendarLargeMonthView {background:#115680; font-size:12px;}
.CalendarMonthTitle {background:#115680; font-size:12px;}
#calendarYearWrapper { width:650px;}
.CalendarYearCalendar { width:162px;}
#CalendarHeaderYearView { width:648px;}
.CalendarOtherMonth { font-size:10px; color:#999;}
.CalendarWithEvents { background:#345C80;}
.CalendarWithEvents a { color:#FFF;}
#calendarContainerMonthView a { color:#FFF;} 
.CalendarEvent a { color:#FFF;}
#CalendarViewSelectionWrapper { position:absolute; top:300px; left:50px;
margin-bottom:30px; 
	float:left;}
#CalendarViewButtonWrapper { margin-top:80px;}
#choiceForm {
	margin-bottom:20px;
}

#pageDetailsTitle { font:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
#detailWrapper h2 { font:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.pageListInlineItemTitle a { font-size:14px; color:#1E4266; margin-top:10px;} 
.pageListInlineItemDescription a { color:#1E4266;} 
.pageListInlineItemDate { background:url(../img/posted.png) top left no-repeat; padding-left:60px;} 
.pageListInlineViewAll a { color:#1E4266;} 
#treePageDetailsDescription { float:left; width:465px; margin-right:0px;  }
#treePageDetailsPageList { float:right; padding:0 0 0 10px; width:150px; list-style:none; border-left: thin solid #1E4266; font:12px Arial, Helvetica, sans-serif; color:#000;}
#treePageDetailsPageList a { color:#000; font-weight:bold;}
#treePageDetailsPageList li ul {padding:0 0 0 10px; }
#treePageDetailsPageList li ul li { list-style:none; padding:10px 0 0 0; }
#treePageDetailsPageList li ul li a {  font:12px Arial, Helvetica, sans-serif;}
#treePageDetailsPageList ul ul{ display:none;}
#pageListHeader {font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1E4266; border-bottom:#1E4266 solid 1px; text-align:left;}
#contactFormTitle {font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1E4266; border-bottom:#1E4266 solid 1px;
}
#treePageListWrapper li { padding:5px 0;}


.pubFAQAccordion a.pubFAQAccordionLink {
cursor:pointer; display:block; padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight:normal;
	font-size: 14px;
	color: black;
	background-color:#86A0C2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}
.pubFAQAccordion a:hover.pubFAQAccordionLink {
	background-color:#728AB1;
}
.faqCategory {text-decoration: none; font-weight:bold; font-size: 16px; border-bottom:#000 solid 1px; }


/***************************************************/
/************* MEMBER DIRECTORY ********************/
/***************************************************/
/* DIV, wraps breadcrumbs */
#memberDirectoryBreadcrumbsWrapper {
	margin:5px;
	padding:0;
	font-size:12px;
}
/* h2, wraps home title */
#memberDirectoryHomeTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1E4266; border-bottom:#1E4266 solid 1px;
	margin:5px;
	padding:0;

}
/* h2, wraps cat title */
#memberDirectoryCatTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1E4266; border-bottom:#1E4266 solid 1px;
	margin:5px;
	padding:0;
}
/* h2, wraps item title */
#memberDirectoryItemTitle {font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1E4266; border-bottom:#1E4266 solid 1px;
	margin:5px;
	padding:0;
}
/* Div, wraps item details */
#memberDirectoryItemDetails {
	font-size:12px;
}
#memberDirectoryItemDetails a:link,#memberDirectoryItemDetails a:hover,#memberDirectoryItemDetails a:active,#memberDirectoryItemDetails a:visited{
	text-decoration:underline;
	color:#0000CC;
}
/* Form, for search form on home */
#memberDirectorySearchForm {
padding-bottom:10px;

}
/* Input, for search form on home */
#memberDirectorySearchInput {

}
/* Submit, for search form on home */
#memberDirectorySearchSubmit {

}
#memberDirectoryCatList {
	height:450px;
	width:200px;
	overflow:scroll;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;
	border:1px solid #000000;
	padding:5px; margin:10px 0 0 0;
}
#memberDirectoryCatList a{
	font-size:12px;
	text-decoration:none;
}
.memberDirectoryCatListColumn {
	margin:0;
	padding:0;
	
}
.memberDirectoryCatListItem {
	margin-bottom:3px;
	font-size:11px;
}
/* UL, list of members for a category/tag/search */
#memberDirectoryItemList {
	font-size:12px;
	list-style-type:none;
}
#memberDirectoryItemList li{ margin:10px 0; border-bottom:#1E4266 solid 1px;
	padding:3px;
}
#memberDirectoryItemList a:link,#memberDirectoryItemList a:hover,#memberDirectoryItemList a:active,#memberDirectoryItemList a:visited{
	text-decoration:underline;
	color:#0000CC;
}
.memberDirectoryItemLabel {
	font-weight:bold;
	float:left;
	width:75px;
	margin:3px;

}
.memberDirectoryItemData {
	float:left;
	margin:3px;
}
.memberDirectoryItemClear {
	clear:both;
}
/****** End Member Directory *****/

.CalendarSelection input {
	display:block;
	float:left;
	width:20px;
}
.CalendarSelection span {
	display:block;
	float:left;
	width:180px;
}

/*******************************************************/
/******** 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 */