/****************************************************
Created By: Chris Horton
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) top left repeat-x; background-color:#eee4cf;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#444; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#333; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;}
	#wrapper h1 {margin:0; height:11px; width:956px; text-align:left; font-size:9px; color:#FFF;} 

/***************** HEADER INFO *****************/
#header {position:relative; width:100%; margin:0; height:290px; z-index:100;}
	/* TODAYS DATE */
	#todaysDate {position:relative; width:200px;  margin:0 0 0 700px; padding-top:5px; color:#FFF;}
	/* SEARCH */
	#search {position:relative; margin:0; width:280px; float:left; padding-bottom:6px; height:24px; padding-left:6px;}
		#search .textbox {width:200px;}
	/* SUB NAV */
	#subNav {position:relative; margin-top:-16px; line-height:1.4em; float:right;}
		#subNav a, #todaysDate {color:#000;}
		#subNav a:hover {color:#000; text-decoration:none;}
		#subNav ul {float:left; margin:0; padding:0;}
			#subNav li {float:left; list-style:none; margin:0 5px 0 0;}

	/* LOGO */
	#logo img {width:390px; height:230px; margin:25px 0 0 0; float:left;}
	/* FLASH */
	#homepageflash {float:right; width:564px; height:230px; margin:0 0 0 5px;}

/***************** MAIN NAV *****************/
#mainNav {width:960px; background:url(/img/layout/nav_bg1.jpg) top left repeat-x; height:34px; margin-top:240px; }
	#mainNav a:link, #mainNav a:visited {color:#FFF; text-decoration:none; padding:5px 19px;}
	#mainNav a:hover, #mainNav a:focus, #mainNav a:active {color:#D4A51D; text-decoration:none;}
	#mainNav ul {padding:0; margin:0;}
	#mainNav li ul .start {margin:10px 0 0 0; border:none;}
		#mainNav li {float:left; position:relative; list-style:none; margin:0; border-left:#FFFFFF thin solid;}
		#mainNav ul li {position:relative; display:inline; height:34px;}
		#mainNav ul li a {float:left; font-size:18px; color:#FFF; text-decoration:none;}
		#mainNav ul li a:hover {color:#FCD50C; text-decoration:none;}
		#mainNav ul li.end {background:none;}
/* MAIN NAV DROP DOWN */
		#mainNav li ul {position:absolute; height:15px; top:15px; left:-9999px; margin:0; padding:0;width:1%; text-decoration:none; z-index:10000;}
		#mainNav li:hover ul, #nav li.sfhover ul {left:0;}
		#mainNav li ul .start {padding-top:0px;}
			#mainNav li ul li {height:auto; width:100px; padding:0; margin:0; border:none;}
			#mainNav li ul li a {background-color:#90AFCE; height:auto; min-width:120px; margin:0; padding:5px; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
			#mainNav li ul li a:hover {background-image:none; background:#476B8F; height:auto;}
			#mainNav li ul li.first {margin:5px 0 0 0;}
			#mainNav li ul li.single {padding:5px 0 5px 0;}
			#mainNav li ul li.last {margin:0 0 0 0;}
#mainNav ul li.parent ul li ul {margin:-33px 0 0 138px;}
*:first-child+html #mainNav ul li.parent ul li ul {margin-left:0px;}
#mainNav ul li ul li {clear:both; width:140px; background-color:#90AFCE; text-transform:none; padding:0px; margin:0;}
#mainNav ul li ul li a {padding:0px 3px;}
#mainNav ul li ul li a:hover {background-color:#476B8F; height:auto;}
#mainNav ul li ul li:hover {background-color:#476B8F;}
#mainNav li ul {width:auto;  position:absolute; margin:0px 0px 0px 0px; padding-top:8px; left: -999em;}
#mainNav li ul ul {left: -999em;}
#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 {left: auto;}
#mainNav ul li ul li ul {margin:0;}
#mainNav ul li ul li ul li {width:150px;}
#main ul li ul li .last {width:250px;}
				
/***************** CONTAINER *****************/ 
#container {width:100%; min-height:500px; margin:0; margin:10px 0px 0px 0px;}
	#container a {color:#267d76; text-decoration:underline;}
	#container a:hover {color:#354035; text-decoration:none;}
	#content {float:left; min-height:500px; width:810px;}
	
	
/***************** LEFT NAVS *****************/
#navContainer {position:absolute; width:187px;  height:auto; z-index:100; padding:0;}

