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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:"Trebuchet MS", Cambria, Georgia, "Palatino Linotype"; 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:#016AAE; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#016AAE; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:700px; margin:0 auto;} 

/* HEADER */ 
h1{margin:0; padding:2px; width:700px; text-align:center; font-size:11px; color:#FFFFFF; z-index:99; position:absolute; top:0; left:0;}
#header {position:relative; width:100%; height:121px; margin:0; background-image:url(/img/layout/header_bg.jpg); background-position:top right; text-align:right;}
h1#topHeader{margin:0; padding:2px; width:696px; text-align:center; font-size:11px; background-color:#666666; color:#FFFFFF;}
#logo a {width:100%; height:84px; display:block; background-image:url(/img/layout/scott_logo.png); background-repeat:no-repeat; background-position:bottom left;}
#subNav {position:absolute;top:5px; right:0px; font-size:12px;}
#subNav a{color:#FFF;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#secondaryNav {position:absolute; right:0px; top:50px; color:#FFFFFF; text-align:right;}
#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:20px; margin-top:6px;}
#mainNav ul { padding:8px 8px 0 8px; margin:0 0 0 0px;}
#mainNav li { float:left; list-style:none; padding:0; background:url(/img/mainNavDiv.png) top right no-repeat; margin-top:-4px;}
#mainNav li.end { background:none;}
#mainNav li a:hover { color:#000; }

#mainNav li a {background:url(/img/layout/tab_n.png) center no-repeat;
	width:89px;
	height:20px;
	float:left;
	margin:2px 1px 0 0;
	padding-top:5px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	display:block;}
	
#mainNav li a:hover, #mainNav li a.activetab {
	background:url(/img/layout/tab_h.png) center no-repeat; color:#FFFFFF;
}

/***** Suckerfish Style Flyout CSS *****/
#mainNav li ul { 
	position: absolute;	
	left: -999em; 
	margin:11px 0 0 -15px; 
	z-index:10000; 
	height:auto; 
	padding:2px; 
	width:auto;
	text-align:left;
	background:#383838;
}
#mainNav li ul li {
	display:block; 
	float:none; 
	padding:5px;
	width:auto; 
	height:15px; 
	margin:0;
	text-align:left;
	background-image:none;
}
#mainNav li ul li:hover {
	background:#151878;
}
#mainNav li ul li a {
	height:10px; 
	font-size:12px; 
	padding:0; 
	background:none; 
	color:#fff;
	margin:0;
	position:relative;
	width:auto;
	text-align:left;
}
#mainNav li ul li a:hover {
	color:#fff; 
	width:auto;
	text-align:left;
	background:none;
}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {
	left: auto;
	
}

/****** End Nav ****/

/* CONTAINER */ 
#container {width:702px; min-height:500px; background:#fff; margin:0; border:thin solid #fff; border-bottom:thin solid #CCCCCC; float:left; background:url(/img/layout/content_bg.jpg); background-repeat:repeat-y;}
#container a {color:#016AAE; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:500px; width:502px; }
#contentRight {float:right; width:198px; min-height:500px; margin:0 0 0 0;}
#contentRight a {color: #016AAE;}

.contentArea{ padding:10px;}
#detailWrapper{ padding:10px;}

h2{border-bottom:thin solid #353535;}

#question { width:350px;}
.contactSubmit{text-align:center;}

/* FOOTER */ 
#footer {width:704px; height:141px; margin:0; float:left;}
#footerLinks {float:left; width:704px; text-align:center; padding:0;}
#footerLinks li {list-style:none; display:inline; margin:10px;}
#endorsements {float:left; width:760px;}
#footerLogo {float:left; width:200px; height:150px; background-color:#999999;}

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

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

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

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:75px; 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:#505399;}
.formContainer form fieldset textarea {width:368px; margin:0 0 0 3px; border-color:#505399;}
.formContainer form fieldset select {width:254px; border-color:#505399;}
.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: #EEEEEE;}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsBreadcrumbsWrapper {
	margin:10px;
}
li.pageListInlineItem{ margin:10px 0;}
li.pageListInlineItemAlternate{ margin:10px 0;}
.pageListInlineItemDate{font-size:10px; font-style:italic; padding:5px 0;}

.portfolioItemSmallTitle { width: 460px;}
.portfolioItemSmallDescription { width: 460px;}

#treePageDetailsMainGalleryWrapper {width:475px;}
/*******************************************************/
/******** 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 */