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

/* Standard Tags */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c4959; background:#78C8BB url(/img/layout/page_bg.jpg) top left repeat-x; margin:0; padding:0;}
p {margin:10px 0;}
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;}

ul {margin:0; padding:0;}

h2 , h3  {margin:0 10px;}

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

#header {height:340px; position:relative;}

#subNavWrapper {position:absolute; right:0; height:22px; z-index:20;}
#subNavLeft {float:left; width:24px; height:22px; background:url(/img/layout/sub-nav-left.png) top left no-repeat;}

#subNav {float:left; text-align:center; background:url(/img/layout/sub-nav-bg.jpg) top left repeat-x; z-index:99;}
#subNav ul {padding:2px 0 0 0; height:20px; color:#fff; width:350px; float:left;}
#subNav ul li {display:inline; border-left:1px solid #fff; padding:0 3px 0 4px; float:left;}
#subNav ul li.start {border-left:none; padding:0 3px 0 0;}
#subNav ul li a {text-decoration:none; color:#fff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#subNav ul li a:hover {text-decoration:underline; color:#fff;}
#subNavRight {float:left; width:25px; height:22px; background:url(/img/layout/sub-nav-right.png) top left no-repeat;}

#phone {position:absolute; width:221px; height:24px; top:36px; right:15px; background:url(/img/layout/888-802-6830.png) top left no-repeat;}

#mainNav {height:44px; margin:0; background:url(/img/layout/mainNav_bg.jpg) top left repeat-x;}
#mainNav ul {padding:13px 0 0 10px; color:#fff; width:880px; margin:0;}
#mainNav ul li {display:inline; border-left:1px solid #546ca8; padding:0 14px;}
#mainNav ul li.start {border-left:none;}
#mainNav ul li a {text-decoration:none; color:#546ca8; font-size:15px; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
#mainNav ul li a:hover {text-decoration:underline; color:#546ca8;}

#mainNav ul ul {display:none;}

#container {background:#fff url(/img/layout/content_area_top.jpg) top left repeat-x;}
#contentBG {background:transparent url(/img/layout/content_area_borttom.jpg) bottom left repeat-x;}

#leftColumn {width:515px; float:left; padding:15px;}
#leftColumn_Interiror {padding:15px;}

#topRow {}

#bottomRow {width:506px; height:135px; background:url(/img/layout/donate_bg.jpg) top left no-repeat;}
#bottomRow img {float:left; margin:25px 0 0 13px;}
#bottomRow p {padding:0; margin:20px 5px 0 10px; width:265px; float:left; position:relative;}
#bottomRow p span.right {position:absolute; right:0;}
#bottomRow .donate { float:right; width:130px; height:58px; margin:40px 0 0 0; }

#Contactdonate { float:left; margin:0 40px;}

.title {font:20px Verdana, Arial, Helvetica, sans-serif; color:#5F83B9;}
span.orangeTxt {font:bold 20px Arial, Helvetica, sans-serif; color:#F06327;}

#rightColumn {border-left:1px solid #d8d9e3; width:319px; float:left; padding:15px 15px 25px 15px; }

#rightColumn p {padding:0; margin:0; width:215px; float:right; position:relative;}
#rightColumn p span.right {position:absolute; right:0;}
#rightColumn p.main {float:none; width:auto; padding:10px 0 0 0;}
#rightColumn div.container {margin:15px 0;}

#footer {background:url(/img/layout/footer_bg.jpg) top left repeat-x; position:relative; height:70px;}
#footer ul {list-style:none;}
#footer ul li {display:inline;}
#footer ul li a {font:11px Arial, Helvetica, sans-serif; color:#656666;}
#footer ul ul {display:none;}

#footerNav {position:absolute; top:10px; left:10px;}
#bird {position:absolute; right:5px; top:-35px;}
#copyright {position:absolute; top:10px; right:90px; font:11px Arial, Helvetica, sans-serif; color:#656666;}
#copyright p a {font:11px Arial, Helvetica, sans-serif; color:#656666;}
#copyright p {margin:0; padding:0; text-align:right; width:190px;}

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

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

.formContainer form legend {font-weight:bold; color:#5F83B9; background:#efefef; border:1px solid #CFCFCF;}

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

/*  FieldSet CSS Hack  */
* fieldset {position: relative; margin: 0 0 1em 0; background: #ECF0FB;}
* legend {position: absolute; top: -.5em; left: .2em;}


#delawarelogo {
	font-size:10px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
a.delawarelink{
	text-decoration:none;
	color:#333333;
}