/****************************************************
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:13px; background:url(/img/layout/bg.jpg) top left repeat-x #1b3a51; color:#6c0018;} 
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:#6c0018; text-decoration:none; outline:none;}
h2 {margin:0 10px 10px 10px; font-size:24px; border-bottom:3px solid #6c0018;} 
#wrapper {width:962px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:961px; margin:0; background:url(/img/layout/header-bg.jpg) top left no-repeat;}
#logo a {width:389px; height:110px; margin:0 0 0 20px;display:block; background:url(/img/layout/logo.jpg) top left no-repeat; display:block;}
#logo a:hover {background:url(/img/layout/logo-hover.jpg) top left no-repeat;}
#subNav {position:absolute; top:0px; right:20px; font-size:.9em; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav a {color:#fff;}
#secondaryNav {position:absolute; right:20px; top:25px;}
#secondaryNav li {float:left; margin:0; list-style:none; font-size:1.2em; line-height:28px;}
#secondaryNav a {text-decoration:none; color:#fff;}
#secondaryNav a:hover {text-decoration:underline;}
#searchForm {position:absolute; top:65px; right:20px;}
#searchField {margin:0; padding:0;}
#searchButton {padding:0; margin:0; vertical-align:center; border:1px solid white;}

#flash {position:relative; width:961px; height:310px; margin:0 0 0 0; padding:0; border-bottom:3px solid #6c0018; z-index:0;}
#donateCTA a {position:absolute; width:323px; height:243px; top:35px; left:30px; background:url(/img/layout/CTA-donate.png) top left no-repeat; display:block; z-index:10000;}
#donateCTA a:hover {background:url(/img/layout/CTA-donate-hover.png) top left no-repeat;  z-index:10000;}
#mainNav {width:100%; height:48px; margin:11px 0 0 0; background:url(/img/layout/main-nav-bg.jpg) top left repeat-x;}
#mainNav ul { padding:0; margin:0 0 0 310px;}
#mainNav li {float:left; height:38px; padding:10px 10px 0 10px; list-style:none; background:url(/img/layout/nav-divider.jpg) top left no-repeat;}
/***************drop down styling******************/
/**************************************************/
#mainNav ul li {float:left; display:inline-block; position:relative; z-index:998;}
#mainNav ul li a {float:left; display:block; font:20px Helvetica, Arial, sans-serif, bold; line-height:24px; color:#fff; text-decoration:none;}
#mainNav ul li a:hover {text-decoration:none; color:#9ad3f1;}
#mainNav ul li.end a:hover {}

#mainNav ul li:hover ul, #mainNav li.over ul {left:0px; top:48px;}

#mainNav ul ul {list-style:none; background:#6C0018; z-index:999;}
#mainNav ul ul li {float:left; padding:0; margin:0;}

#mainNav ul ul ul ul {display:none;}

#mainNav ul li ul {position:absolute; width:210px; left:-9999px; top:50px; margin:0; padding:10px; z-index:999;}

#mainNav ul li:hover ul, #mainNav li.sfhover ul {padding:0;}

#mainNav li ul li {padding:0; z-index:999; width:200px; margin:10px 0 10px 0; height:15px;}

#mainNav ul ul li a {background-color:#6C0018; padding:0 0 0 15px; font:13px Helvetica, "Trebuchet MS", Arial, sans-serif; color:#fff;}

#mainNav ul ul ul {display:none;}
/*** end drop down***/

/**************************************************/
/**************************************************/


#ourHouse a {float:left; width:121px; height:48px; background:url(/img/layout/nav-our-house.jpg) top left no-repeat; display:block;}
#ourHouse a:hover {background:url(/img/layout/nav-our-house-hover.jpg)}
#families a {foat:left; width:101px; height:48px; background:url(/img/layout/nav-families.jpg) top left no-repeat; display:block;}
#families a:hover {background:url(/img/layout/nav-families-hover.jpg)}
#volunteer a {float:left; width:114px; height:48px; background:url(/img/layout/nav-volunteer.jpg) top left no-repeat; display:block;}
#volunteer a:hover {background:url(/img/layout/nav-volunteer-hover.jpg) top left no-repeat;}
#events a {float:left; width:154px; height:48px; background:url(/img/layout/nav-special-events.jpg) top left no-repeat; display:block;}
#events a:hover {background:url(/img/layout/nav-special-events-hover.jpg)}
#donate a {float:left; width:94px; height:48px; background:url(/img/layout/nav-donate.jpg) top left no-repeat; display:block;}
#donate a:hover {background:url(/img/layout/nav-donate-hover.jpg)}
#contact a {float:left; width:126px; height:48px; background:url(/img/layout/nav-contact.jpg) top left no-repeat; display:block;}
#contact a:hover {background:url(/img/layout/nav-contact-hover.jpg)}

