/****************************************************
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/bg.jpg) top left repeat-x; background-color:#fff;}
.clear {clear:both;}
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;} 
h1 {font-size:11px; margin:0; color:#fff; font-weight:normal; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#FFFFFF; text-align:center;}
h2 {font-size:26px; margin:0px 0px 10px 0px; color:#1e417c; font-weight:normal; font-style:italic; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
h3 {font-size:18px; margin:0px 0px 10px 0px; color:#1e417c; font-weight:normal; font-style:italic; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
#wrapper {position:relative; width:962px; margin:0 auto;}
#topbar {background-color:#1E417B; height:15px;}

/* HEADER */ 
#header {position:relative; width:100%; margin:0;}
h1#topHeader{margin:0; padding:1px; width:956px; text-align:center; font-size:9px; background-color:#666666; color:#FFFFFF;}
#logo {float:left; position:absolute; left:20px; z-index:200;}
#headeroverlay {float:left; position:absolute; margin-top:-5px; z-index:3; }
#headerpics {float:right; height:160px; overflow:hidden; position:relative; z-index:1;}

#subNav {position:absolute; z-index:6; text-align:center; right:10px; font-size:10px; height:20px; line-height:20px; background-color:#1e417c; text-transform:uppercase; padding:0 5px 3px 5px; -moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;}
#subNav a {color:#fff; text-decoration:none;}
#subNav a:hover {text-decoration:underline;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav ul {margin:0; padding:0;}

#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; float:right; z-index:1000; font-weight:bold; font-size:12px;}
*:first-child+html #mainNav {font-size:13px;}
#mainNav, #mainNav ul {padding: 0; margin:-12px 5px 0px 0px; list-style: none;}
#mainNav a {display: block; color:#fff; text-decoration:none; padding-right:5px;}
*html #mainNav a {display:inline;}
#mainNav a:hover {color:#DFECFD;}
#mainNav li {float: left; margin:0px 5px 0px 0px;}
#mainNav li ul {position: absolute;	background: #1E417B; margin:0px; width: auto; line-height:20px; left: -999em;}
#mainNav li ul li {float:none;}
#mainNav li:hover ul, #mainNav li.sfhover ul {left: auto; width:215px;}
*html #mainNav li:hover ul, #mainNav li.sfhover ul, *:first-child+html #mainNav li:hover ul, *:first-child+html #mainNav li.sfhover ul {left:-10px; top:15px;}
#mainNav li ul li:hover {background-color:#A5C7F5; width:215px; margin:0; padding:0; }
*html #mainNav ul li, *:first-child+html #mainNav ul li {position:relative; z-index:1000;}
.parent {text-indent:3px;}

#leftcontent {float:left;}
#rightcontent {float:left; width:719px; margin-left:5px;}
*html #rightcontent {width:729px;}
#maincontent  {width:707px; min-height:184px; padding:0 10px; background-image:url(/img/bg-maincontent.jpg); background-repeat:repeat-x; font-size:13px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic;}
#maincontent h2 {margin-top:0px;}

#site {float:left; margin:-15px 0px 0px 10px; position:relative; z-index:8;}
*html #site {margin:-15px; 0px 0px 0px;}
#flash {float:left; width:479px; border:#039 solid 1px;}
#navbuttons {float:left; width:225px; margin:-1px 0px 0px 10px;}
#navbuttons img {margin-bottom:9px;}
*:first-child+html #navbuttons img {margin-bottom:6px;}
#searchbox {background-image:url(/img/bg-searchbox.jpg); background-repeat:no-repeat; width:203px; height:38px; color:#fff; font-weight:bold; padding:12px 0px 0px 5px;}
#leftcolumn {width:198px; background-image:url(/img/bg-leftcolumn.jpg); background-repeat:repeat-x; min-height:569px; background-color:#fff; text-align:center; padding:5px;}
*html #leftcolumn {padding-left:0px;}
.CalendarContainer {width:188px; font-size:9px; margin-top:5px;}

