/****************************************************
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 #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:973px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; top:-16px; width:973px; height:220px; margin:0; background:url(../img/header.png) top left no-repeat; z-index:10000;}
h1 {margin:0 0 0 220px; padding:2px; width:956px; text-align:left; font-size:10px; color:#000;}
#logo a { position:absolute; width:209px; height:175px; display:block; }

#subNav {position:absolute; top:10px; right:10px; }
#subNav li {float:left; list-style:none; margin:0; padding:0 5px; border-left:#FFF solid 1px;}
#subNav li.start {border-left:none;}
#subNav li a {font-size:.9em;  color:#FFF; text-decoration:none;}

#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; top:175px; left:10px; width:100%; z-index:999; }
#mainNav ul { padding:5px; margin:0 0 10px 15px; }
#mainNav li { float:left; width:80px; height:38px; padding:1px 25px 3px 25px; margin-bottom:20px; list-style:none; text-align:center; border-left:#999 solid 1px;}
#mainNav li.start { border-left:none;}
#mainNav li a { font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; line-height:22px; text-decoration:none; }
#mainNav li a:hover {   color:#6A6A5A; }

/***** Suckerfish Style Flyout CSS *****/
#mainNav li ul { 
	position: absolute;list-style:none;
	top:46px;
	left: -999em; 
	margin:0 0 0 -26px; 
	z-index:999; 
	padding:2px; 
	width:126px;
	min-height:15px;
	text-align:left;
	background:#F1F1F1;
	border-bottom:#999 solid 1px;
	border-left:#999 solid 1px;
	border-right:#999 solid 1px;
	display:block;
}
#mainNav li ul li {
	display:block;
	float:none; 
	padding:5px ;  
	margin:0;
	text-align:left;
	background-image:none;
		z-index:999; 
border-left:none;
}
#mainNav li ul li:hover {  width:114px; display:block; min-height:15px;
	 z-index:999; text-decoration:none;
}
#mainNav li ul li a {font:Verdana, Geneva, sans-serif; text-transform:none; font-weight:normal; 
	font-size:15px; width:126px;
	padding:0;  
	margin:0;
	position:relative;	display:block;
}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { 
	left: auto;  display: block; text-decoration:none;
}

/* CONTAINER */ 
#containerTop {width:100%; height:16px; background:url(../img/bodyTop.png) top left no-repeat; margin:0;}
#container {width:100%; min-height:500px; background:url(../img/bodyBack.png) top left repeat-y; margin:0;}
#containerBottom {width:100%; height:16px; background:url(../img/bodyBottom.png) top left repeat-y; margin:0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:500px; width:930px; margin:5px 0 0 25px;}
#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0; background-color:#CCCCCC;}

#slides { float:left; width:608px; height:354px; margin:5px 0 10px 5px; padding:0 15px 0 0; border-right:#005E20 solid 1px;}

#cta { float:right; width:292px; }
#cta1 a { float:left; background:url(../img/Payment.jpg) top left no-repeat; width:292px; height:118px;}
#cta1 a:hover { float:left; background:url(../img/PaymentHover.jpg) top left no-repeat;}
#cta2 a { float:left; background:url(../img/Quote.jpg) top left no-repeat; width:292px; height:118px; margin-top:5px;}
#cta2 a:hover { float:left; background:url(../img/QuoteHover.jpg) top left no-repeat;}
#cta3 a { float:left; background:url(../img/Service.jpg) top left no-repeat; width:292px; height:118px; margin-top:5px;}
#cta3 a:hover { float:left; background:url(../img/ServiceHover.jpg) top left no-repeat;}

#welcome { float:left; width:530px; min-height:280px; margin:10px 0; }

#newsTop { float:right; background:url(../img/newsTop.jpg) top left no-repeat; width:356px; height:44px;  margin:10px 5px -2px 0;}
#news { float:right; width:356px; background:url(../img/newsBack.jpg) top left repeat-y; margin:0 5px 0 0; }
#news a {color:#035C2C; }
#newsBottom { float:right; background:url(../img/newsBottom.jpg) top left no-repeat; width:356px; height:16px;  margin:0 5px 0 0;}

/* FOOTER */ 
#footer {width:973px; height:186px; margin:20px 0 0 0; background:url(../img/footer.png) top left no-repeat;}
#footerLinks {float:left; width:700px; height:150px; margin:10px 0 0 -20px;}
#footerLinks li { float:left; list-style:none; padding:2px 4px; border-right:#000 solid 1px; font-size:11px;}
#footerLinks li.end { border-right:none;}
#footerLinks li a {text-decoration:none; color:#000;}

#footerLogo a { float:right; width:260px; height:130px; margin:0 10px 0 0;}

#map { float:right; width:350px; height:350px; border:#000 solid 1px; }
#mapContainer { position:absolute; top:330px; right:20px; width:350px; height:400px; margin:2px 5px 0 0;}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; border-bottom:#005E20 solid 1px; font-style:normal;}
#contactFormTitle { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; border-bottom:#005E20 solid 1px; font-style:normal;}
h2#pageListHeader { font:24px "Palatino Linotype", "Book Antiqua", Palatino, serif; border-bottom:#005E20 solid 1px; font-style:normal; text-align:left;}
.pageListInLineViewAll { margin-right:15px;}
.pageListInlineItemTitle { font:14px Arial, Helvetica, sans-serif; font-weight:bold; }
.pageListInline { padding:5px 10px 10px 20px;}
.pageListInlineItemDate { display:none;}

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