/****************************************************
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; background:url(../img/layout/bg.jpg) top left repeat-x #3C4A6D; color:#333;} 

strong {font-family:Georgia, "Times New Roman", Times, serif;}
p {margin:0 10px 10px 10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#333; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#333; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 
h1 { width:500px; font-size:10px; margin:4px 0;}
h2 {margin:0 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#treePageDetailsTitle {margin:0 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#pageDetailsTitle {margin:0 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#contactFormTitle {margin:0 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:24px; font-weight:bold;}
#pageListHeader {margin:0 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:left;}
#pageListDates {text-align:left; font-size:11px;}

body img {-ms-interpolation-mode:bicubic}

/* HEADER */ 
#header {position:relative; width:960px; height:202px; margin:0; padding:1px 0 0 0; background:url(/img/layout/header-bg.png) top left no-repeat; z-index:500;}
/*#headerTileImg {position:absolute; top:11px; left:0; width:100%; height:185px; background:url(/img/layout/header-main-nav-bg-tile.png) bottom left repeat-x; z-index:5;}
#headerImgFade {width:960px; height:118px; background:url(/img/layout/header-white-fade.png) top left no-repeat;}*/
#logo a {width:320px; height:163px; margin:1px 0 0 30px; padding:0; background:url(/img/layout/logo.png) top left no-repeat; display:block;}
#logo a:hover {background:url(../img/layout/logo.png) top left no-repeat #333;}

#subNav {position:absolute; top:0px; right:0px; font-size:.9em; font-weight:bold; line-height:1em;}
#subNav ul { margin:0;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav ul li a {color:#393b3d; text-decoration:underline;}
#subNav a:hover {text-decoration:none;}
#contactInfo {position:absolute; right:0px; top:50px; text-align:right;}

#mainNav {width:100%;}
#mainNav ul { padding:0; margin:0 0 0 45px;}
#mainNav li {float:left; position:relative; list-style:none;}
#mainNav ul li a {float:left; padding:0 25px; font-size:14px; color:#fff; text-decoration:none; line-height:38px;}
#mainNav ul li a:hover {background:#990000; text-decoration:none;}


/*******DROP-DOWNS I HOPE*********/
#mainNav li ul {position:absolute; top:38px; left:-9999px; margin:0; padding:0 0 12px 0; background:url(/img/layout/dropdown-bottom.png) bottom left no-repeat;}

#mainNav li ul li {background:#990000; height:auto; width:196px; padding:0 0 0 3px; margin:0;}
#mainNav li ul li.start {margin:0; background:url(/img/layout/dropdown-upper-right.jpg) top right no-repeat #990000;}
#mainNav li ul li.last {margin:0 0 12px 0;}
#mainNav li ul li.single {padding:5px 0 5px 0;}
#mainNav li ul li a {height:auto; width:130px; margin:0; padding:5px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#mainNav li ul li a:hover {text-decoration:underline; height:auto;}

#mainNav li:hover ul {left:auto;}

#mainNav li:hover ul, #nav li.sfhover ul {left:auto;}

#mainNav li ul ul {display:none;}

/* CONTAINER */ 
#containerWrapper {margin:10px 0 0 0; padding:20px 0 0 0; background:url(../img/layout/container-bg-top.png) top center no-repeat;}

#container {position:relative; width:100%; background:url(/img/layout/content-bg-top.jpg) top center no-repeat #fff; margin:0; padding:0; z-index:1;}
#container a {color:#333; text-decoration:underline;}
#container a:hover {color:#333; text-decoration:none;}

#content {position:relative; float:left; width:547px; margin:0 0 0 20px; padding:0 20px 0 0; background:url(/img/layout/content-divider-tile.jpg) top right repeat-y; border-right:1px solid #E5E7E6;}
.permaPageDescription {width:100%;}

#contentInterior {width:940px; min-height:350px; padding:0 10px 10px 10px;}

#fade {margin:10px 0 0 3px;}

#contentRight {float:right; width:322px; margin:0 20px 0 0;}
#upcomingEventsList {position:relative; width:320px; height:194px; margin:25px 0 0 0; padding:10px 0 0 0; background:url(../img/layout/cta-upcoming-events.png) top left no-repeat; color:#333; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:large; display:block; text-decoration:none;}
#upcomingEventsList a {color:#333; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:large; text-decoration:none;}
#upcomingEventsList a:hover {color:#666666;}
#question {width:300px;}