/* GENERAL INFO */
	#secondaryNav {float:left; width:187px; border:#999 thin solid; background-color:#FFFAEF; height:auto;}
	#secondaryNav img {margin:5px 0 0 8px;}
	#secondaryNav ul { padding:0 0 0 8px;}
	#secondaryNav li {list-style:none; margin:3px 0 3px 2px; width:170px; border-bottom:#999999 thin dashed;}
	#secondaryNav li.parent li {border:none;}
	#secondaryNav li.end, #secondaryNav ul li.end {border:none;}
	#secondaryNav li a {display:block; color:#666; text-decoration:none; line-height:20px; font-size:14px;}
	#secondaryNav li a:hover {color:#333;}
	#secondaryNav li:hover, #secondaryNav li:hover a {background:#8FAECD; color:#fff;}
	#secondaryNav li ul {position:absolute; left:-999em; margin-left:17.1em; margin-top:-1.7em; color:#fff; min-width:100px; background-color:#8FAECD;}
	#secondaryNav li ul li {margin:0 0 0 -41px; text-indent:15px; min-width:100px;}
	#secondaryNav li ul li a {left:0;}
	#secondaryNav li ul li a:hover {left:0; color:#d4a51d; background-color:#476B8F;}	
	#secondaryNav li ul ul {left:-999em;}	
	#secondaryNav li:hover ul ul, #secondaryNav li:hover ul ul ul, #secondaryNav li.sfhover ul ul, #secondaryNav li.sfhover ul ul ul {left:-999em;}
	#secondaryNav li:hover ul, #secondaryNav li li:hover ul, #secondaryNav li li li:hover ul, #secondaryNav li.sfhover ul, #secondaryNav li li.sfhover ul, #secondaryNav li li li.sfhover ul {left:0;}

		
/* MORE FOR */
	#moreNav {float:left; width:187px; border:#999 thin solid; top:600px; background-color:#FFFAEF; height:auto; margin:10px 0 0 0;}
	#moreNav img {margin:5px 0 0 8px;}
	#moreNav ul { padding:0 0 0 8px;}
	#moreNav li {list-style:none; margin:3px 0 3px 2px; width:170px; border-bottom:#999999 thin dashed;}
	#moreNav li.parent li {border:none;}
	#moreNav li.end, #moreNav ul li.end {border:none;}
	#moreNav li a {display:block; color:#666; text-decoration:none; line-height:20px; font-size:14px;}
	#moreNav li a:hover {color:#333;}
	#moreNav li:hover, #moreNav li:hover a {background:#8FAECD; color:#fff;}
	#moreNav li ul {position:absolute; left:-999em; margin-left:17.1em; margin-top:-1.7em; color:#fff; min-width:100px; background-color:#8FAECD;}
	#moreNav li ul li {margin:0 0 0 -41px; text-indent:15px; min-width:100px;}
	#moreNav li ul li a {left:0;}
	#moreNav li ul li a:hover {left:0; color:#d4a51d; background-color:#476B8F;}	
	#moreNav li ul ul {left:-999em;}	
	#moreNav li:hover ul ul, #moreNav li:hover ul ul ul, #moreNav li.sfhover ul ul, #moreNav li.sfhover ul ul ul {left:-999em;}
	#moreNav li:hover ul, #moreNav li li:hover ul, #moreNav li li li:hover ul, #moreNav li.sfhover ul, #moreNav li li.sfhover ul, #moreNav li li li.sfhover ul {left:0;}

		
/* QUICK LINKS */
	#linksNav {float:left; width:187px; border:#999 thin solid; top:600px; background-color:#FFFAEF; height:auto; margin:10px 0 0 0;}
	#linksNav img {margin:5px 0 0 8px;}
	#linksNav ul { padding:0 0 0 8px;}
	#linksNav li {list-style:none; margin:3px 0 3px 2px; width:170px; border-bottom:#999999 thin dashed;}
	#linksNav li.parent li {border:none;}
	#linksNav li.end, #linksNav ul li.end {border:none;}
	#linksNav li a {display:block; color:#666; text-decoration:none; line-height:20px; font-size:14px;}
	#linksNav li a:hover {color:#333;}
	#linksNav li:hover, #linksNav li:hover a {background:#8FAECD; color:#fff;}
	#linksNav li ul {position:absolute; left:-999em; margin-left:17.1em; margin-top:-1.7em; color:#fff; min-width:100px; background-color:#8FAECD;}
	#linksNav li ul li {margin:0 0 0 -41px; text-indent:15px; min-width:100px;}
	#linksNav li ul li a {left:0;}
	#linksNav li ul li a:hover {left:0; color:#d4a51d; background-color:#476B8F;}	
	#linksNav li ul ul {left:-999em;}	
	#linksNav li:hover ul ul, #linksNav li:hover ul ul ul, #linksNav li.sfhover ul ul, #linksNav li.sfhover ul ul ul {left:-999em;}
	#linksNav li:hover ul, #linksNav li li:hover ul, #linksNav li li li:hover ul, #linksNav li.sfhover ul, #linksNav li li.sfhover ul, #linksNav li li li.sfhover ul {left:0;}


		
/* ADOBE LINK */
#adobe {float:left; width:187px; border:#999 thin solid; background-color:#efefef; margin:10px 0 0 0;}
	#adobe p {color:#666; text-align:center; margin:10px 5px;}


