/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Tahoma; font-size:12px; background-color:#fff; background-image:url(/img/layout/body_top_bg.jpg); background-repeat:repeat-x;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#29597D; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#F07331; text-decoration:none; outline:none;} 

#wrapper {position:relative; width:980px; margin:0 auto;  } 
#shadowWrapper {float:left; width:980px; margin:0 auto; background-image:url(/img/layout/transparent_layer_bg.png); background-repeat: repeat; padding-bottom:10px;} 
#blueBorder {position:relative; width:960px; border:1px solid #29597D; margin:0 auto;}

/* HEADER */ 
#header {position:relative; width:960px; margin:0; background-color:#FFFFFF; background-image:url(/img/layout/header_bg.jpg); background-repeat:no-repeat;}
h1{margin:0 auto; padding:2px 2px 2px 10px; width:948px; text-align:left; font-size:12px; color:#fff; background-color:#29597D}
h1#topHeader{margin:0; padding:2px; width:956px; text-align:center; font-size:14px; color:#FFFFFF;}
#logo a {width:100%; height:120px; width:327px; display:block; background-image:url(/img/layout/backofficelogo.png); background-repeat:no-repeat; margin:15px 10px; float:left; text-decoration:none;}
#subNav {position:absolute; top:5px; right:52px; font-size:.6em; line-height:1.4em; text-transform:uppercase;}
#subNav li {float:left; list-style:none; margin:0 5px; border-left:solid 1px #FFFFFF; padding-left:8px;}
#subNav li.start {border-left:none;}
#subNav a {color:#FFFFFF; text-decoration:none; font-size:14px;}
#secondaryNav {position:absolute; right:0px; top:50px;}
#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 {width:100%; height:193px; margin:0 auto; }

/* CONTAINER */ 
#bgContainer {float:left; width:100%; background-color:#FAFAFC; padding-bottom:60px; margin:0; background-image:url(/img/layout/content_bottom_bg.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:140px;}
#container {float:left; width:100%; min-height:500px; margin:0; background-image:url(/img/layout/content_top_bg.jpg); background-repeat:no-repeat; background-position:top;}
#container a {color:#29597D; text-decoration:underline;}
#container a:hover {color:#F07331; text-decoration:none;}
#content {float:left; min-height:500px; width:920px; padding:20px; }
#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0; background-color:#CCCCCC;}
#content h1{ margin:15px 0; padding:0px 12px 18px 20px; width:940px; text-align:left; font-size:22px; color:#29597D; background:none; background-image:url(/img/layout/h1_bg.png); background-repeat:no-repeat;}
#content h2{padding-left:20px;text-align:left; font-size:22px; color:#29597D; background-image:url(/img/layout/h1_bg.png); background-repeat:no-repeat; text-transform:uppercase;}
/* FOOTER */ 
#footer {width:100%; margin:0px 0 0 0; background-color:#29597D; float:left;}

#footerLinks {float:left; width:500px; font-size:12px; line-height:1.4em; color:#BFBFBF;}
#footerLinks ul{margin:0; padding:0;}
#footerLinks li {float:left; list-style:none; margin:0 5px; border-left:solid 1px #BFBFBF; padding-left:8px;}
#footerLinks li.start {border-left:none;}
#footerLinks a {color:#BFBFBF; text-decoration:none; font-size:12px; font-weight:bold;}
#footerLinks a:hover {color:#fff;}


#footerLogo {float:left; width:460px; color:#BFBFBF; text-align:right;}
#footerLogo a {color:#fff; text-decoration:underline; font-size:12px;}

#blueprints {float:left; width:186px; height:610px; background:url(/img/layout/blueprints_bg.png) no-repeat top right; margin:0 auto;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*  Form Styles */
.content_left_column {width:359px; float:left; margin:0 0 0 20px;}
.content_right_column {float:left; width:375px; margin:0 0 0 70px;}
.content_right_column h3 {font:bold 20px Arial, Helvetica, sans-serif; color:#333333; margin:0;}
.content_right_column div.permaPageDescription {margin:0;}

#contactAddress {text-align:center; font-size:12px; margin-bottom:10px;}
#contactAddress h4{font-size:16px; font-weight:bold; margin:0;}
#contactForm {float:left; 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:#C2D6E1; border:2px solid #29597D;}
.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:#29597D 2px solid;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; color:#fff; background:#EF7431; border:1px solid #29597D; padding:2px 5px;}

.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:#EF7431;}
.formContainer form fieldset textarea {width:368px; margin:0 0 0 3px; border-color:#EF7431;}
.formContainer form fieldset select {width:254px; border-color:#EF7431;}
.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: #C2D6E1;}

* legend {position: absolute; top: -.5em; left: .2em;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
.portfolioItemSmallTitle {
	background:none;
	background-color:#C6D8E4;
}

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