/****************************************************
Created By: Charley Ruggiero
Date Created: 04/08
Layout CSS File 
****************************************************/

/* Standard Tags */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background-color:#a3fdfd;
	margin:0px;
	color:#1e4a75;
}
h1 {color:#d5d5c0; background-color:#1e4a75; padding:10px 0 0 20px; border:thin solid #fff; height:40px;}
hr {background-color:#d5d5c0; color:#d5d5c0; height:1px;}
p {color:#1e4a75;}
img {border:none;}
a {outline-style:none;}
a:link, a:visited {color:#763e3e; text-decoration:underline;}
a:hover, a:focus, a:active {color:#763e3e; text-decoration:none;}

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

/* Layout */
#wrapper {
	width:1100px;
	background-image:url(/img/layout/bg.jpg);
	background-repeat:repeat-y; 
	margin:0 auto 0 auto;	
	padding-top:1px;
	z-index:-1;
}

#subNav {position:absolute; right:25px; top:15px;}
#subNav ul {list-style:none;}
#subNav li {float:left; display:inline-block; padding:0 5px; border-right:1px solid #4d4d4d; position:relative;}
#subNav li.end {border:none;}
#subNav li a {font:12px Georgia, "Times New Roman", Times, serif; text-decoration:none;} 
#subNav li a:hover {text-decoration:underline;}


#header {
	position:relative;
	background-image:url(/img/layout/nav_bg.jpg);
	background-repeat:no-repeat;
	width:1002px;
	height:100px;
	margin: 0 auto 0 auto;
	z-index:999;
}

#logo{
	position:absolute;
	top:20px;
	left:15px;
}
#flashMask {position:absolute; top:0px; left:0px; z-index:2;}
#flash_holder {
	position:relative;
	width:599px;
	height:219px;
	float:left;
	margin:10px 30px 0 30px;
	z-index:0;
}

#mainNav {position:absolute; right:26px; bottom:8px; z-index:1000;}
#mainNav ul {height:37px; list-style:none; margin:0;}
#mainNav li {float:left; display:inline-block; position:relative;}
#mainNav li a {height:37px; display:block; font:18px Georgia, "Times New Roman", Times, serif; line-height:37px; color:#FFFFFF; text-decoration:none; padding:0 14px;}
#mainNav li a:hover {background:#3d3b2e url(/img/layout/mainNav_over.jpg) top center no-repeat;}
#mainNav li.end a:hover {background:#3d3b2e url(/img/layout/mainNav_corner.jpg) bottom right no-repeat;}

#mainNav li ul {position:absolute; width:175px; left:-9999px; top:37px; padding:0;}
#mainNav li:hover ul, #mainNav li.sfhover ul {left:0px;}

#mainNav ul ul li a {background-color:#3d3b2e; background-image:none; width:175px; font:14px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; height:auto; padding:5px 9px; z-index:99;}
#mainNav ul ul li a:hover {background-image:none; background-color:#d5d5c0; color:#302D24;}
#mainNav ul ul li.end a {background:transparent url(/img/layout/dropDown_off.gif) bottom right no-repeat;}
#mainNav ul ul li.end a:hover {background:transparent url(/img/layout/dropDown_over.gif) bottom right no-repeat;}

#mainNav ul ul ul{display:none;}

#content_area {background-image:url(/img/layout/inside_bg.jpg); background-repeat:repeat-y; width:1002px; /*float:left;*/ margin:30px auto 0 auto;}
#siteMap_container ul li a {font-size:18px; color:#1e4a75;}
#siteMap_container ul li a:hover {color:#3b3d2e; }
#siteMap_container ul ul li a {padding:0; font-size:14px; background-color:#efe8e0; color:#3b3d2e;}

/*login area css*/
#loginarea {width:715px;}
#loginarea  #pubTree30 {background-color:#3D3B2E; color:#FFFFFF; font-size:14px; float:left; width:190px;}
#loginarea #pubTree30 a {color:#FFFFFF; font-size:14px;}
#loginarea #pubTree30 a:hover {color:#FFFFFF; text-decoration:underline; font-size:14px;}
#loginarea #detailWrapper { float:left; width:510px;}
#loginarea #treePageDetailsWrapper { float:left; width:510px;}
#loginarea #treePageListWrapper { float:left; width:190px;}


/*  Form Styles */
#contactForm {width:390px; margin:0 0 0 23px; float:left;}
#volunteerForm {width:545px; float:left;}

.formContainer form{
	float:left;
}

.formContainer p.legend {padding:10px; margin:0 0 20px 0; background:#EFEFEF; border:2px solid #333;}
.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:#333;}

.formContainer form fieldset {padding:30px 5px 5px 5px; float:left; border:#333 2px solid; width:100%}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-size:20px; color:#3d3b2e; background:#fff;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:150px; 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:250px; border-color:#AFAFAF;}
.formContainer form fieldset textarea {width:517px; margin:0 0 0 6px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:254px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer form fieldset input.small_inputs {width:50px;}

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

#rightContent {
	margin:0 0 0 30px;
	width:450px;
	float:left;
}
/*  FieldSet CSS Hack  */
* fieldset {position: relative; margin: 0 0 1em 0; background: #EFEFEF;}
* legend {position: absolute; top: -.5em; left: .2em;}


.homeText {float:left; padding:0;}
.homeText2 {float:left; margin:10px 0 0 0;}
#homepage_header{
	width:1002px;
	margin:0 auto 0 auto;
	font-size:11px;
}

#homepage_content{
	float:left;
	margin:0 auto 0 auto;
	width:300px;
	text-align:justify;
}


#homepage_footer{
	width:1000px;
	height:275px;
	margin:0 auto 0 auto;
	background-image:url(/img/layout/homepage_footer_bg.jpg);
	background-repeat:repeat-x;
	background-color:#3d3b2e;
	padding:1px;
}

#interior_content {min-height:577px; height:auto !important; height:577px; padding:5px; width:700px; margin:0 10px 0 20px; float:left;}

#button_sidebar {
	width:225px;
	float:left;
	margin-left:25px;
	min-height:662px; 
}

