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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {background:#fff url(/img/content_bg.jpg) left top repeat-x; font:15px Arial, Helvetica, sans-serif; color:#000; margin:0;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#003466; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#7798BF; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 
h3, h2, #pageDetailsTitle, #treePageDetailsTitle, #pageListHeader {text-align:left; background:url(/img/header_icon.jpg) left center no-repeat; height:16px; padding:8px 0 3px 45px; margin:10px 0; font:12px Arial, Helvetica, sans-serif; font-weight:bold;}

/* HEADER */ 
#header {clear:both; background:url(/img/header_bg.jpg) left top no-repeat; width:100%; height:106px; padding:20px 0px 0px 0px; }
h1{margin:0; font-size:1px; position:absolute; float:left; left:-9999px;}

/* SUBNAV */
#subNav {position:relative; top:0px; right:0px; font-size:11px; float:right; height:25px;}
#subNav ul {margin:0; padding:5px 0px 0px 0px;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav {color:#036; text-transform:lowercase; text-align:right;}
#subNav a:link, #subNav a:visited {color:#036; text-decoration:none;}
#subNav a:hover {color:#036; text-decoration:underline;}
#logo {width:318px; position:relative; margin:-10px 0px 0px 60px;}

/* MAIN NAV */
/*#mainNav {position:relative; right:0px; width:960px; text-align:right;}
#mainNav li {display:inline; list-style:none; height:33px;}
#mainNav a {text-decoration:none;}
#mainNav a:hover {text-decoration:underline;}
#mainNav ul {padding:0; margin:0; background:url(/img/nav_bg.gif) right top no-repeat; height:33px; width:561px; float:right; margin-top:-4px;}
*:first-child+html #mainNav ul {margin:-7px 5px 0px 0px;}
#mainNav ul li a {text-decoration:none; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding:0 13px; height:33px; line-height:33px; display:block; float:left;}
#mainNav ul li a:hover {background:#00203F url(/img/up_arrow.gif) center bottom no-repeat;}*/

#mainNav { position:relative; z-index:1000;}
#mainNav, #mainNav ul { /* all lists */	padding: 0;	margin:5px 0px 0px 20px;	list-style: none; line-height: 1; width:960px;}
*:first-child+html #mainNav ul {margin-top:-3px;}
#mainNav a {display: block;	width: 8.2em;}
#mainNav li { /* all list items */float:left; list-style:none; width:auto; background:#00203F; /* width needed or else Opera goes nuts */}
#mainNav li ul { /* second-level lists */position: absolute; width:200px; margin:0; left: -999em; background:#00203F; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#mainNav ul li a {text-decoration:none; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding:0 13px; line-height:33px;}
#mainNav ul li a:hover {background:#003D7C;}
#mainNav li ul a {width:190px; padding:0 5px;}
#mainNav li ul ul { /* third-and-above-level lists */margin: -33px 0 0 200px;}
*:first-child+html #mainNav li ul ul {margin-top:-33px;} 
#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {left: -999em;}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}
#mainNav li:hover, #mainNav li.hover {position:static;}

/* CONTAINER */ 
#slideshow18 {clear:both; width:886px; margin:1px auto 0 auto; position:relative; z-index:1;}
#slideshowbg {width:100%; height:220px; background:#EEEEEE; border:#999999 solid; border-width:1px 0px 2px 0px; position:absolute; top:152px;}
*:first-child+html #slideshowbg {left:0;}
#container {width:886px; margin:10px auto;}
#container a {color:#003466; text-decoration:underline;}
#container a:hover {color:#7798BF; text-decoration:none;}
#content {width:886px; margin:0 auto;}
#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0; }

/* NEWS */
#newsWrapper {width:40%; float:left;;}

/* FEATURED PROJECT */
.portfolioFeaturedInlineWrapper {width:50%; padding:5px 10px 10px; border-right:1px dotted #ccc; float:left;}
.portfolioFeaturedInlineWrapper p {width:57%; float:left; margin:0; line-height:16px; padding:0 5px 0 45px;}
.portfolioFeaturedInlineWrapper p a {display:block; color:#f00; text-align:right; font-size:10px;}
.portfolioFeaturedInlineWrapper img {float:right; margin:0 30px 0 0; border:3px solid #ccc;}
.portfolioFeaturedInlineWrapper .contentArea {margin-left:45px;}

/* PORTFOLIO */

#portfolioMainGalleryWrapper, #portfolioThumbnailGalleryWrapper {width:50%; float:left;}
#portfolioDetailWrapper img {border:1px solid #D0D0D0;}
.portfolioThumbnailWrapper {float:left; margin:0px 5px 5px 0px; cursor:pointer;}
#portfolioItemDescription {clear:both;}

/* FOOTER */ 
#footer {clear:both; background:#444 url(/img/footer_bg.jpg) left top repeat-x; height:125px; color:#fff;}
#footerContent {margin:0 auto; width:900px; position:relative;}
#footer #top {background:url(/img/logo_sm.gif) left top no-repeat; display:block; height:46px; width:46px; position:absolute; right:15px; top:45px; text-indent:-9999px; overflow:hidden;}
#footer p {position:absolute; top:7px; right:15px;}
#footerLinks a {color:#fff; text-decoration:underline;}
#footerLinks ul {width:99%; padding:10px 0px 0px 0px; text-align:right; font-size:12px;}
#footerLinks li {display:inline; list-style:none; margin:0px 3px;}
#footerLinks a:hover {text-decoration:none;}
#footer #address {font:10px Arial, Helvetica, sans-serif; color:#ccc; width:230px; position:relative; left:15px; line-height:14px;}
#footer #address span {color:#999;}
#footerLogo {float:right; margin:-30px 20px 0px 0px;}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

.portfolioItemSmallTitle {background:none;}

#submitForm {margin:0 auto;}

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