/****************************************************
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/bckg.jpg) top left repeat-x #8FBFFD; }
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited { text-decoration:underline;} 
a:hover, a:focus, a:active { text-decoration:none; outline:none;} 
#wrapper { position:relative; width:960px; margin:0 auto;} 
#slideWrapper { position:absolute; top:149px; left:-38px; width:969px; height:381px; }
#frame { position:relative; width:969px; height:381px; z-index:99;}
#flash { position:absolute; top:65px; left:65px; z-index:0; }

/* HEADER */ 
#header { width:907px; margin:0 0 0 -4px; background:url(/img/header.png) top left no-repeat; height:207px; z-index:0; }
h1#topHead {
	width:900px; 
	text-align:center; 
	margin:0 auto;
	font-weight:normal;
	padding:0; 
	font-size:10px; 
	color:#FFFFFF;
}
#logo a { position:absolute; top:0; right:10px; width:360px; height:150px; display:block; background-color:none;}
#subNav {position:absolute; top:-2px; left:8px; font-size:.7em; line-height:1.4em;  }
#subNav ul { padding:4px 10px; }
#subNav li {float:left; list-style:none; margin:0 2px; padding:5px;  border-right:1px solid #1E417C; }
#subNav li.end { border:none;}
#subNav li a {list-style:none; font:12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding:0 3px;}
#subNav li a:hover { color:#900; }
#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 { position:relative; top:100px; width:550px;}
#mainNav ul { padding:3px; margin:0 0 0 15px; z-index:999;}
#mainNav li { float:left; list-style:none; margin:0 7px; }
#mainNav li a { list-style:none; background:none; height:50px; }
#mainNav li:hover { border-bottom:#1E417C solid 20px; }
.selected { border-bottom:#1E417C solid 20px;}

/* CONTAINER */ 
#container {   width:903px; min-height:500px; height:auto !important; height:500px; background:url(/img/bodyBack.jpg) top left repeat-y; margin:0 0 0 -2px;  }
#container a { text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content { float:left; min-height:500px; height:auto !important; height:500px; width:903px; background-image:url(/img/contentBottom.jpg); background-position:bottom  left;  background-repeat:no-repeat; padding-bottom:30px; }
#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0;}

/****** CTA *******/
/*******************/
#cta { position:absolute; top:528px; left:15px; width:920px; height:120px; z-index:99; }
#cta1 a {float:left; list-style:none; background:url(/img/gear.jpg) bottom left no-repeat; width:287px; height:110px; padding:2px; }
#cta1 a:hover { background:url(/img/gearHover.jpg) bottom left no-repeat;}

#cta2 a {float:left; list-style:none; background:url(/img/menu.jpg) bottom left no-repeat; width:287px; height:110px; padding:2px;}
#cta2 a:hover { background:url(/img/menuHover.jpg) bottom left no-repeat;}

#cta3 a {float:left; list-style:none; background:url(/img/events.jpg) bottom left no-repeat; width:287px; height:110px; padding:2px;}
#cta3 a:hover { background:url(/img/eventsHover.jpg) bottom left no-repeat;}
/****   End CTA   ****/
#hometext { float:right; width:400px; padding:0 0 5px 0; margin:440px 10px 70px 10px; overflow:auto; height:250px;}
#news { float:right; width:200px; padding:0 0 10px 20px; margin:440px 30px 5px 10px; border-left:#900 solid 1px;}
#news h2 { }
#news ul { padding:0; }
#newsletter { position:absolute; bottom:-1px; right:70px; background:url(/img/newsletterBox.jpg) bottom right no-repeat; width:499px; height:60px; }
#newsletter p { padding:5px 10px; font:16px Arial, Helvetica, sans-serif; color:#FFF;}
#signUp { position:absolute; top:5px; right:5px; }
#signUptext { position:absolute; top:10px; right:67px; font:9px Arial, Helvetica, sans-serif; color:#FFF; width:120px; }
#newsletterSmallSubmit { position:relative; top:5px; right:5px; }
#newsletterSmallInput { position:absolute; top:32px; right:5px; }

#cornerText { position:absolute; bottom:170px; left:10px; z-index:999;}

#map {float:right; border: thin solid rgb(153, 153, 153); margin:10px 20px 0 20px; width: 350px; height: 650px;}

#facebook a { position:absolute; bottom:5px; left:240px; width:140px; height:51px; background:url(/img/facebook.png) bottom left no-repeat;}
#facebook a:hover {  background:url(/img/facebookHover.png) bottom left no-repeat; z-index:999;}

#Sitemap ul { padding-left:20px;}
#Sitemap a { font:14px Arial, Helvetica, sans-serif; color:#036; line-height:20px;}
#Sitemap a:hover { text-decoration:none; }

#eventInfo { position:absolute; bottom:-20px; right:100px; width:530px; height:210px; text-align:right;}
#eventInfoLink { float:left; margin:10px 20px 10px 90px; }

/*******************  Form Styles ******************/
/***************************************************/
#contactInfo {  float:left; width:920px; margin-left:10px; padding:0 0 20px 0; }
#contactInfo a { color:#03C;}
#contactInfoRight { float:left; width:350px; padding:0 10px 0 15px; margin:2px 0px 0 5px; color:#000;}
#contactInfoRight a { color:#C31D2F; }
#contactInfoRight img { margin:0 10px; border: solid #C31D2F 1px; }
#formWrap { width:450px; padding:10px 20px 20px 20px; }

.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { position:relative; top:0px; width:420px; margin:0 10px 20px 15px; float:left;}
#requestForm { position:relative; width:400px; margin:0 0 0 23px; float:right;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; background:#fff; border:1px solid #ccc;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form p {margin:0;}
.formContainer form p.note {margin:0 0 0 170px; font-size:90%; color:#3367cd;}

.formContainer form fieldset {margin:15px 0; padding:10px 5px; background:#fff; border:#ccc 1px solid;}
.formContainer form fieldset fieldset {border:none;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:5px 20px; margin-bottom:10px; color:#000; background:#C1DDFF; border:1px solid #ccc;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:100px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif;}
.formContainer label em, .formContainer span.label em {position:absolute; right:0; font-size:12px; font-style:normal; color:#E41937; top:-1px;}

.formContainer form fieldset input {width:270px; border-color:#AFAFAF;}
.formContainer form fieldset fieldset input {width:20px; border-color:#FFF;}
.formContainer form fieldset textarea {width:388px; margin:15px 0 0 3px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:274px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer div.buttonrow {text-align:center; margin:10px 0;}

/************ End Form **************/


/* FOOTER */ 
#footer {float:left; width:903px; height:150px; background:url(/img/footerImg.jpg) top left no-repeat; margin:0 0 0 -2px; }
#footerLinks {float:right; width:400px; height:100px; margin:20px 10px; }
#footerLinks li { padding:5px 0; float:left; list-style:none;}
#footerLinks li a { padding:0 5px; color:#1E417C;}
#footerLinks li a:hover { text-decoration:none;}
#address1 p { float:left; width:200px; height:55px; margin-top:35px; margin-left:30px;  border-right:#1E417C solid 1px; font:12px Arial, Helvetica, sans-serif; color:#1E417C; }
#address1 a { color:#1E417C; }
#address2 p { float:left; width:200px; height:55px; margin-top:35px; font:12px Arial, Helvetica, sans-serif; color:#1E417C; }
#address2 a { color:#1E417C;}



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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#listWrapper { margin-bottom:170px;}
#detailWrapper { margin:0 30px; }
#treePageListWrapper {  margin:0 0 170px 10px; padding:10px 10px 10px 0; background:#1E417C;
	width:200px; }
#treePageListWrapper ul li { padding:10px 0; border-bottom:#84B4E5 solid 1px;}
#treePageListWrapper ul li.end { border-bottom:none;}
#treePageListWrapper ul li a:link, #treePageListWrapper ul li a:visited { font:15px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#FFF; text-decoration:none;}
#treePageListWrapper ul li a:hover { color:#999; }
#treePageDetailsWrapper { 
	width:675px;}
#noneFound { margin-left:20px;}
.pageListItemDescription { width:820px;}
#treePageDetailsTitle { margin:-20px 0 0 0; padding:0 10px; font:36px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-variant:small-caps; color:#1E417C; border-bottom:#1E417C solid 6px; }
#treePageDetailsDescription { margin:10px 0 100px 0;}
#treePageDetailsDescription h4 { font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#C31D2F;}
#treePageDetailsDescription p img { z-index:999; padding:0 10px;}
#listWrapper h2 { position:relative; margin:-20px 0 0 30px; padding:0 10px; font:36px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-variant:small-caps; color:#1E417C; border-bottom:#1E417C solid 6px; width:820px; text-align:left;}
.hrListItemTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-variant:small-caps; color:#C31D2F; } 
.hrListItemTitle a { color:#C31D2F;} 
.hrTable { margin-top:10px; width:800px;}
#hrDetailsTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-variant:small-caps; color:#C31D2F; border-bottom:#C31D2F solid 6px; text-align:left; }
#CalendarViewContainer { float:left; margin:10px 10px 30px 30px; }
#CalendarViewButtonWrapper { }
.CalendarViewButton { background-color:#1E417C; }
.CalendarViewButtonSelected { background-color:#8FBFFD; }
.CalendarWithEvents { background-color:#8FBFFD; }
.CalendarDayNorm {}
#CalendarContainerWrapper { margin-bottom:100px;}

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