/****************************************************
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:14px; background:url(../img/back.png) top left repeat-x; background-color:#fff;} 
p {margin:10px; font-size:12px;} 
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:960px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; margin:0; height:150px; z-index:1000000;}
h1{margin:0; padding:1px; width:956px; text-align:left; font-size:6px; color:#CCC;}
#logo a {width:537px; height:81px; display:block; }

#headerText { float:left; height:22px; width:600px; text-align:center;  margin:0; }
#headerText p { font:12px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0; color:#223A63; }

#subNav {position:absolute; top:-10px; right:0px; font-size:.7em; line-height:1.4em;  }
#subNav ul{
background: url../img/subNav.png) repeat-x;
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/subNav.png) top left repeat-x; height:39px;}
#subNav li.start {float:left; background:url(../img/subNavleft.png) top left no-repeat; padding-left: 10px; padding-right: 0px;}
#subNav li.end {float:left;  background:url(../img/subNavRight.png) top right no-repeat; padding-right: 10px;}
#subNav li a { font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#7A8EA9; 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;
}

#loginForm {position:absolute; right:5px; top:35px; font-size:10px; color:#7A8EA9; text-align:right;}
#loginForm .headerBox { padding:0 0 0 2px; font-size:12px; font-weight:bold; }
#loginForm .inputBox { font-size:11px; background-color:#e7e7e7; width:100px; }
#loginForm .submitBox { font-size:11px;}

#mainNav {width:100%; margin-top:19px;}
#mainNav ul { padding:5px; margin:0;}
#mainNav li {float:left; position:relative; list-style:none; padding:11px 15px 10px 15px; border-left:#212C44 solid 1px; z-index:20;}
#mainNav li.start { border-left:none;}
#mainNav li:hover {text-decoration:none; background:url(/img/NavHover.jpg) top left repeat-x; z-index:10;}
#mainNav ul li a {float:left; color:#fff; text-decoration:none; font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal;  font-style:normal;}


/*#mainNav ul ul li a {
	float:none;
	font-size:14px;
	display: block;
	width: 150px;
}
#mainNav ul ul {margin:29px 0 0 -20px;}
#mainNav ul ul li {
	float: left;
	width: 150px;
	background:#365C83;
	border:none;
}
#mainNav ul ul li:hover { 
	background:url(/img/NavHover.jpg) top left repeat;
}
#mainNav li ul {
	position: absolute;
	width: 150px;
	left: -999em; 
}
#mainNav li ul ul { 
	margin: -1em 0 0 150px;
}
#mainNav li:hover ul ul, #mainNav li.sfhover ul ul {
	left: -999em; top:30px;
}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { 
	left: auto;
}
#mainNav li li:hover ul, #mainNav li li.sfhover ul {
	left: auto;
	margin:-35px 0 0 160px;
}*/
#mainNav li ul a {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;
	border:none;
}
#mainNav li ul a:hover {
	background:none;
	border:none;
}
#mainNav li ul li,#mainNav li ul li.parent { /* all list items */
	float: left;
	width: 190px;
	margin:0;
	background-color:#445E78;
	display:block;
	color:#fff;
	padding:5px;
	border:none;
}
#mainNav li ul li:hover,#mainNav li ul li.parent:hover { /* all list items */
	background-image:none;
	background-color:#2B4469;
}

#mainNav li ul { /* second-level lists */
	position: absolute;
	width:190px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainNav  li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#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 { /* lists nested under hovered list items */
	left: auto;
	margin-left:-20px;
	margin-top:28px;
}
#mainNav li li:hover ul, #mainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:190px;
	margin-top:-10px;
}


/* CONTAINER */ 
#container {width:100%; min-height:500px; background:none; margin:0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:600px; width:600px; background:url(../img/contentTop.png) top left repeat-x #FFF;}
#contentRight {float:right; width:330px; min-height:500px; margin:20px 0 0 0; }

#detailWrapper { margin:20px 10px;}

#slideshow { width:560px; height:325px; margin:20px;}
#rightslide { width:330px; height:280px; border:#FFF solid 1px;}

