mald/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#2e2926;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 

#calendarWrapper {position:relative; width:960px; margin:0 auto; padding:0; background:url(../img/layout/bg-calendar.jpg) top center repeat-y;}
#wrapper {position:relative; width:960px; margin:0 auto; padding:0; background:url(../img/layout/content-bg.jpg) top center repeat-y;} 
h2  {color:#83996e;}

#treePageDetailsDescription .shadedTableRow {background:#c8e7f7;}


/* HEADER */ 
#header {position:relative; width:100%; height:205px; margin:0; background:url(../img/layout/header-bg.png) top left repeat-x;}
h1#topHeader{margin:0; padding:2px; width:956px; text-align:center; font-size:14px; background-color:#666666; color:#FFFFFF;}
#logo a {width:100%; height:100px; margin:0 0 0 -1px; display:block;}

#subNav {position:absolute; top:0px; right:0px; font-size:11px; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}

#ticker {position:absolute; bottom:20px; right:20px; color:#fff;}

#secondaryNav {position:absolute; right:0px; top:50px; background-color:#999999;}
#secondaryNav li {float:left; margin:0 15px; list-style:none; font-size:1.2em;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}

#mainNav {width:175px; background-color:#fff; margin:0 0 0 9px; padding:5px;}
#mainNav ul {width:163px; padding:5px; margin:0; border:1px solid #2e49a4;}
#mainNav li {list-style:none; border-bottom:2px dotted #967e60;}
#mainNav ul li.end {border-bottom:none;}
#mainNav ul li.end a {color:#2e49a4;}

#mainNav ul li a {padding:0 0 0 5px; line-height:26px; color:#967e60; font-size:18px; text-decoration:none;}

#mainNav ul li a:hover {color:#2E2926;}
#mainNav ul ul ul {display:none;}


/***** Suckerfish Style Flyout CSS *****/
#contentLeft #mainNav li ul {
	position: absolute;	
	left: -999em; 
	margin:-32px 0 0 150px; 
	z-index:10000; 
	padding:0 0 20px 0; 
	border-right:1px solid #021B71;
	border-bottom:1px solid #021B71;
	border-left:1px solid #6478C1;
	border-top:1px solid #6478C1;
	width:250px;
	text-align:left;
	background-color:#fff;
}
#contentLeft #mainNav li ul li {
	display:block;
	border:none; 
	padding:0; 
	margin:0;
	text-align:left;
	background-image:none;
}
#contentLeft #mainNav li ul li.end {
	display:inline; 
	float:none; 
	padding:0; 
	margin:0;
	text-align:left;
}
#contentLeft #mainNav li ul li:hover {
	visibility: visible;
	background:none;
}
#contentLeft #mainNav li ul li a {
	width:100%;
	display:block;
	font-size:12px;
	height:10px;
	padding:3px; 
	background:none; 
	color:#2E2926;
	font-weight:bold; 
	margin:0;
	position:relative;
}
#contentLeft #mainNav li ul li a:hover {
	color:#967e60;
	visibility: visible;
}
#contentLeft #mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {
	left:auto;
	visibility: visible;
}
/*************/
/* CONTAINER */ 
#container {position:relative; width:100%; margin:0; min-height:830px;}
#container a  {text-decoration:underline;}
#container a:hover {text-decoration:none;}

#contentLeft {position:relative; float:left; height:100%; width:203px;}
#newsletterCTA {width:160px; margin:0 0 0 20px;}
#newsletterCTA a {width:160px; height:122px; margin:20px auto 0px auto; display:block; background:url(../img/layout/cta-notify-me.jpg) top left no-repeat;}
#newsletterCTA a:hover {background:url(../img/layout/cta-notify-me-hover.jpg) top left no-repeat;}
#newsletterCTAText { font-size:10px; padding:10px; margin:0; }
#newsletterCTAText a{ text-decoration:none; color:#000000; }
#newsletterCTAText a:hover{ text-decoration:underline; }

#siteSearch {width:270px; height:75px; margin:0 0 0 10px; position:absolute; top:40px; right:-15px;}
.textbox {width:175px;}
.submit {}

#content {position:relative; float:left; width:500px; margin:0 auto;}
#contentInterior {position:relative; float:left; width:750px; min-height:550px; margin:0 auto;}

#map {position:absolute; top:20px; right:0; width:370px; height:260px; border-color:#999999; border-style:solid; border-width:thin; margin:0 auto; overflow:hidden;}

#detailWrapper {margin:0 0 0 25px;}