/***CALENDAR HOME PAGE***/
.pageListInlineItemDateMonth {position:absolute; top:52px; left:11px; width:115px; text-align:center; color:#fff;}
.pageListInlineItemDateYear {position:absolute; bottom:40px; left:11px; width:115px; text-align:center;}
.pageListInlineItemDateDay {position:absolute; top:70px; left:11px; width:115px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:72px; font-style:normal;}
.pageListInlineItemTitle {position:absolute; top:47px; right:10px; width:175px;  font-size:14px; text-align:left; font-style:normal;}
.pageListInlineItemDescription {position:absolute; bottom:35px; right:10px; font-weight:lighter; width:175px; text-align:left;}
#upcomingEventsList .pageListInlineItemDescription a {font-size:12px;}
#upcomingEventsList .pageListInlineItemDescription {height:61px; line-height:13px;}

/*#upcomingEventsList h4 {margin:0 0 10px 0; color:#970000; font-size:large; font-style:italic; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
#upcomingEventsList ul {height:167px; margin:0 0 25px 0; padding:0;}
*/
#membershipCTA a {width:320px; height:35px; padding:10px 0 0 0; background:url(/img/layout/cta-button-bg.jpg) top left no-repeat; color:#333; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:large; display:block; text-decoration:none;}
#membershipCTA a:hover {color:#666666;}

#footerLogos {float:left; width:308px;  margin:10px 0 0 0; padding:0 0 0 15px; background:url(../img/layout/manageable-CTA-bg2.png) top left no-repeat;}
#footerLogos h4 {width:300px; height:35px; margin:10px 0 0 0; padding:0 0 2px 0;  color:#333; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:large;}

#map {position:absolute; top:40px; right:20px; width:425px; height:323px; border-right:1px solid #ccc; border-top:1px solid #bbb; border-left:1px solid #ddd; border-bottom:1px solid #eee;}
.bannerCaptionWrapper {text-align:center;}

.portfolioItemSmallTitle {width:175px; background:none;}
.portfolioItemSmallWrapper {margin:0 10px 0 0;}
/* FOOTER */ 
#footerWrapper {width:100%; background:url(/img/layout/footer-bg.png) top center no-repeat;/*background:url(/img/layout/footer-bg.jpg) top left repeat-x;*/}
#footer {width:960px; margin:0 auto; padding:37px 0 0 0; /*background:url(/img/layout/footer-content-bg.jpg) top center no-repeat;*/}
#footer h4 {margin:0; padding:0 0 2px 0; border-bottom:2px solid #333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:large;}

.footerLinks {float:left; width:600px; margin:12px 0 0 0; }
.footerLinks p {font-size:12px; color:#7cd710; margin:0;}
.footerLinks ul {float:left; margin:0; padding:0;}
.footerLinks li {float:left; list-style:none; padding:0 20px 0 0;}
.footerLinks ul li a {color:#fff; font-size:12px; text-decoration:none;}
.footerLinks ul li a:hover {text-decoration:underline;}

.footerLinks ul ul {display:none;}
.footerLinks li ul ul {display:none;}

#footerContact {float:right; color:#fff; text-align:right; }
#footerContact .contentArea {margin-top:-10px;}
#social {margin:5px 0px 0px 0px;}

.bannerImageWrapper {margin:5px 0 0 0;}
.bannerItemWrapper {float:left; width:140px; height:110px;margin:0 10px 0 0; }
.bannerImageWrapper a img {width:140px; vertical-align:middle;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;margin:10px 0 0 0;padding: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;
}
.CalendarWithEvents {background:#fff;}
.CalendarDayNorm a:hover {background:#B91313;}
a.sponsorLink img {width:250px; height:59px;  z-index:1000; position:relative; top:25px;}
#pageList {padding:0;}
#accordionList3 {border:none;}
.pubFAQAccordion a.pubFAQAccordionLink {border-bottom:1px solid #ddd;}
.pubFAQAccordion {width:100%;}
#pubFaqTextSearch {display:none;}
#cat3 {display:none;}

#contentRight .pageListInline {margin:0;}

#treePageDetailsBreadcrumbsWrapper {padding:0 0 0 10px;}

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


/*********AGC Corner Styles********/
#agch4 {margin:15px 0 0 0;}
#agch4 a {color:#fff; background:#333; padding:5px;}
#agch4 a:hover {background:#666;}

.rss-box {
	/*width: 290px;*/
	padding: 0 15px 0px 0;
}

.rss-items {
	padding-left: 10px;
}

#agca_corner li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0 20px 0 0;
}

#agca_corner  ul {
	padding-left: 0;
	margin:0;
}

#agcacorner_header img {
	border:none;
}

#agcacorner_footer {
	text-align:right;
	padding-right:15px;
	margin:0;
}

#agca_corner {
	margin:0 0 0 2px; 
/*	width:300px;
*/	font-size: 12px;
}