/****************************************************
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/back2.jpg) top left repeat-x; background-color:#fff;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#900; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:1006px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; height:196px; margin:0 0 0 0; background:url(../img/haederBk.png) top left no-repeat; z-index:1000000;}
h1{ position:absolute; left:10px; margin:0 auto; padding:0; width:960px; text-align:left; font-size:6px; color:#fff; z-index:1; }
#logo a {width:400px; height:100px; display:block;}

#subNav {position:absolute; top:0px; right:10px; font-size:.7em; line-height:1.4em;  }
#subNav ul{
padding:0;
margin: 0;
float: left;
}
#subNav ul li{
display: inline;
}
#subNav li {float:left; list-style:none; margin:0; padding-top:10px; background:url(../img/topNavBack.png) top left repeat-x; height:39px;}
#subNav li.start {float:left; background:url(../img/topNavLeft.png) top left no-repeat; padding-left: 10px; padding-right: 0px;}
#subNav li.end {float:left;  background:url(../img/topNavRight.png) top right no-repeat; padding-right: 10px;}
#subNav li a { font:11px Arial, Helvetica, sans-serif; font-weight:lighter; color:#000; text-decoration:none; margin:10px 0 0 0; padding:5px;}
#subNav li a:hover {  text-decoration:underline;}

#subNav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#social { position:absolute; top:90px; right:30px; width:65px; height:26px;}
#social a { float:left; padding:0 3px; width:24px; height:24px;}

#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:100%; position:absolute; top:122px; }
#mainNav ul { padding:5px; margin:0 0 0 20px;}
#mainNav li { list-style:none; float:left; background:url(../img/mainNavDiv.png) center right no-repeat; }
#mainNav li.end { background:none;}
#mainNav li:hover { background:url(../img/mainNavHover.jpg) top left repeat-x;}
#mainNav li a { list-style:none; float:left; padding:15px 10px 15px 10px; font:16px Helvetica, sans-serif; font-weight:lighter; color:#FC0; text-decoration:none;}
#mainNav li a:hover { }

#mainNav li ul { /* second-level lists */
        position: absolute; padding:0px;
		top:50px; margin:0 0 0 -2px; 
        background: #6580ac;
		border-bottom:#060930 solid 2px;
		border-left:#060930 solid 2px;
		border-right:#060930 solid 2px;
        width: 16em;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#mainNav li ul li { /* second-level lists */ 
		background:none;		
}
#mainNav li ul li:hover { /* second-level lists */ 
	background:#060930;
        width: 16em;
}
#mainNav li ul li a {
	padding:10px;
	 width: 12em;
}
#mainNav li ul li a:hover {
	background:#060930;
	border:none;
}

#mainNav li ul a {
	font:14px Arial, Helvetica, sans-serif;	
	margin:0;
	border:none;
}

#mainNav li:hover ul, #mainNav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
}


/* CONTAINER */ 
#container {width:100%; min-height:500px; background:url(../img/bodyBk.png) top left repeat-y; margin:0; padding:0 0 0 30px;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:500px; width:695px; }
#contentRight {float:right; width:250px; min-height:500px; margin:0 58px 0 0;}
#contentRight a { color:#039}

#ctaWrapper { float:left; margin:0 5px 5px 0; width:227px;}
#cta1 a { float:left; background:url(../img/cta1.png) top left no-repeat; width:227px; height:103px;}
#cta1 a:hover { float:left; background:url(../img/cta1Hover.png) top left no-repeat; width:227px; height:103px;}
#cta2 a { float:left; background:url(../img/cta2.png) top left no-repeat; width:227px; height:103px; margin-top:5px;}
#cta2 a:hover { float:left; background:url(../img/cta2Hover.png) top left no-repeat; width:227px; height:103px;}
#cta3 a { float:left; background:url(../img/cta3.png) top left no-repeat; width:227px; height:103px; margin-top:5px;}
#cta3 a:hover { float:left; background:url(../img/cta3Hover.png) top left no-repeat; width:227px; height:103px;}

#photoFadehome {position:relative; float:left; width:460px; margin:0 0 0 0;}
.topLeft {position:absolute; top:0; left:0; width:15px; height:15px; background:url(/img/layout/photo-fade-upper-left.png) top left no-repeat; z-index:10000;}
.topRight {position:absolute; top:0; right:-6px; width:15px; height:15px; background:url(../img/layout/photo-fade-upper-right.png) top left no-repeat; z-index:10000;}
.bottomLeft {position:absolute; bottom:-6px; left:0; width:15px; height:15px; background:url(../img/layout/photo-fade-bottom-left.png)top left no-repeat; z-index:10000;}
.bottomRight {position:absolute; bottom:-6px; right:-6px; width:15px; height:15px; background:url(/img/layout/photo-fade-bottom-right.png) top left no-repeat; z-index:10000;}

