/****************************************************
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; background:url(/img/bg.jpg) left top repeat-x;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#1a4691; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#39f; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:960px; height:125px; margin:0; background-color:#3399FF;}
h1#headerTop {margin:0; padding:2px; width:956px; text-align:left; font-size:14px; background-color:#3399FF; color:#fff;}
h2 {font-size:24px; margin:10px;}
#logo a {width:340px; height:120px; margin-bottom:5px; display:block; background:url(/img/millsboro-delaware.jpg) left top no-repeat;}
#subNav {position:absolute; top:0px; right:20px; font-size:1em; line-height:1.5em;}
#subNav li {float:left; list-style:none; margin:0;}
#subNav li a {color:#fff; text-decoration:none; padding:0 7px; border-right:1px #fff solid;}
#subNav li.end a {border:none;}
#subNav li a:hover {color:#1a4691;}
#secondaryNav {position:absolute; right:0px; top:50px; background-color:#999;}
#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;}

#contentLeft {float:left; width:235px; min-height:600px; margin:0;}
#content_lt{color:#333; padding:2px auto; float:left; background-color:#fff; height:100%; border-left:1px solid #fff; width:235px;}
#content_lt h1,#content_lt h2,#content_lt h3 {font-weight:bold; margin:0px;}
#content_lt h1 {font-size: 18px; color: #30f;}
#content_lt h2 {font-size: 14px; color: #300;}
#content_lt h3 {font-size: 12px; color: #333;}
#content_lt a:link,#content_center a:visited {color:#1a4691;}
#content_lt a:hover {color:#39f;}
#news {background:url(/img/banner_bg.jpg) left top repeat-y; padding:0px 3px 0px 10px; width:210px; border-right:1px solid #333;}
#news .pageListInline {background:none;}

#slideshow {margin:0; padding:0; width:722px; float:right; position:relative; border-top:1px solid #fff; border-right:1px solid #fff;}


/* MAIN NAV */
#mainNav {font-weight:bold; font-size:14px; background-color:#1a4691; border:1px solid #fff; border-bottom:none; width:235px; height:auto; float:left; position:relative;}
#mainNav ul {padding:0; margin:0;}
#mainNav ul li {font-size:14px; font-weight:bold; color:#fff; margin:0px; padding:5px; background-color:#1a4691; border-bottom:1px dotted #4d572e; border-top:1px dotted #39f; list-style:none;}
#mainNav ul li:hover {font-size:14px; color:#1a4691; border-top-width:1px; border-top-style:dotted; border-top-color:#4d572e; background-color:#39f; cursor:pointer; list-style:none;}
#mainNav ul li a {color:#fff; text-decoration:none;}
#mainNav ul li a:hover { text-decoration:none;}


/* CONTAINER */ 
#container {width:724px; background:#fff; margin:0; float:right;}
#container a {color:#1a4691; text-decoration:underline;}
#container a:hover {color:#39f; text-decoration:none;}
#content {float:right; min-height:380px; width:725px;}
.contentArea h2, #treePageDetailsTitle, #memberDirectoryHomeTitle, #pageListHeader {display:block; text-align:left; font-size:24px; font-weight:normal; margin:0; padding:12px 0 4px 10px; background:url(../img/millsboro-chamber-titlebg.jpg) left top no-repeat;}
.contentArea {margin:0; padding:0;}
#detailWrapper {margin-bottom:30px;}
#memberDirectorySearchForm {padding:20px 10px;}


/* FOOTER */ 
#footer {position:relative; float:left; width:960px; height:100%; margin:0; padding:0;}
#footer-box {height:130px; width:960px; background:#C2D9EF;}
#info {position:relative; float:left; width:235px; height:130px; background:#B3D3EF;}
#info p {font-size:11px; line-height:18px;}
#banner {float:right; width:723px; height:117px; padding:0; margin:10px 0 0 0;}
.bannerItemWrapper {display:inline-block; float:left; height:90px;}
.bannerItemWrapper img {height:90px; width:180px; padding:0 30px;}
.bannerCaptionWrapper  {width:240px; text-align:center;}

#footerLinks {float:left; height:auto; margin:10px 0; clear:both;}
#footerLinks ul {padding:0; width:960px;}
	#footerLinks ul li {float:left; display:inline-block; position:relative; list-style:none; margin-bottom:10px; border-right:1px solid #C2D9EF;}
		#footerLinks ul li a {display:block; font-size:10px; font-family:"Lucida Sans", "MS Trebuchet", sans-serif; color:#333; background:none; text-decoration:none; line-height:30px; padding:0 8px;}
		#footerLinks ul li a:hover {color:#39f;}
		#footerLinks ul li.end {border-right:none; background:none;}


/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px; width:100%; text-align:center; clear:both; padding-bottom:25px;}
#delawarelink a {text-decoration:none; color:#333;}
#delawarelink a:hover, #delawarelink a:active {text-decoration:none; color:#39f;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {width:200px;}
#treePageDetailsWrapper {width:600px;}
.CalendarContainer {margin:0 0 0 6px; width:220px; float:left;}
.memberDirectoryCatListColumn {height:250px; overflow:auto; border:1px #ccc solid; padding:0 0 0 5px; margin:0 0 0 10px; width:330px;}
#CalendarContainerWrapper {width:500px; margin:0 0 15px 5px;} 
#CalendarViewButtonWrapper {margin:0 0 0 5px;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999;color:#fff;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 */