/* CONTAINER */ 
#container {width:962px; min-height:500px; position:relative; z-index:9; background-image:url(/img/bg-content.jpg); background-repeat:repeat-y;}
#container a {color:#000; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {width:962px; min-height:500px;}
*html #content {margin-left:25px;}
.pageListInlineItem {text-align:left;}
.pageListInlineItemTitle {text-decoration:none; font-size:14px; font-weight:bold;}
#banners img {margin-right:10px;}
#banners {height:124px; width:724px; background-image:url(/img/bg-sponsors.png); background-repeat:no-repeat; padding:25px 5px 5px 20px; text-align:center; overflow:hidden;}
*:first-child+html #banners {padding-top:18px;}
.bannerItemWrapper {float:left; margin-right:5px;}
.contentArea {font-size:12px;}
#detailWrapper {padding:0 0px 20px 0px;}
#memberDirectoryCatList {margin-bottom:10px; float:none;}


/* FOOTER */ 
#footer {width:962px; min-height:141px; color:#666667; font-weight:bold; background-image:url(/img/bg-content.jpg); background-repeat:repeat-y;}
#footer a {color:#666667; font-weight:bold; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footerbox {float:left; width:939px; height:129px; position:relative; z-index:8; margin:-130px 0px 0px 11px; background:url(/img/bg-footer.png) top center no-repeat;}
#footerLogo {float:left; width:290px; height:119px; margin:20px 0px 0px 30px; position:relative; z-index:9;}
*html #footerLogo, *:first-child+html #footerLogo {margin-top:20px;}
*:first-child+html #footerLogo {padding-left:20px;}
#footerLinks {float:right; position:relative; z-index:9; width:580px; height:119px; margin:20px 30px 0px 0px; text-align:right; line-height:22px;}
*html #footerLinks, *:first-child+html #footerLinks {margin-top:20px;}
*:first-child+html #footerLinks {padding-right:0px;}
#footerLinks ul {margin:0;}
#footerLinks li {list-style:none; float:right; padding:0 5px;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

#memberApp {
	width:450px;
	font-size:12px;
}
#memberApp input{
	font-size:10px;
}


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

#pubMapFormContainer { float:left; width:300px; margin-left:10px; margin-top:10px;}
#pubMapContainer { float:right; width:300px; margin-top:10px;}

/***************************************************/
/************* MEMBER DIRECTORY ********************/
/***************************************************/
/* DIV, wraps breadcrumbs */
#memberDirectoryBreadcrumbsWrapper {
	margin:5px;
	padding:0;
	font-size:12px;
}
/* h2, wraps home title */
#memberDirectoryHomeTitle {
	font-size:22px;
	font-weight:bold;
	margin:5px;
	padding:0;
	color:#1F3A71;
}
/* h2, wraps cat title */
#memberDirectoryCatTitle {
	font-size:22px;
	font-weight:bold;
	margin:5px;
	padding:0;
	color:#1F3A71;
}
/* h2, wraps item title */
#memberDirectoryItemTitle {
	font-size:22px;
	font-weight:bold;
	margin:5px;
	padding:0;
	color:#1F3A71;
}
/* Div, wraps item details */
#memberDirectoryItemDetails {
	font-size:14px;
}
#memberDirectoryItemDetails a:link,#memberDirectoryItemDetails a:hover,#memberDirectoryItemDetails a:active,#memberDirectoryItemDetails a:visited{
	text-decoration:underline;
	color:#0000CC;
}
/* Form, for search form on home */
#memberDirectorySearchForm {
padding-bottom:10px;

}
/* Input, for search form on home */
#memberDirectorySearchInput {

}
/* Submit, for search form on home */
#memberDirectorySearchSubmit {

}
#memberDirectoryCatList {
	height:450px;
	width:340px;
	overflow:scroll;
	font-size:16px;
	border:1px solid #000000;
	padding:5px;
}
#memberDirectoryCatList a{
	font-size:14px;
	text-decoration:none;
}
.memberDirectoryCatListColumn {
	margin:0;
	padding:0;
	float:none;
	height:auto;
	overflow:hidden;
}
.memberDirectoryCatListItem {
	margin-bottom:3px;
	font-size:11px;
}
/* UL, list of members for a category/tag/search */
#memberDirectoryItemList {
	font-size:16px;
	list-style-type:none;
}
#memberDirectoryItemList li{
	padding:3px;
}
#memberDirectoryItemList a:link,#memberDirectoryItemList a:hover,#memberDirectoryItemList a:active,#memberDirectoryItemList a:visited{
	text-decoration:underline;
	color:#0000CC;
}
.memberDirectoryItemLabel {
	font-weight:bold;
	float:left;
	width:75px;
	margin:3px;

}
.memberDirectoryItemData {
	float:left;
	margin:3px;
}
.memberDirectoryItemClear {
	clear:both;
}

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