/****************************************************
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-color:#fff;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#E28826; text-decoration:none;} 
a:hover, a:focus, a:active {color:#4390BD; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:980px; margin:0 auto;}
.clear {clear:both;}
#treePageDetailsDescription .content a, #treePageDetailsDescription .content a:hover, #treePageDetailsDescription .contentArea a, #treePageDetailsDescription .contentArea a:hover {font-size:12px; font-weight:bold; color: #E28826; text-decoration:none;}
#treePageDetailsDescription .content a:hover, #treePageDetailsDescription .contentArea a:hover {color:#4390BD;}
#treePageDetailsTitle {font-family:Arial, Helvetica, sans-serif; font-size:20pt; font-weight:bold;}
.bluetitle, .contentsubtitle1 {color:#4390BD; font-size:16px; font-weight:bold;}
.subtoptitle1 {color:#C66923;}


/* HEADER */ 
#header {position:relative; width:100%; margin:0; background:url(/img/bg-left.jpg) repeat-y;}
#topHeader h1{margin:0; padding:2px 0px; width:100%; text-align:center; font-size:8px; background-color:#666666; color:#FFFFFF;}
#logo {width:252px; float:left; margin-right:8px;}
#logo a {width:100%; display:block; background-color:#CCCCCC;}
#logobg {float:left; width:263px; height:634px; background:url(/picture/BG.jpg) no-repeat;}
#subNav {position:absolute; top:0px; right:0px; font-size:.7em; line-height:1.4em; background-color:#999999;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#secondaryNav {position:absolute; right:0px; top:50px; background-color:#999999;}
#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 {float:left; width:720px; height:45px; background:url(/img/bg-nav.jpg) repeat-x; margin-bottom:8px; line-height:32px;}
#mainNav a {color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none;}
#mainNav a:hover {text-decoration:underline;}
#mainNav ul { padding:5px; margin:0 0 0 0px; text-align:center;}
#mainNav li {display:inline; list-style:none; margin:0 9px;}
#mainNav-sub {float:left; width:263px; margin:200px 0px 20px 0px;}
#mainNav-sub ul {margin:0 auto; width:107px; padding:0;}
#mainNav-sub li { width:107px; text-align:center; background:url(/img/bg-nav-sub.jpg) repeat-x; height:24px; list-style:none;}
#mainNav-sub a {color:#38383A; text-decoration:none; font-weight:bold; text-transform:uppercase; line-height:24px;}
#mainNav-sub a:hover {color:#fff;}
#feature {float:left; width:474px; margin-right:8px;}
#news {float:left; width:238px; background:#827841;}
#newscontent {width:228px; height:329px; padding:5px; overflow-y:scroll; overflow-x:hidden;}
#newscontent .contentArea a {color:#fff; text-decoration:none;}
#videobuttons {width:170px; text-align:center; margin:0 auto;}
.bluetext {color:#4390BD; font-weight:bold; font-size:14px; text-align:center;}

/* CONTAINER */ 
#container {width:100%; min-height:300px; background:#fff; margin:0;}
*:first-child+html #container {width:720px;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:300px; width:720px;}
#content-sub {float:left; width:680px; margin-left:8px;}
#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0; background-color:#CCCCCC;}
#left-side {float:left; width:252px;}
#greeting-card {height:176px; margin-bottom:8px;}
#login {height:353px; background:#827841; text-align:center;}
#content-home {float:left; width:720px; margin-left:8px;}
#zero-card {width:264px; float:left; margin:0px 10px;}
#zero-waste {width:600px; text-align:center; margin:0 auto;}

/*Forms*/
.formContainer {width:500px;}
.formContainer p.legend {padding:10px; margin:0 0 10px 0; border:1px solid #17415F; background:#F7F8EA; }
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#17415F 1px solid;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font:bold italic 12px Georgia, "Times New Roman", Times, serif; color:#2F2C2C; padding:0 5px;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:120px; 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:230px; border-color:#AFAFAF;}
.formContainer form fieldset textarea {width:307px; margin:5px 10px 10px 0px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:233px;; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background-color: #FFC; border-color: #FC6;}

.formContainer .formtext {margin:0 10px 0 0; padding:0 7px 0 0; display:block;  position:relative; font:bold 12px Arial, Helvetica, sans-serif; }
.formContainer .formtext em { font-size:12px; margin:0px 0px 0px 2px; font-style:normal; color:#E41937; }
.buttonrow {text-align:right;}
.formContainer .buttonrow input {width:112px; height:29px; text-align:right; }

/* FOOTER */ 
#footer {width:980px; text-align:center; height:48px; margin-top:8px;}
#footerLinks img {display:inline;}
#footerLinks ul {display:inline; margin-top:10px;}
#footerLinks li {display:inline; list-style:none; }
#footerLinks a {margin:0 5px; color:#3D3D3D;} 
#footerLogo {float:left; width:200px; height:150px;}

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

#treePageDetailsTitle {color:#4390BD;}

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