#cta { width:560px; height:60px;  border-bottom:#006 solid 1px; border-top:#006 solid 1px; margin:0 20px; padding:10px 0;}
#cta1 a { width:134px; height:59px; float:left; background:url(../img/blazeCTA.jpg) top left no-repeat; padding:0 3px; }
#cta1 a:hover { background:url(../img/blazeCTAHover.jpg) top left no-repeat; }
#cta2 a { width:134px; height:59px; float:left; background:url(../img/challengersCTA.jpg) top left no-repeat; padding:0 3px;}
#cta2 a:hover { background:url(../img/challengersCTAHover.jpg) top left no-repeat; }
#cta3 a { width:134px; height:59px; float:left; background:url(../img/oceanCTA.jpg) top left no-repeat; padding:0 3px;}
#cta3 a:hover { background:url(../img/oceanCTAHover.jpg) top left no-repeat; }
#cta4 a { width:134px; height:59px; float:left; background:url(../img/specialsCTA.jpg) top left no-repeat; padding:0 3px;}
#cta4 a:hover { background:url(../img/specialsCTAHover.jpg) top left no-repeat; }

#homeText { width:560px; margin:10px 20px;}

#goals { float:left; width:330px; margin:20px 0; border-top:#036 solid 1px;}

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

/* FOOTER */ 
#footer {width:100%; height:40px; margin:10px 0 0 0; }
#footerTop { float:left; background:url(../img/footerTop.png) top center no-repeat; height:58px; width:100%;}
#footerLinks {float:left; width:600px; height:5px; margin:5px 0 0 0; left:0;}
#footerLinks ul {height:5px; margin:0;}
#footerLinks li { float:left; list-style:none; border-right:#036 solid 1px; padding:0 7px;}
#footerLinks li.end { border-right:none;}
#footerLinks li a { float:left; list-style:none; color:#036; text-decoration:none; font:10px Arial, Helvetica, sans-serif;}
#footerLinks li a:hover {text-decoration:underline; }
#footerLogo {float:right; width:300px; height:40px;}
#footerLogo p { font:10px Arial, Helvetica, sans-serif; color:#036; text-align:right; padding:1px; margin:3px 40px 0 0;}
#footerBottom { float:left; background:url(../img/footerBottom.png) bottom center no-repeat; height:58px; width:100%;}
#pubTree40 { margin-top:5px; margin-bottom:5px;}
#pubTree41 { margin-top:5px; margin-bottom:5px;}

/* 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:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsTitle { font:18px Arial, Helvetica, sans-serif bold; color:#036; 
}
#pageListHeader {font:18px Arial, Helvetica, sans-serif bold; color:#036; text-align:left; }
.CalendarContainer { border:#FFF solid 1px; background-color:#FFF;
	margin:0 auto;
	width:330px;}
.CalendarSmall {
	line-height:34px;
	font-size:9px;
}
.CalendarDayHLToday {
	background-color:#2C4068;
	color:#FFFFFF;
	border-color: #000066; 
}
.CalendarMonthTitle { font-size:12px; width:450px;}
.CalendarWithEvents { background-color:#8494A7; width:75px;}
.CalendarDayToday { background-color:#2D416A; color:#FFF;}
#CalendarContainerWrapper { width:575px; color:#000;}
#CalendarViewContainer { width:575px; margin:0 0 0 10px; color:#000;}
#CalendarViewContainer a { color:#000;}
#CalendarContainerMonthView .CalendarWithEvents td{ background-color:#8494A7; width:75px;}
#accordionList5 { width:550px;}
.CalendarEvent {width:75px; color:#000;}


/***************************************************/
/********************** TICKER  ********************/
/***************************************************/
/* DIV, wraps ticker */
#tickerWrapper { background-color:#cc0000; color:#FFFFFF; margin:5px 0px 5px 0px; padding:5px; height:20px;}
/* DIV, contains XML that can be referenced by javascript */
#tickerXML {
	visibility:hidden;
}
/* DIV, ticker title */
#tickerHeader {}
/* SPAN, ticker text */
#tickerText {
	font-size:18px;
}

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