/****************************************************
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; 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 {color:#000033; text-decoration:none; outline:none;} 
#wrapper { position:relative; width:960px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; top:8px; width:960px; height:85px; margin:0; background:url(/img/headDesign.jpg) top right no-repeat;}
h1#topHead {
	width:100%; 
	text-align:center; 
	margin:0 auto -7px auto; 
	padding:2px; 
	font-size:10px; 
	color:#FFFFFF;
	background:#3E79BD;
}

#logo a { position:absolute; top:10px; left:10px; width:199px; height:70px; display:block;}

#subNav {position:absolute; top:-4px; right:0px; font-size:.7em; line-height:1.4em; }
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav li a { font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; background-color:#4177BF; padding:5px 10px;}
#subNav li a:hover { background-color:#999;}

#secondaryNav {position:absolute; left:0; top:430px; width:400px;   }
#secondaryNav li {float:left; margin:2px 10px;  list-style:none; font-size:1.2em; background-color:none; }
#secondaryNav li h2 { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-bottom:0px;}
#secondaryNav li a { background:url(/img/ctaLeft.jpg) top left no-repeat; display:block; width:344px; height:16px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-decoration:none; padding:8px 0 8px 33px;}
#secondaryNav li a:hover {text-decoration:none; background:url(/img/ctaLeftHover.jpg) top left no-repeat; color:#FFF;}
/**** menu ****/
#mainNav { position:absolute; top:84px; width:960px;   background:url(/img/mainNav.jpg) top left no-repeat; z-index:90; }
#mainNav ul {height:42px; list-style:none; margin:0;}
#mainNav ul li { float:left; display:inline-block; position:relative;}
#mainNav ul li a { display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; background:none; padding:13px 36px; text-decoration:none;}
#mainNav ul li a:hover { background:url(/img/mainNavHover.jpg) top repeat-x; }
#mainNav ul li.end a:hover {}

/*** new drop down ***/
#mainNav ul li ul {position:absolute; width:180px; left:-9999px; top:42px; z-index:999;}
#mainNav ul li:hover ul, #mainNav li.over ul {left:-40px; display: block;}
#mainNav ul ul {width:100%; list-style:none; margin:0; z-index:99;}
#mainNav ul ul li {padding:0; margin:0;}
#mainNav ul ul li a {background-color:#BBC3CE; filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
  color:#000; background-image:none; width:180px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;  padding:5px 9px; z-index:999;}
#mainNav ul ul li a:hover {background-image:none; background-color:#D3DDE9; }
/**** Fly out ****/
#mainNav li ul ul { 
     margin: -40px 0 0 158px;   
} 
#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; 
} 
/*** end drop down***/

/* CONTAINER */ 
#container { width:938px;  min-height:350px; background:#fff; margin:48px 0 10px 0; border:#CCC solid 1px; border-top:#CCC solid 4px; padding:10px; z-index:0;}
#containerHome {width:960px; background:none; margin:0; min-height:730px; height:auto !important;
  height:730px;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; margin: min-height:350px; height:auto !important; height:350px; width:960px;}
#contentRightHome {float:right; margin:350px 0 0 400px; padding:10px 10px 0 15px; width:456px; height:237px; background-color:#D7D7D7;}
#contentRightHome h2 { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#000;}
#contentRightHome p { font:1.1em Arial, Helvetica, sans-serif; color:#000;}
#contentRightHome_end {float:right; background:url(/img/hometextBottom.jpg) bottom left no-repeat; margin:-28px -10px 0 0; width:481px; height:29px;}


#askLink a { float:right; background:url(/img/askEng.jpg) top left no-repeat; width:489px; height:108px; margin:15px -15px 0 0;}
#askLink a:hover { background:url(/img/askEngHover.jpg) top left no-repeat;}

/*  Slideshow  */
#slideshow { position:absolute; top:138px;  width:960px; height:305px; background:#000; z-index:10; border-bottom:#D7D7D7 solid 4px;}
#slide_wrapper { height:305px; width:960px; position:absolute;  display:block; overflow:hidden; float:left; z-index:10; }
#mycrawler2 { position:absolute; top:5px; width:2200px; height:305px; z-index:11; }