#side_button_holder{
	border-bottom:thin solid #7d7b6c;
	margin:20px auto 0 auto;
	width:175px;
	height:105px;
	
}
#divider1 {position:absolute; width:2px; height:253px; top:0; left:295px; background:url(/img/layout/divider-tile.jpg) top center repeat-y;}
#divider2 {position:absolute; width:2px; height:253px; top:0; left:590px; background:url(/img/layout/divider-tile.jpg) top center repeat-y;}
#button_footer {
	margin:20px auto 0 auto;
	position:relative;
	width:890px;
	
}

#top_button_holder_left{
	float:left;
	margin: 10px 18px 0 18px;
	width:260px;
}

#top_button_holder_middle{
	float:left; 
	margin: 10px 18px 0 18px;
	width:260px;
}

#top_button_holder_right{
	float:left;
	margin:10px 18px 0 18px;
	width:260px;
}

#top_button_holder_left p{
	color:#fff;
	font-size:16px;
	margin:0;
}
#top_button_holder_middle p{
	color:#fff;
	font-size:16px;
	margin:0;
}
#top_button_holder_right p{
	color:#fff;
	font-size:16px;
	margin:0;
}
.clickHere {margin:0 10px 0 0;}




#bottom_button_holder_left{
	float:left;
	margin: 0 18px 0 18px;
	width:260px;
	text-align:justify;
}

#bottom_button_holder_middle{
	float:left; 
	margin: 0 18px 0 18px;
	width:260px;
	text-align:justify;
}

#bottom_button_holder_right{
	float:left;
	margin: 0 18px 0 18px;
	width:260px;
	text-align:justify;
}

#bottom_button_holder_left p{
	color:#fff;
	margin:0;
}
#bottom_button_holder_middle p{
	color:#fff;
	margin:0;
}
#bottom_button_holder_right p{
	color:#fff;
	margin:0;
}

#bottom_button_holder_left a{
	color:#62c5cb;
}
#bottom_button_holder_middle a{
	color:#62c5cb;
}
#bottom_button_holder_right a{
	color:#62c5cb;
}

#words_holder{
	margin:50px auto 0 auto;
	width:200px;
	height:125px;
	text-align:justify;
}
#words_holder a {color:#a2a197;}
#words_holder a:hover {color:#7d7b6c;}
#words_holder p {color:#7d7b6c;}

#footer_curve {
	width:1002px;
	height:75px;
	background-image:url(/img/layout/footer_curve.jpg);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	clear:both;
}

#footer {
	width:1100px;
	height:128px;
	background-image:url(/img/layout/footer_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	padding-top:20px;
}	

#footer_content {
	width:950px;
	border-top:thin solid #7d7b6c;
	margin:0 auto 20px auto;
	color:#FFFFFF;
	text-align:center;
}	

#footer_content ul {width:950px; list-style:none; padding:0;}
#footer_content li {display:inline; padding:0 5px; border-right:1px solid #fff; position:relative; text-align:center;}
#footer_content li.end {border:none;}
#footer_content li a {font:12px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#fff; text-align:center;} 
#footer_content li a:hover {text-decoration:underline; text-align:center;}

#delawarelogo {
	font-size:10px;
	width:100%;
	margin:0 auto 20px auto;
	margin-top:0;
	text-align:center;
	color:#4386B8;
}
#delawarelogo a:hover {text-decoration:underline;}
a.delawarelink {
	text-decoration:none;
	color:#4386B8;
}