/****************************************************
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-color:#fff;} 
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;} 
#wrapper {position:relative; width:962px; margin:0 auto;} 


/* HEADER */ 
#header {position:relative; width:100%; height:226px; margin:0; background:url(../img/header.png) top left no-repeat;}

#logo a { float:left; width:130px; height:130px; margin:10px 0 0 20px; display:block; }

#subNav {position:absolute; top:-5px; right:10px; font-size:12px;  line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:-5px 0 0 0; padding:5px; background:url(../img/subNavBk.png) top left repeat-x; height:27px;}
#subNav li.start {float:left; background:url(../img/subNavLeft.png) top left no-repeat; padding-left: 10px;}
#subNav li.end {float:left;  background:url(../img/subNavRight.png) top right no-repeat; padding-right: 10px;}

#subNav li a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#subNav li a:hover{ text-decoration:underline;}

#search { float:left; margin:20px 0 20px 6px; width:225px; height:44px; background:url(../img/seachBk.jpg) top left no-repeat;}
.textbox { float:left; margin:13px 0 0 18px; width:167px; border:none;}
.submitSearch { float:right; margin:10px 30px 0 0; width:30px; height:30px;}


#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;}

/**** left navigation ****/
#leftNavStore { float:left; width:236px; padding:10px 0 0 20px; background:url(../img/leftNavBk.jpg) top left repeat-y;}
#leftNavStore ul { list-style:none; margin:0; padding:0; }
#leftNavStore li strong a { font-size:16px; }
#leftNavStore li { padding-top:3px;  }
#leftNavStore li a {
	display: block; color:#23408f; text-decoration:none; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#leftNav { float:left; width:236px; background:url(../img/leftNavBk.jpg) top left repeat-y;}
	#leftNav ul { width:230;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
		list-style: none;
	}
		
		#leftNav li a {
			display: block; color:#23408f; text-decoration:none; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}
		#leftNav li a:hover {
			color:#000;
		}

			#leftNav li { background:url(../img/leftNavDivide.png) bottom left no-repeat; width:200px; text-decoration:none;
				 margin:0 0 4px 0; padding:4px 20px 7px 5px;
			}
			#leftNav li.end {
				background:none;
			}
		#leftNav li ul {
			position: absolute;
			width: 10em;
			left: -999em;
		}
		
		#leftNav li:hover ul {
			left: auto; 
		}
#leftNav li:hover ul, #leftNav li.sfhover ul { /*  first level drop downs  */
	left: auto; float:left;  background-color:#D6D2B5; width:200px; margin:-25px 0 0 220px; padding:0 5px; border-top:#A19E8B solid 1px; border-right:#A19E8B solid 1px;border-bottom:#A19E8B solid 1px;
	z-index:10000000;
}
	#leftNav ul ul li { background:url(../img/leftNavDivide.png) bottom left no-repeat; width:180px; }
	#leftNav ul ul li.end { border-bottom:none; }
		#leftNav li ul ul {
			margin: -1em 0 0 10em;
		}
		#leftNav, #mainNav ul {
			padding: 0;
			margin: 0;
			list-style: none; 
			line-height: 1;
		}
		#leftNav li:hover ul ul, #leftNav li.sfhover ul ul {
			left: -999em;
		}
			#leftNav li:hover ul, #leftNav li li:hover ul, #leftNav li.sfhover ul, #leftNav li li.sfhover ul {
				left: auto;
			}

#leftNavBottom {float:left; width:236px; height:225px; background:url(../img/leftNavBottom.jpg) top left no-repeat;}


/*******  Main Navigation  ******/
#mainNav, #mainNav ul { position:absolute; top:95px; left:5px; width:100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	list-style: none;
}

#mainNav a {
	display: block; color:#FFF; text-decoration:none; font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#mainNav a:hover {
	color:#90C5ED;
}

#mainNav li {
	float: left; margin-bottom:5px; padding:0 10px 8px 5px; background:url(../img/divider.jpg) right top no-repeat;
}
#mainNav li.end {
	background:none;
}
#mainNav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#mainNav li:hover ul {
	left: auto; 
}
#mainNav li:hover ul, #mainNav li.sfhover ul { /*  first level drop downs  */
	left: auto;  background-color:#23408f; width:200px; top:30px; margin-top:-5px; padding:0 5px; border-left:#90C5ED solid 1px; border-right:#90C5ED solid 1px;border-bottom:#90C5ED solid 1px;
	z-index:10000000;
}
#mainNav ul ul li { background:none; border-bottom:#09C dotted 1px; width:180px; }
#mainNav ul ul li.end { border-bottom:none; }
#mainNav li ul ul {
	margin: -1em 0 0 10em;
}
#mainNav, #mainNav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#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 {
	left: auto;
}

