/****************************************************
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; background-image:url(/img/layout/body_background_top.jpg); background-repeat:repeat-x; background-color:#978464;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#83611A; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#83611A; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:850px; margin:0 auto;} 

/* HEADER */ 
h1 { font-size:7px; color:#62553F; text-align:center;}
h2 { font-size:18px; margin-left:15px; border-bottom:thin solid #000033; color:#83611A; font-style:italic; font-weight:bold;}
#header {position:relative; width:100%; margin:0; float:left; background:url(/img/layout/header_background.jpg) no-repeat;}
#header a {color:#C41F1F;}
#header a:hover {color:#000066;}
h1#topHeader{margin:0; padding:1px; width:956px; text-align:center; font-size:9px; background-color:#666666; color:#413524;}
#logo a {width:380px; height:170px; display:block;}

#subNav {position:absolute; top:0px; left:0px; font-size:11px; line-height:1.4em; color:#FF0000; text-align:left; width:100%;}
#subNav ul {margin:5px; padding:0; float:left;}
#subNav li {float:left; list-style:none; margin:0 5px;  }
#subNav li a { color:#333; }

#phone p { position:absolute; top:80px; right:0px; font:14px  Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; margin-right:10px; height:40px; width:200px; text-align:right; white-space:nowrap;  }


#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:absolute; left:10px; top:133px; width:917px; height:40px; }
#mainNav ul { padding:0; margin:10px 5px 5px 0;}
#mainNav li {float:left; position:relative; list-style:none; border-right:#725829 solid 1px;}
#mainNav li.end {border-right:none;}
#mainNav ul li a {float:left; color:#fff; text-decoration:none; padding:3px 10px 2px 10px; font:16px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal;}
#mainNav ul li a:hover {text-decoration:none; color:#35465f;}


/*******DROP-DOWNS I HOPE*********/
#mainNav li ul {position:absolute; height:15px; top:25px; left:-9999px; margin:0 0 0 -4px; padding:0; width:1%; z-index:100000;}
#mainNav li ul li {background-image:none; height:auto; width:200px; padding:0 3px; margin:0;}
#mainNav li ul li.first {margin:5px 0 0 0; }
#mainNav li ul li.last {margin:0 0 5px 0;}
#mainNav li ul li.single {padding:5px 0 5px 0;}
#mainNav li ul li a {background-image:none; background:#BCA96E; height:auto; width:200px; margin:0; padding:5px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#35465f; text-decoration:none; border-bottom:#6F5526 solid 1px; border-left:#6F5526 solid 1px; border-right:#6F5526 solid 1px;}
#mainNav li ul li a:hover {background-image:none; color:#71592C;  height:auto;}
#mainNav li:hover ul {left:auto;}
#mainNav li:hover ul, #nav li.sfhover ul {left:0;}
/*****  End dropdown ****/


#homeSlideshow { float:left; width:609px; height:300px; background:url(../img/layout/rightCall.jpg) top right no-repeat #FFF; margin:0 0 20px 0;}

#headerFlash {width:609px; background-image:url(/img/layout/subheader_right-with-numbers.jpg); background-position:right top; background-repeat:no-repeat; background-color:#FFF; float:left; height:156px;}
#welcomePane {float:left; width:604px; background-image:url(/img/layout/home_Welcome.jpg); background-repeat:no-repeat; overflow:hidden; padding-left:5px}
#welcomePane p { margin: 5px;}
#welcomePane img { margin: 5px;}
#newsSideBar {float:right; width:194px; background-image:url(/img/layout/news_background.jpg); background-repeat:repeat-x; min-height:530px; background-position:bottom;}
#newsSideBar img {text-align:center;}
#newsSideBar a {color:#C41F1F;}

#map {width:575px; height:455px; border-color:#999999; border-style:solid; border-width:thin; float:left; margin-bottom:20px;}
 
/* CONTAINER */ 
#container {width:100%; min-height:500px; background:#fff; margin:0; background-image:url(/img/layout/back-sliver.jpg); float:left;}
#container a {/*color:#267d76;*/ text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:610px; width:609px;}
#content img { margin:0; padding:0;}
#contentLeft {float:left; width:241px; height:500px; margin:0 0 0 0;}
#contentLeft p {padding:0 5px;}

#cta1 a { float:left; background:url(../img/layout/cta1.png) top left no-repeat; width:242px; height:200px; margin:5px 0 0 0;}
#cta1 a:hover {background:url(../img/layout/cta1Hover.png) top left no-repeat;}

#cta2 a { float:left; background:url(../img/layout/cta2.png) top left no-repeat; width:242px; height:200px; margin:5px 0;}
#cta2 a:hover {background:url(../img/layout/cta2Hover.png) top left no-repeat;}


#leftColumnText { margin:10px 0 0 10px;}

/* FOOTER */ 
#footer {width:100%; height:110px;  margin:0px 0 0 0; background-image:url(/img/layout/footer_background.jpg); background-repeat:repeat-x; float:left;}
#footer a {color:#C41F1F;}
#footerLinks {float:left; width:720px; height:110px; font-size:10px; font-weight:bold; color:#65532D; padding-left:10px; margin-top:15px; }
#footerLinks ul{padding:2px 0; float:left; margin:0; }
#footerLinks li { float:left; list-style:none; display:inline-block; white-space:nowrap; border-right:1px #978464 solid; padding:2px 3px;}
#footerLogo {float:left; width:100px; height:92px; background-image:url(/img/layout/footer_right.jpg); background-repeat:no-repeat; background-position:center;}
#footerText { float:left; margin:10px 0 0 0; width:700px; }

/* 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:#83611A;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsTitle {
	
}
.pageListInline {color:#293A4A;}
.pageListInline a{color:#83611A;}
.pageListInlineItem {border-bottom:thin dashed #293A4A; margin:5px 0;}
.pageListInlineItemAlternate {border-bottom:thin dashed #293A4A; margin:5px 0;}

.pageListInlineItemTitle a {color:#C41F1F;}

#newsletterLargeTitle { border-bottom:#000 solid 1px; width:580px; text-align:left; font:17px Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#7A6125; }

.portfolioItemSmallTitle {width:570px; background-color:#E1D0A4; border-bottom: 4px solid #80511B; font-size:12px; height:15px;}
.portfolioItemSmallTitle a:link,.portfolioItemSmallTitle a:visited,.portfolioItemSmallTitle a:hover,.portfolioItemSmallTitle a:active {color:#2D3854; text-decoration:none;}

#mainGallery {margin:0 auto;}
#treePageDetailsGalleryWrapper {text-align:center;}
#treePageDetailsFileList {border-top: 4px solid #2D3854; padding:10px 0 20px 5px;}
#treePageDetailsFileList a {color:#C41F1F;}
#treePageDetailsFileList li{ list-style:none; margin:5px 0; font-size:14px; font-weight:bold;}
#treePageDetailsBreadcrumbsWrapper {margin:5px 5px 15px 5px;}
.treePagination { font-size:18px; width:570px; padding-bottom:10px;}

/*******************  Form Styles ******************/
/***************************************************/

#contactInfo { float:left; margin:10px 40px 0 20px; padding:0 0 20px 0; width:300px; }
#contactInfo a { color:#03C;}
.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { /*position:relative; top:20px; right:15px;*/ width:420px; margin:0 0 50px 23px; 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:#ccc; border:1px solid #293C43;}
.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:5px; border:#795718 1px solid;}
.formContainer form fieldset fieldset {border:none; }
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:2px 8px; color:#fff; background:#293C43; border:1px solid #293C43;}

.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:0 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;}

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