#contentRight {float:left; width:223px; margin:0 0 0 30px;}
.contentRightEvents {text-align:right; font-size:20px; color:#2e49a4; border-top:2px #2e49a4 solid; border-bottom:2px #2e49a4 solid;}

#contentRightCTA {width:215px; margin:0 0 0 10px;}

#home {margin:0 0 0 25px;}

#contactInfo {position:absolute; bottom:0; left:0px; width:200px;}

.contentRightNews {margin:20px 0 0 0; text-align:right; font-size:20px; color:#2e49a4; border-top:2px #2e49a4 solid; border-bottom:2px #2e49a4 solid;}
.pageListInlineItemTitle a {color:#2e49a4;}
.pageListInlineViewAll a {color:#2e49a4;}

#photoTour a {width:385px; height:208px; margin:0 auto; background:url(../img/layout/cta-photo-tour.jpg) top left no-repeat; display:block;}
#photoTour a:hover {background:url(../img/layout/cta-photo-tour-hover.jpg) top center no-repeat;}

/* FOOTER */
#footer {position:relative; width:100%; height:172px; margin:20px 0 0 0; padding:50px 0 0 0; background:url(../img/layout/footer-bg.png) top center no-repeat;}
#footerLinks {float:left; width:760px; height:150px;}
#footerLinks li {position:relative; float:left; list-style:none;}
#footerLinks ul li a {float:left; padding:0 20px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px; color:#FFFFFF; }

/******************/
/****dropdowns*****/
#footerLinks li ul {position:absolute; top:20px; left:-9999px; margin:0; padding:7px 2px; background:#fff; width:250px;}

#footerLinks li ul li {background-image:none; height:auto; width:100%;}
#footerLinks li ul li.first {margin:10px 0 0 0; padding:5px 0 0 0;}
#footerLinks li ul li.last {padding:0 0 5px 0;}
#footerLinks li ul li.single {padding:5px 0 5px 0;}
#footerLinks li ul li a {background-image:none; background:#fff; height:12px; width:230px; margin:0px 5px; padding:0 5px; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none;}
#footerLinks li ul li a:hover {background-image:none; background:#EFEFEF; height:auto;}

#footerLinks li:hover ul {left:auto;}

#footerLinks li:hover ul, #nav li.sfhover ul {left:0;}

#footerLinks ul ul ul {display:none;}
/*******************/
/*******************/

#footerLogo a {position:absolute; top:85px; right:45px; width:214px; height:81px; background:url(../img/layout/footer-logo.png) top left no-repeat;}
#footerLogo a:hover {background:url(../img/layout/footer-logo-hover.png) top left no-repeat;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px; width:100%; text-align:center; clear:both; padding:25px 15px 15px 15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

.CalendarContainer {width:210px; margin:0 0 0 10px;}
.CalendarDayTitle {background:#967e60; color:#fff;}
.CalendarMonthTitle {background:#2e49a4;}
.CalendarDayToday {background:#2e49a4; color:#fff;}
.CalendarThisWeek {}


#listWrapper {margin:0 0 0 25px;}
#pageListHeader {text-align:left; margin:0 0 10px 0;}

.portfolioItemSmallTitle {width:190px; padding:5px; background-color:#B6D0E1; color:#0C2991;}
#contentInterior .portfolioItemSmallTitle a {color:#0C2991;}

.portfolioItemSmallWrapper {float:left; width:205px; height:207px; margin:0 35px 0 0;}
.portfolioItemSmallImg {margin:0;}

#treePageListWrapper {width:732px; margin: 0 0 15px 15px; padding:5px; background:url(../img/layout/treePageListWrapper-bg.png) top left repeat-x #B5D0E1; border-bottom:1px solid #a2becf;}
#treePageListWrapper li ul li {float:left; margin:0 10px 0 0;}
#contentInterior #treePageListWrapper ul li a {color:#021B71;}
#contentInterior #treePageListWrapper li ul li a {float:left; color:#021B71; font-size:14px;}


/**************************/
/*******FAQ STUFF**********/
#pubFaqHeader {

}
#pubFaqTextSearch {
float:left;
margin-right:10px;
font-weight:bold;
}
#pubFaqCategorySearch {
float:right;
margin-right:10px;
font-weight:bold;
}

.pubFAQAccordion {
clear:left;
width: 100%;
border: 1px solid #50739B;
}
.pubFAQAccordion div {}
.pubFAQAccordion p {}

.pubFAQAccordion a.pubFAQAccordionLink {
cursor:pointer;
display:block;
padding:5px;
margin-top: 0;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color:#011D7E;
background-color:#ABD8EE;
border-top: 1px solid #CEE0EB;
border-bottom: 1px solid #7FA4C9;
}
.pubFAQAccordion a:hover.pubFAQAccordionLink {
background-color:#fff;
}
.pubFAQAccordion a.selected.pubFAQAccordionLink {
color: black;
}

#treePageDetailsFileList {
	margin-top: 1em;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 0pt;
	padding-left: 45px
}
#treePageDetailsPageList {
	margin:5px 0 5px 10px;
	padding:0;
	list-style:none;
	font-size:20px;
	font-weight:bold;
}
#treePageDetailsPageList li{
	padding:3px 0 3px 0;
}
#treePageDetailsPageList li li{
	padding:2px 0 2px 0;
}
#treePageDetailsPageList ul {
	margin:10px 0 10px 10px;
	font-size:18px;
	font-weight:normal;
}

#treePageDetailsPageList a {
	text-decoration:underline;
	color:#000000;
}
#treePageDetailsPageList a:hover {
	text-decoration:none;
	color:#000099;
}

/*******************************************************/
/******** 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 */