#welcome { float:left; width:670px; margin:10px 0 10px 10px; padding:0 5px; min-height:100px; border-top:#000 solid 1px;}

#calendar { float:left; margin:0; width:245px;}

#news { float:left; width:230px; background:url(../img/layout/newsBck.png) top left repeat-y; margin:0 0 0 7px; padding:0 10px 0 5px;}
#newsTop { float:left; width:245px; background:url(../img/layout/newsTop.png) top left no-repeat; height:9px;  margin:5px 0 0 7px;}
#newsBottom { float:left; width:245px; background:url(../img/layout/newsBottom.png) top left no-repeat; height:9px; margin:0 0 10px 7px;}
#NewsTitle { font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 0 0 10px; color:#24295B;}

#banners { float:left; width:690px; height:170px; margin:10px 0 0 5px; padding-top:10px; border-top:#000 solid 1px; }
#banners img { float:left; width:200px; height:170px; padding:0 15px;}

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


/* FOOTER */ 
#footer {width:100%; margin:0; background:url(../img/footer.png) top left no-repeat; height:196px;}
#footerLinks {float:left; width:350px; height:150px; margin-top:20px;}
#footerLinks li { float:left; list-style:none; margin:0; padding:5px;}
#footerLinks li a { float:left; list-style:none; color:#FFF; text-decoration:underline; }
#footerLinks li a:hover { text-decoration:none; }

#footerMap { float:left; width:300px; height:150px; margin:16px 0 0 15px; background:url(../img/footerMap.png) top left no-repeat;}
#footerMap a { float:left; margin:24px 0 0 180px; text-decoration:underline; color:#FFF; font:11px Arial, Helvetica, sans-serif; }
#footerMap a:hover {text-decoration:none; }

#footerLogo {float:right; margin:30px 20px 0 0; width:280px; height:150px; }
#footerLogo p {float:right; text-align:right; color:#FFF; font:15px Arial, Helvetica, sans-serif;  }


/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px; margin:10px 0 0 0;}
#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;
}
#treePageDetailsDescription a { color:#900; }
#treePageDetailsDescription a:hover { color:#999; }
h2 { color:#1C285C; border-bottom:#1C285C dotted 1px;}
h3 {  color:#1C285C;}
#treePageDetailsPageList { margin-top:30px; padding-left:0px; }
#treePageDetailsPageList li { list-style:none; float:left; border-right:#066 solid 1px; }
#treePageDetailsPageList li.end { border-right:none; }
#treePageDetailsPageList li a { float:left; padding:0 3px; }

#newsletterLargeTitle { font:24px Arial, Helvetica, sans-serif; text-align:left; color:#1C285C; border-bottom:#1C285C dotted 1px;}

.CalendarContainer { margin-left:7px; height:200px; width:240px; }
.CalendarDayNorm, CalendarSmall { background:#829ED1;}
.CalendarThisWeek, CalendarSmall { background:#829ED1;}
.CalendarDayToday, CalendarSmall { background:#F0CA3E;}
.CalendarMonthTitle, CalendarSmall { background:#1C285D;}
.CalendarDayTitle { background:#039;}
#div .pageListInlineItemTitle { color:#036;}

#contactFormTable { margin:10px 0 0 20px;}
#contactFormText {margin:10px 0 0 20px;}


/***************************************************/
/************* MEMBER DIRECTORY ********************/
/***************************************************/
/* DIV, wraps breadcrumbs */
#memberDirectoryBreadcrumbsWrapper {
	margin:5px;
	padding:0;
	font-size:12px;
}
/* h2, wraps home title */
#memberDirectoryHomeTitle { font:Arial, Helvetica, sans-serif; color:#1C285C; border-bottom:#1C285C dotted 1px;
	margin:5px 5px 10px 5px ;
	padding:0;

}
/* h2, wraps cat title */
#memberDirectoryCatTitle {font:Arial, Helvetica, sans-serif; color:#1C285C; border-bottom:#1C285C dotted 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; margin:0 0 0 7px;

}
/* 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 7px;
}
#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 *****/



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