/* CONTAINER */ 
#container {width:921px; margin:0; background:#fff; padding:20px; border-top:2px solid #A8012C;}
#content {float:right; width:570px; margin:0 20px 0 0;}
#contentNoNews {position:relative; width:100%;}
#donateDonate a {position:absolute; width:290px; height:92px; background:url(/img/layout/donate-page-cta.jpg) top center no-repeat; border:1px solid #48779a;}
#donateDonate a:hover {background:url(/img/layout/donate-page-cta-ro.jpg) top center no-repeat;}

#detailWrapper {float:left; position:relative; width:570px; padding:0 0 0 0;}

#treePageDetailsWrapper {float:right; width:600px; min-height:450px;  height:auto !important; height:500px;}
#treePageListWrapper {position:absolute; width:270px; top:100px; padding:10px; background-color:#9ad3f1;}
#pubTree102 {width:255px; padding:0 0 0 20px; border:2px dotted #fff;}
#pubTree102 li {padding:5px 0 5px 10px;}
#pubTree102 ul {display:none;}
#pubTree112 {width:255px; padding:0 0 0 20px; border:2px dotted #fff;}
#pubTree112 li {padding:5px 0 5px 10px;}
#pubTree113 {width:255px; padding:0 0 0 20px; border:2px dotted #fff;}
#pubTree113 li {padding:5px 0 5px 10px;}
#pubTree115 {width:255px; padding:0 0 0 20px; border:2px dotted #fff;}
#pubTree115 li {padding:5px 0 5px 10px;}
#treePageListWrapper a:link, #treePageListWrapper a:visited, #treePageListWrapper a:active, #treePageListWrapper a:hover {color:#6c0018; font-size:15px;}

#contentRight {float:right; width:300px; margin:0 20px 0 0;}
#donateInterior a {top:35px; left:30px; width:290px; height:92px; background:url(/img/layout/donate-page-cta.jpg) top center no-repeat; border:1px solid #48779a; display:block;}
#donateInterior a:hover {background:url(/img/layout/donate-page-cta-ro.jpg) top center no-repeat;}
#newsletter a {width:300px; height:80px; margin:0; background:url(/img/layout/newsletter-signup.jpg) top left no-repeat; display:block;}

#contactForm {position:relative;}
#map {position:absolute; width:285px; height:280px; top:10px; right:0; border-color:#999999; border-style:solid; border-width:thin;}

/* FOOTER */ 
#footer {width:961px; height:121px; background:url(/img/layout/footer-bg.jpg) top left no-repeat; display:block;}
#footerLinks {width:570px; height:110px; padding:15px 0 0 0;}
#footerLinks li {float:left; padding:0 10px; list-style:none; line-height:20px;}
#footerLinks a {color:#fff;}

#tickerWrapper {width:290px; margin:5px 0 0 4px;}

/* 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:active{text-decoration:none; color:#fff;}
#delawarelink a:hover {text-decoration:underline; color:#9ad3f1;}
/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageDetailsImage {margin:10px 20px 10px 10px;}

#treePageDetailsPageList {position:absolute; top:0; right:0; margin:0; padding:10px 10px; border:2px dotted #fff;  background-color:#9ad3f1;}
#treePageDetailsPageList li {float:left; width:180px; list-style:none;}
#treePageDetailsPageList li a {font-size:12px;}
#treePageDetailsPageList li a:hover {color:#6c0018;}

#pageListHeader {text-align:left; font-size:22px; border-bottom:3px solid #6c0018; margin:10px;}
#newsletterLargeTitle {text-align:left; border-bottom:3px solid #6C0018;}

.contentArea h2 {font-size:22px; border-bottom:3px solid #6c0018; margin:0 10px 10px 10px;}
.contentArea {margin:0; padding:0;}
#special tr td {padding:0 0 15px 0; border-bottom:1px dotted #ccc;}
#special tr td tr td {vertical-align:middle; border:none;}

.pageListItemDate {color:#24445B;}
#CalendarContainerWrapper {width:570px; color:#fff;}
#CalendarContainerWrapper a {color:#6C0018;}
#CalendarHeaderYearView {width:570px;}
#CalendarYearWrapper {width:570px;}
.CalendarYearCalendar {width:139px; margin:1px;}
.CalendarEvent {width:71px;}
.CalendarWithEvents {width:71px; background-color:#9ad3f1;}
.CalendarDayTitle {background-color:#6C0018;}
.CalendarMonthTitle {background-color:#6C0018;}

.pageListInlineItemDate {display:none;}
.pageListItemDate {display:none;}
#pageDetailsDate{display:none; margin:0px; padding:0px;}

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