/***************** CONTENT AREA - HOMEPAGE *****************/
/* TICKER */
#tickerWrapper {position:relative; min-height:30px; width:545px; margin:0; border-bottom:#999 thin solid; background-color:#8B0F05; color:#FFFFFF;}
	#iemarquee {margin:4px 0 0 0;}
		#tickerText {color:#fff;}
		#tickerText a {color:#FFFF00;}
		#tickerText a:hover {color:#FFFF00;}
		
/* TOP BANNER */
#topBanner {width:545px; margin:0 0 0 200px; height:200px; border:#999 thin solid; background-color:#caddf0;}
	#topBanner p {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; text-align:center; line-height:30px; width:500px; padding:0 0 0 10px;}
	.docWizSection>table .contentArea {width:auto;}
		
/* HOMEPAGE CONTENT AREA - BOTTOM */
#contenthome {position:relative; min-height:300px; width:545px; margin:10px 0 0 200px; background-color:#e0e9f3; border:#999999 thin solid;}
		
/***************** INTERIOR CONTENT *****************/
/* INTERIOR PAGES */
#detailWrapper {position:relative; min-height:575px; width:758px; margin:0 0 0 200px; background-color:#e0e9f3; border:#999999 thin solid;}
	#detailWrapper h2 {margin:20px 0 15px 25px;}
	#detailWrapper a {color:#666;}
#listWrapper {position:relative; min-height:575px; width:758px; margin:0 0 0 200px; background-color:#e0e9f3; border:#999999 thin solid;}
#contenthome .contentArea {width:520px; margin:0 0 0 15px;}
.contentArea {width:710px; margin:0 0 0 15px;}
.docWizSection .contentArea {width:710px; margin:0 0 0 22px;}
.permaPageDescription p {width:505px; margin:20px 0 20px 5px;}
#container .pageListItemTitle a {color:#666;}
#container .pageListItemDescription a {color:#666;}
#treePageDetailsSubmitBugWrapper {width:100%; text-align:right; margin:0; padding-bottom:30px;}
	#treePageDetailsSubmitBugWrapper a {padding:0 25px 0 0;}
#CalendarViewContainer {padding:0 0 20px 0;}
#CalendarViewContainer a {color:#333;}
#contactFormTable {margin:10px 0 0 50px;}
#Sitemap {margin-left:20px;}
#pageList {width:675px; margin:0 0 0 10px;}
#hrList {width:675px; margin:0 0 0 10px; padding:0 0 0 20px;}
#hrList .contentArea {width:650px;}
.contactInput {padding-bottom:10px;}
.CalendarWithEvents {background-color:#90AFCE;}
		
/***************** CONTENT RIGHT *****************/
#rightNavContainer {position:absolute; width:187px;  height:auto; z-index:1; padding:0; top:310px; right:0;}

/* CONTENT RIGHT TOP */

#contentRightTop {float:right; width:200px; border:#999 thin solid; background-color:#FFFAEF; height:auto;}
	#contentRightTop img {margin:5px 0 0 5px;}
	#contentRightTop .pageListInlineItemTitle {padding:0 0 20px 10px;}
		#contentRightTop .pageListInlineItemTitle a {color:#666;}
			#viewAllNews {width:85%; margin:0 0 0 15px; border-top:#999 thin solid; line-height:40px;}
				#viewAllNews a {margin:0; padding:10px 20px; color:#666;}
	
/* CONTENT RIGHT BOTTOM */
#contentRightBottom {float:right; width:200px; border:#999 thin solid; background-color:#FFFAEF; height:auto; margin:10px 0 0 0;}
	#contentRightBottom img {margin:5px 0 0 5px;}
	#weather {width:155px; margin:4px 0 0 15px; padding:0 0 15px 10px;}
	
	
/* SOCIAL ICONS */ 
#social {float:right; margin:5px auto; height:30px; width:150px;}
	#social ul li {display:inline; text-indent:-9999px; width:30px; margin:0 1px;}
	#social ul li a {background:url(../img/layout/mot-buttons.png) no-repeat; float:left; height:30px; width:30px; margin:0 2px;}
	/* FACEBOOK */ 
		#social ul li a#facebook {background-position:0 -30px; width:30px;}
		#social ul li a:hover#facebook {background-position:0 0; width:30px;}
	/* Adobe Reader */ 
		#social ul li a#reader {background-position:-36px -30px; width:30px;}
		#social ul li a:hover#reader {background-position:-36px 0; width:30px;}
	/* Firefox */ 
		#social ul li a#firefox {background-position:-71px -30px; width:32px;}
		#social ul li a:hover#firefox {background-position:-71px 0; width:32px;}
/***************** FOOTER *****************/ 
#footer {width:100%; height:41px; margin:20px 0 0 0;}
	#footer p {text-align:center; color:#333;}
	#footerLinks {float:left; width:760px; height:0px; background-color:#CCC;}
		#footerLinks li {list-style:none;}
	
/***************** CREATED BY LINKS *****************/
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:10px 0 35px 0;}
	#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;
}

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