#ctaLeft { position:relative; float:left; top:20px; }
#cta ul
#cta li a
#cta li a:hover { }

#map { float:right; width:400px; height:450px; border:#000 solid 1px; margin:-15px 20px 0 0;}

/*******************  Form Styles ******************/
/***************************************************/
#contactInfo {  float:left; width:920px; margin-left:10px; padding:0 0 20px 0; }
#contactInfo a { color:#03C;}
#askInfoRight { float:left; width:410px; padding:0 10px 0 0; margin:0 0 0 15px; color:#000;}
#askInfoRight img { padding:10px;}
#contactInfoRight { float:right; width:400px; padding:0 10px 0 15px; margin:-60px 0px 0 5px; color:#000;}
#contactInfoRight a { color:#06F;  padding:0 10px 0 20px;}
#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 0 20px 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:#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 **************/

/****** Site Map  *******/
#detailWrapper div h3 { margin-left:20px;}
#detailWrapper div ul li a { font-weight:bold; color:#06C;  }
/*#detailWrapper div ul li ul li a { font-style:italic; font-weight:normal; color:#06C; }*/


/* FOOTER */ 
#footer {width:100%; height:141px; margin:10px 0 0 0; background:url(/img/footerImg.jpg) top left no-repeat; z-index:-1;}
#footerLinks {float:left; width:940px; height:52px; }
#footerLinks li {float:left; list-style:none; }
#footerLinks li a { float:left; padding:3px 5px; font:1.em Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline;}
#footerLinks li a:hover { text-decoration:none;}
#footerAddress { float:left; list-style:none; width:600px;}
#footerAddress h2 { font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;}
#footerAddress p { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footerLogo {float:left; width:200px; height:150px;}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#listWrapper { width:900px;}
#treePageDetailsTitle { border-top:#CCC solid 1px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:10px; width:920px;}
#treePageDetailsDescription a { color:#06C;}
#treePageDetailsDescription blockquote { padding:10px 20px; border:#999 solid 1px; margin-top:40px; width:475px;}
#treePageDetailsDescription blockquote h2 { background-color:#CCC; padding:10px;}
#treePageDetailsDescription p { margin-right:10px;}
#treePageDetailsDescription hr { color:#CCC;}
#treePageDetailsImage { float:right; border:#ccc solid 1px; margin:-30px 28px 10px 15px; padding:10px;}
#detailWrapper { float:left; z-index:0; width:960px;}

.tagList { font:10px Arial, Helvetica, sans-serif; margin-bottom:30px; margin-left:10px;}

#treePageListWrapper { position:relative; top:2px; width:958px; }
#treePageListWrapper ul {  list-style:none; margin:-10px 0 0 0;} 
#treePageListWrapper ul li { float:left; display:block;  }
#treePageListWrapper ul li a:link, #treePageListWrapper ul li a:visited { float:left; display:block; padding:0 5px; font:12px  Arial, Helvetica, sans-serif; color:#666; }
#treePageListWrapper .start a:link, #treePageListWrapper .start a:visited { background-image:url(/img/pointRight.jpg); background-repeat:no-repeat; background-position:right center;  color:#06C; padding-right:15px; }
#treePageListWrapper .start a:hover { color:#000;}
#treePageListWrapper ul li a:hover { color:#000; }
#pubTree ul { margin:0;}
#treePageDetailsBreadcrumbsWrapper { margin-left:12px;}
#treePageDetailsBreadcrumbsWrapper a { color:#06C;}
.hrListItemTitle { padding:10px;}

#treePageDetailsPageList { position:absolute; float:left; top:220px; left:-15px; width:300px;}
#treePageDetailsPageList ul { display:none;}
#treePageDetailsPageList li { width:300px; padding-bottom:3px; list-style:none;}
#treePageDetailsPageList li a {  background:url(/img/ctaLeft.jpg) top left no-repeat; display:block; line-height:16px; width:344px; height:15px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-decoration:none; padding:8px 0 8px 33px;}
#treePageDetailsPageList li a:hover { text-decoration:none; background:url(/img/ctaLeftHover.jpg) top left no-repeat; color:#FFF;}
#treePageDetailsDescription img { padding:10px; margin:0 20px 0 10px;  border:#ccc solid 1px;}

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