/****************************************************
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:#FFFFEE;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#00008b; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#00008b; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px;  margin:0 auto; background-color:#FFFFEE;} 

/* HEADER */ 
#header {position:relative; z-index:1000000; width:100%; margin:0; background:url(../img/layout/header_bg.jpg) top right no-repeat; border:1px #999966 solid; border-bottom:none;}
h1{margin:0; padding:2px; width:956px; text-align:center; font-size:9px; color:#000;}
#logo a {width:360px; height:95px; display:block;  background-repeat:no-repeat; margin:0px;}
h2 {color:#999967; font-family:Helvetica, Arial, sans-serif;}

#subNav {position:absolute; top:0px; right:0px; font-size:.7em; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav li a { font:10px Arial, Helvetica, sans-serif; text-decoration:underline; color:#333;}

#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 {position: relative; width:100%;  height:24px; background:url(../img/layout/logo_bottom.gif) top left no-repeat #fff; float:left; z-index:1000000;}
#mainNav ul {position:relative; padding:0px; margin:0 0 0 50px; background-color:#CCCC99; height:15px;  z-index:99999;}
#mainNav li { float:left; width:100px; height:15px; padding:0px; margin:0px; list-style:none; text-align:center; border-left:#fff solid 1px; display:block;}
#mainNav ul li:hover {background-color:#999966; color:#FFFFFF; display:block; height:15px; padding:0px; margin:0px;}
#mainNav li.start { border-left:none;}
#mainNav li a { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; line-height:15px; text-decoration:none; display:block; width:100px; }
#mainNav li a:hover {color:#FFFFFF; display:block; width:100px; height:16px;}

/***** Suckerfish Style Flyout CSS *****/
#mainNav ul li ul { position: relative; list-style:none; top:0px; left: -999px;  z-index:1000000; padding:0px; margin:0px; width:123px; text-align:left; background:#CCCC99; border-top:#000 solid 1px; border-bottom:none; border-left:none; border-right:none; }
#mainNav li ul li {position:relative; display:block; background:#CCCC99; float:none; padding:0px; height:16px; margin:0; text-align:left;  width:123px; border-top:none; border-left:none;}
#mainNav li ul li.start {border-bottom:none; width:123px; }
#mainNav li ul li:hover {height:17px; top:0px}
#mainNav li ul li a { text-transform:none; font-weight:normal; width:123px; font-size:15px; padding:0px 0px 0px 2px; margin:0;	 border-bottom:#000 solid 1px; border-left:#000 solid 1px; border-right:#000 solid 1px; }
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { background:#CCCC99; top:-1px; left:70px;  display: block; width:123px;  left:auto;/*border-top:#fff solid 1px; border-bottom:#fff solid 1px;*/}


#mainNav li ul li.single { background:#CCCC99;}
#mainNav li ul li a {background-image:none; height:17px; width:120px; margin:0; padding:0 0 0 2px; color:#000; text-decoration:none;  position:relative; display:block; z-index:1000000;}
#mainNav li ul li a:hover {width:120px;}

/********** left Navigation **********/
#leftNav {position:relative; float:left;  width:175px; margin:0;  z-index:999999;}
#leftNav ul { padding:0; float:left; margin:4px 5px 0 5px; }
#leftNav li {float:left; position:relative; list-style:none; margin:0px 0px 0px 10px; width:170px; display:block; height:25px; line-height:20px;}
#leftNav li.end { margin-bottom:10px;}
#leftNav ul li a {float:left; color:#000; text-decoration:none; padding:5px 5px; font:11px Arial, Helvetica, sans-serif; font-weight:normal; z-index:1000000; width:160px;  font-weight:bold; display:block; line-height:15px;}
#leftNav ul li a:hover {text-decoration:none; color:#fff; background:#999967; width:150px; z-index:1000000; display:block; height:15px; }
#leftNav ul li:hover {text-decoration:none; color:#fff; display:block; width:160px; background-color:#999965;}
#leftNav p { background:#666633; margin:5px auto 0 auto; width:190px; color:#FFF; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
#leftNav h3 {  margin:5px auto 0 auto; width:190px; color:#FFF;  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; }
#leftNav { margin-top:10px; margin-bottom:10px;}
/*#leftNav li:hover ul, #leftNav li.sfhover ul, #leftNav  li li:hover ul, #leftNav li li.sfhover ul  {left:70px;  display: block; width:123px;  left:auto;}*/
#leftNav li ul {position:absolute; height:15px; top:15px; left:-9999px; margin:-15px 0 0 0; padding:0; width:1%; z-index:1000000;}
#leftNav li ul li { background:#999967; width:160px; padding:0; margin:0 0 0 160px; z-index:1000000; display:block; }
#leftNav li ul li.first {margin:5px 0 0 0;}
#leftNav li ul li.last {margin:0 0 5px 0;}
#leftNav ul li ul li a {color:#FFFFFF; font-weight:bold;}

#leftNav li ul li a:hover {background-image:none; text-decoration:underline; height:auto; z-index:1000000; width:150px; color:#000; background-color:#CCCC99;}

#leftNav li:hover ul {left:auto; z-index:1000000;}

#leftNav li:hover ul, #leftNav li.sfhover ul {left:0; z-index:1000000; color:#FFFFFF; display:block; height:25px; line-height:25px; padding:0px;}

#leftNav h3 {color:#000; font-size:14px; font-weight:bold; margin:10px 0px 0px 10px; border-bottom:solid 1px #FFF; width:150px;}
#breaknews {color:#000; font-size:14px; font-weight:bold; margin:10px 0px 0px 10px; border-bottom:solid 1px #FFF; width:150px;}

#slideshow34 {padding:10px 0px 0px 30px; z-index:1; position:relative;}

#cart {position:absolute; top:30px; right:10px; font-size:.9em; line-height:1.4em;}

#search {position:absolute; right:20px; top:60px; height:15px; width:230px;}
#searchButtonHolder {position:relative; width:68px; height:14px; float:right; margin-top:-15px; }
input.searchButton  {position:relative; float:left; padding:0px 5px 2px 10px; text-decoration:underline; }
input.searchButton:hover { text-decoration:none;}
input.searchBox { float:left; width:155px; }
#searchBoxHolder { width:230px; height:14px;}

#slideShow { width:665px; z-index:-1; margin:0px 0px 0px 100px;}
#welcome {  margin:0; width:765px;}

/* CONTAINER */ 
#container {width:960px; min-height:200px; margin:0; border:1px #999966 solid; border-top:none; background:#CCCC99;}
#container a {color:#0000FF; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:510px; width:765px; background:#FFFFFF; padding:0px 10px 0px 10px;  }
#contentLeft { float:left; width:175px; background:#CCCC99; }
#contentLeft a {color:#0000FF;}
#contentLeft p {padding:5px;}
#contentRight {float:left; width:680px; margin:10px 0 0 0;}
#contentRightHome { width:760px; margin:10px 0 0 0;}
#contentRightHome h2 { border-bottom:#000 solid 1px;}

#pubMapContainer {width:400px; float:right;}
#pubMapFormContainer {float:left;}





/* FOOTER */ 
#footer {width:100%; height:100px; margin:20px 0 0 0; border-top: #999967 solid 2px; clear:both;}
#footerLinks { width:960px; height:100px; text-align:center;}
#footerLinks li {list-style:none; float:left; padding:5px;}
#footerLinks li a {list-style:none; font:11px Arial, Helvetica, sans-serif; color:#333; }

#footerLogo {float:right; width:360px; height:100px; margin:10px 40px 0 0;   background-repeat:no-repeat; background-position:right;}


/* 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:#858585; font-size:18px; border-bottom:#CCCC99 solid 1px;}
#pageDetailsTitle {color:#858585; font-size:18px; border-bottom:#CCCC99 solid 1px;}
#pageListHeader {color:#858585; font-size:18px; border-bottom:#CCCC99 solid 1px; text-align:left;}
.docWizSection {margin:0px 0px 0px 10px;}

#catalogCategoryWrapper { width:680px;}
#catalogCategoryDesc { width:680px;}
#catalogCategoryDesc h1{ width:680px;}
#catalogProductsWrapper { width:680px; float:right; margin-top:20px;}
.catalogProductImage{min-height:150px;}

h3#subCatHeader { width:660px; position:relative;}
#catBreadcrumbs { margin-top:5px;}
#SubCatHeader { font:12px Arial, Helvetica, sans-serif; font-weight:bold;}
.subcategoryList { background:#999;}
#productInfoDescription h1 { text-align:left;}
.mainCatalogRow {width:760px;}

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