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

/* Standard Tags */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/bckg.jpg) #FFF repeat-x; margin:0px;}
p {margin:10px;}
img {border:none;}

h3 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px;}

a {outline-style:none;}
a:link, a:visited {color:#3367cd; text-decoration:underline;}
a:hover, a:focus, a:active {color:#763e3e; text-decoration:none;}

/*Header*/
#header {background:url(../img/headerinside.jpg) top left no-repeat; margin:0 auto; height:151px; width:861px; position:relative;}
#logo { position:absolute; height:50px; top:20px; left:10px; z-index:100; }
#logo a { height:92px; width:366; display:block;}

/* Layout */
#wrapper {background:url(../img/bodybckg.png) top left; width:937px; margin:0 auto; min-height:600px;}

#subNav {position:absolute; top:0px; right:10px;}
#subNav ul {list-style:none;}
#subNav li {float:left; display:inline-block; padding:0 5px;}
#subNav li.end {border:none;}
#subNav li a {font:11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#subNav li a:hover {text-decoration:underline;}

#mainNav {float:left; background:url(../img/mainNavtop.jpg) top left no-repeat; width:192px;  position:relative; margin-top:151px;}
#mainNav ul { list-style:none; padding:0px; background:#3367CD; margin:0 0 0 0;}
#mainNav li {margin:0; padding:0;}
#mainNav li a {background:url(../img/button.jpg) top left no-repeat;  padding-top:3px; display:block; height:26px; padding-left:40px; font:17px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#mainNav li a:hover { background:url(../img/buttonhover.jpg) top left no-repeat; color:#0CC; text-decoration:none;}

#mainNav_end {float:left;  position:relative; }
#mainNav_cap {float:left; background:url(../img/mainNavend.jpg) bottom left no-repeat; width:192px; height:29px;}

#column1_home{float:left; width:192px; z-index:1; position:absolute;}
#column1_home ul {list-style:none; }
#column1_home li {font:10px Arial, Helvetica, sans-serif; color:#000;}
#column1_home li a {text-decoration:none;}
#column1_home p { padding-left:10px;}
#column1_home h1 { padding-left:10px;}

#column2_home {position:relative; margin-left:210px; padding:470px 20px 10px 0;}

#column2_interior {float:left; width:669px; min-height:200px; height:auto !important; height:200px; margin:0 0 0 0px;}
#column2_interior ul {list-style:none;}
#column2_interior li {font:10px Arial, Helvetica, sans-serif; color:#000;  }
#column2_interior li a {margin-left:206px; margin-top:72px;}

/*Content*/
#content { background:url(../img/bodyFoot.jpg) bottom left no-repeat; min-height:745px; height:auto !important; height:745px; width:861px; margin:0 auto 12px auto; padding-bottom:120px; }
#body_bg {background:url(../img/bodyTop.jpg) top right no-repeat; width:861px; margin:0 auto 12px auto;}

#slideshow {position:absolute; top:-25px; left:0;}

/*  Form Styles */
#contactInfo {padding:0 0 20px 20px; }

#contactForm {width:390px; margin:0 0 0 23px; float:left;}
#requestForm {width:390px; margin:0 0 0 23px; float:left;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; background:#BFF7FF; border:2px solid #3367cd;}
.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:#3367cd 2px solid;}
.formContainer form fieldset div {padding:5px 0;}

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

.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:250px; border-color:#AFAFAF;}
.formContainer form fieldset textarea {width:368px; margin:0 0 0 3px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:254px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

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


/*Footer*/

#footer { background:url(../img/bodybckgbottom.png) top left no-repeat; height:200px; width:937px; margin:0 auto;}
#footer_image {position:relative; bottom:80px; height:25px; width:357px; margin-left:50px;}

#footerNav {float:right; margin:0 50px 0 0; position:relative;}
#footerNav ul {list-style:none; height:10px; text-align:left; margin:0; padding-top:10px; width:432px;}
#footerNav li {float:left; display:inline-block;}
#footerNav li.end a {border:none;}
#footerNav li a, #footerNav li a:visited {font:10px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding:0 3px; border-right:1px solid #000;}
#footerNav li a:hover {text-decoration:underline;}

#delawarelogo {font-size:10px; margin:0; position:absolute; right:213px; bottom:-25px;}
a.delawarelink {text-decoration:none; color:#3367cd;}

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


