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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(/img/layout/bg.jpg);} 

p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:700px; margin:0 auto; background:url(/img/layout/content-bg.jpg);} 
h1 {font-size:10px;}
.contentArea h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal;}
#treePageDetailsTitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal;}
#contactFormTitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; padding:0 0 0 20px;}
#pageListHeader {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; padding:0 0 0 20px; text-align:left;}

/* HEADER */ 
#header {position:relative; width:700px; height:180px; margin:20px 0 0 0; background:url(/img/layout/header-bg.png) top center no-repeat;}
#headerTileImg {position:absolute; top:11px; left:0; width:100%; }
#logo a {width:210px; height:180px; margin:0 0 0 125px; padding:10px 0 0 0; background:url(/img/layout/logo.png) top left no-repeat; display:block;}
#logo p {margin:0;}

#facebookIcon {position:absolute; top:10px; right:165px; height:30px;}
#facebookLink {position:absolute; top:12px; right:75px; height:30px;}
#facebookLink a {color:#fff;}

#subNav {position:absolute; top:0px; right:0px; font-size:.9em; font-weight:bold; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav ul li a {color:#393b3d; text-decoration:underline;}
#subNav a:hover {text-decoration:none;}
#contactInfo {position:absolute; right:0px; top:50px; text-align:right;}

#mainNav {width:700px; height:30px; background:url(/img/layout/main-nav-bg.png) top center no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#mainNav ul { padding:10px 5px 5px 5px; margin:0 0 0 0;}
#mainNav li {float:left; position:relative; list-style:none; margin:0 15px;}
#mainNav ul li a {float:left; font-size:12px; font-weight:lighter; color:#fff; text-decoration:none;}
#mainNav ul li a:hover {text-decoration:none; color:#4E270C;}


/*******DROP-DOWNS*********/
#mainNav li ul {position:absolute; height:15px; top:12px; left:-9999px; margin:0; padding:0; width:1%;}

#mainNav li ul li {background-image:none; height:auto; width:150px; padding:0 3px; margin:0;}
#mainNav li ul li.first {margin:5px 0 0 0;}
#mainNav li ul li.last {margin:0 0 5px 0;}
#mainNav li ul li.single {padding:5px 0 5px 0;}
#mainNav li ul li a {background-image:none; background:#D1D1D1; height:auto; width:130px; margin:0; padding:5px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#mainNav li ul li a:hover {background-image:none; background:#EFEFEF; height:auto;}

#mainNav li:hover ul {left:auto;}

#mainNav li:hover ul, #nav li.sfhover ul {left:0;}

/* CONTAINER */
#container {width:100%; color:#fff; background:url(/img/layout/actual-content-bg.png) top center repeat-y; margin:0 0 0 0; z-index:1;}
#container a {color:#FCFC2A; text-decoration:underline;}
#container a:hover {color:#FCFC2A; text-decoration:none;}
#content {float:left; width:563px; margin:1px 0 0 69px; background:url(/img/layout/header-reflection.png) top center no-repeat;}
#contentRight {float:right; width:100px; height:500px; margin:20px 0 0 0;}

#treePageDetailsDescription { padding:0 15px 0 0; color:#BEBDBC; font-size:11px;}

/* FOOTER */ 
#footerWrapper {width:100%; background:url(/img/layout/footer-bg.png) top center no-repeat;}
#footer {width:700px; margin:0 auto;}
.footerLinks {float:left; height:150px; margin:30px 0 0 50px;}
.footerLinks p {font-size:16px; color:#7cd710; margin:0;}
.footerLinks ul {padding:0;}
.footerLinks li {float:left; list-style:none; padding:0 20px 0 0;}
.footerLinks ul li a {color:#fff; font-size:16px;}

.footerLinks ul ul {margin:5px 0 0 0;}
.footerLinks ul ul li {float:none;}
.footerLinks ul ul li a {font-size:12px;}

#footerLogo {width:142px; height:40px; margin:0 auto;}

/* 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;
}
#treePageDetailsImage {float:right;}
.portfolioItemSmallTitle {width:525px;}
.portfolioItemSmallTitle a {color:#990000;}
.portfolioItemSmallTitle a:hover {color:#ddd;}

#left_arrow {margin:0 0 0 4px;}

#submitForm {margin:0 0 0 20px;}

.permaPageDescription {width:525px; margin:0 auto;}
.portfolioItemSmallWrapper h3 {background:#4E270C;}
#treePageDetailsBreadcrumbsWrapper {margin:10px 0 0 10px;}

/*****************************************/
/***********calendar**********************/
#CalendarContainerWrapper {width:560px;}
.CalendarContainerYearView {width:125px;}
.CalendarYearCalendar {width:125px;}

.CalendarDayNorm {font-size:10px;}
.CalendarOtherMonth {font-size:10px;}
.CalendarWithEvents {background:#990000; color:#fff;}
.CalendarLarge {color:#fff;}
.CalendarThisWeek {color:#000;}

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