/* CONTAINER */ 
#container {width:100%; min-height:580px; background:#fff; margin:0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:600px; width:500px; border-right:#90C5ED solid 1px; border-top:#90C5ED solid 1px;}
#contentNoRight {float:left; min-height:600px; width:700px; border-right:#90C5ED solid 1px; border-top:#90C5ED solid 1px;}
#contentHome {float:left; min-height:600px; width:700px;}
#contentStore {float:left; min-height:600px; width:680px; margin:10px;}
#contentLeft {float:left; width:240px; min-height:500px; margin:-9px 0 0 10px; }
#contentRight {float:right; width:200px; margin:5px; text-align:center; }
#contentRight .bannerItemWrapper {
	margin-bottom:5px;
	text-align:center;
}
#contentRightNews {float:right; width:200px; margin:5px; }
#contentRightNews h3 { }
#social { margin:5px;}
#networking { float:left; height:80px; width:180px; margin:10px 0 0 10px; font:20px Arial, Helvetica, sans-serif; color:#34438C; border-bottom:#09F solid 1px;}
#networking img { float:left; padding:8px 3px;}
#survey { float:left; width:180px; height:70px; margin:10px; text-align:center; color:#34438C;}
#survey a { float:left; margin:5px 0 0 10px; background:url(../img/visitorSurvey.jpg) top center no-repeat; width:160px; height:27px;}
#survey a:hover { background:url(../img/visitorSurveyHover.jpg) top center no-repeat;}

#slideShow { float:left; 
position:relative; 
z-index:10000;  
width:700px; 
height:286px; 
border:#333 solid 1px;
margin:10px 0 0 0;}

#cta ul {padding:0 ;  z-index:10; margin:10px 0 0 0;}
		#cta ul li {display:inline; text-indent:-9999px; width:190px; margin:0;}
			#cta ul li a {background:url(/img/beachBalls.png) no-repeat; float:left; list-style:none; height:141px; width:196px; margin:0px 0 0 0; }
					/* ball1 */ 
						#cta ul li a#index {background-position:0 bottom; width:190px; list-style:none;}
						#cta ul li a:hover#index {background-position:0 -4px; width:190px;}
					/* ball2 */ 
						#cta ul li a#video {background-position:-196px bottom; width:165px; list-style:none;}
						#cta ul li a:hover#video {background-position:-196px -4px; width:165px;}
					/* Ball3 */ 
						#cta ul li a#save {background-position:-365px  bottom; width:150px; list-style:none;}
						#cta ul li a:hover#save {background-position:-365px -4px; width:150px;}
					/* Ball 4 */ 
						#cta ul li a#news {background-position:-525px  bottom; width:195px; list-style:none;}
						#cta ul li a:hover#news {background-position:-525px -4px; width:195px;}
						
#welcome { float:left; width:450px; min-height:200px; margin:10px 0; padding:0 20px 0 10px; border-right:#90C5ED solid 1px; }

.bannerItemWrapper { margin-bottom:15px;}


/* FOOTER */ 
#footer { float:left; width:100%; height:350px; margin:5px 0 0 0; padding:10px 0 0 0; background:url(../img/footerBk.jpg) top left no-repeat;}
#footerLinks {float:left;  height:50px; margin:25px 0 0 -30px; width:500px;}
#footerLinks li {list-style:none; float:left; }
#footerLinks li a { float:left; padding:3px 3px;  font:10px Arial, Helvetica, sans-serif; text-decoration:underline; color:#000; }
#footerLinks li a:hover {  text-decoration:none; color:#000; }
#footerLogo a { position:absolute; width:110px; height:110px; margin:37px 0 0 -10px; }
#footerLeft { float:left; width:320px; height:190px; margin:5px 5px 0 0px;}
#footerCenter { float:left; background:url(../img/mapFooter.png) top left no-repeat; width:314px; height:198px; margin:5px 0 0 15px;}
#footerCenter a { position:absolute; width:314px; height:198px;}
#footerRight { float:left; margin:0 0 0 40px; width:240px; height:190px; padding:10px; background:url(../img/footerLogo.png) center left no-repeat;}
#footerRight p { font:12px Arial, Helvetica, sans-serif; text-align:right;}


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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
h1 { font:24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#34438C; text-align:left; margin-top:5px; }
h2 { font:24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#34438C; text-align:left; margin-top:5px;}
h3 { font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#34438C; }


.pageListItemTitle {padding:5px 0px;}
#pageListHeader {font:24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#34438C; text-align:left; }

#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

#homeBanner .bannerItemWrapper {
	float:left;
	width:230px;
	text-align:center;
}
#treePageDetailsDescription li {
	padding-bottom:5px;
}
#treePageDetailsPageList li {
	padding-bottom:5px;
	padding-left:0px;
	margin-left:0px;
}
#treePageDetailsPageList {
	margin-left:0px;
	padding-left:45px;
}

#CalendarContainerWrapper {
	width:500px;
}
.CalendarEvent {
	width:auto;
	font-weight:bold;
}
#CalendarYearWrapper {
	width:500px;
}
.CalendarYearCalendar {
	margin:0;
	float:left;
	width:166px;
	height:185px;
	margin:0px;
}
#CalendarHeaderYearView {
	width:500px;
}
.CalendarWithEvents, .CalendarDayNorm { background-color:#FFFFFF;}
.CalendarViewButtonForm { display:none; }

table#CalendarContainerMonthView
{
border-collapse:collapse;
}
table#CalendarContainerMonthView, #CalendarContainerMonthView th, #CalendarContainerMonthView td
{
border: 1px solid #000033;
}

.portfolioItemSmallWrapper {
	width:450px;
}

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