/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#1a3f69;} 

p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#009; text-decoration:underline;}
a:hover, a:focus, a:active {color:#003; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto; background-color:#fff;} 


/* HEADER */ 
#header {position:relative; width:960px; margin:0;}
#top {position:relative; float:right; width:725px; height:24px; padding:5px 0;}
h1 {position:relative; float:left; font-size:12px; width:220px; margin:8px 0; font-weight:normal; color:#444; }
h2 {font-size:24px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#treePageDetailsTitle {font-size:24px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px;}

/* TODAYS DATE */
#todaysDate {position:relative; float:left; width:210px; color:#000; margin:8px 0; text-align:right;}

/* SEARCH */
#search {position:relative; float:right; margin:0; width:280px; padding-left:6px;}
		#search .textbox {width:200px;}

/* LOGO */		
#logo {position:relative; float:left;height:237px; width:235px; margin-top:0px; padding:33px 0 0 0;}
	#logo a {height:237px; width:235px; margin:0; background:url(../img/layout/logo-oasis.png) top left no-repeat; display:block;}
	#logo a:hover {background:url(../img/layout/logo-oasis.png) bottom left no-repeat;}

/* SLIDESHOW */
#slideshow2 {position:relative; float:right; width:725px; height:180px; z-index:0;}

/* SUB NAVIGATION */
#subNav {position:relative; float:right; font-size:.9em; font-weight:bold; line-height:12px;}
	#subNav ul {margin:5px 5px 0 0;}
		#subNav li {float:left; list-style:none; margin:0 5px;}
			#subNav ul li a {color:#333; text-decoration:underline;}
			#subNav ul li a:hover {text-decoration:none;}
			
/* MOTTO */			
#motto {height:55px; width:725px; position:relative; float:right; font-size:30px; color:#6bb439; margin:0; padding:0;}

/* MAIN NAVIGATION */
#mainNav {float:right; width:724px; height:27px; background:url(../img/layout/main-nav-bg.png) top left repeat-x; border-right:#163559 1px solid;}
	#mainNav ul {padding:.05em 0 0 0; margin:0;}
		#mainNav li {float:left; position:relative; list-style:none;}
		#mainNav li .end {border-right:none; border-left:#4a6788 1px solid;}
			#mainNav ul li a {float:left; font-size:12px; color:#fff; text-decoration:none; margin:0; padding:6px 9px 2px 9px; border-right:#163559 1px solid; border-left:#4a6788 1px solid;}
			#mainNav ul li.end a {border-right:none;}
			#mainNav ul li a:hover {text-decoration:none; color:#a8c2ed;}

/******* MAIN NAVIGATION DROP-DOWN *********/
				#mainNav li ul {position:absolute; height:15px; top:15px; left:-9999px; margin:0; padding:0; width:1%;}
					#mainNav li ul li {background-image:none; height:auto; width:150px; padding:11px 0 0 0; margin:0;}
					#mainNav li ul li.first {margin:5px 0 0 0;}
					#mainNav li ul li.last {margin:0 0 5px 0;}
					#mainNav li ul li.single {padding:5px 0 5px 0;}
					#mainNav li ul li a {background:#a8c2ed; height:auto; width:150px; margin:0; padding:5px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; border:none;}
					#mainNav li ul li a:hover {background:#789fdf; color:#fff;}
				#mainNav li:hover ul {left:auto;}
				#mainNav li:hover ul, #nav li.sfhover ul {left:0;}

/* SIDE NAVIGATION */
#secondaryNav {width:220px; margin:0 0 0 0; padding:100px 0 0 15px; height:auto;}
	#secondaryNav p {font-weight:700; font-size:14px; text-align:Left;}
	#secondaryNav ul { margin:0; padding:0 0 0 0px;}
		#secondaryNav li {list-style:none; margin:3px 0; width:214px; padding:0 0 0 8px;}
		#secondaryNav li.parent li {border:none;}
		#secondaryNav li.end, #secondaryNav ul li.end {border:none;}
		#secondaryNav li a {display:block; color:#000; text-decoration:none; line-height:20px; font-size:14px; padding:0 0 0 5px;}
		#secondaryNav li a:hover {color:#000; background-color:#6CB539;}
	
/******* SIDE NAVIGATION FLY OUT *********/
		/*#secondaryNav li:hover, #secondaryNav li:hover a {background-color:#6CB539; background-image: none; background-repeat:repeat; background-attachment:scroll; background-position:0% 0%;}
		#secondaryNav li ul {position:absolute; left:-999em; margin-left:19.6em; margin-top:-1.7em; color:#fff; min-width:100px; background-color:#6CB539;}
		#secondaryNav li ul li {margin:0 0 0 0px; padding:0; text-indent:0px; min-width:100px;}
		#secondaryNav li ul li a {left:0; padding:0 0 0 10px;}
		#secondaryNav li ul li a:hover {left:0; background-color:#7ACF40;}	
		#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;}*/


#buttons {position:absolute; bottom:20px; left:18px; height:85px; width:200px;}	
#pageList {padding:0 0 0 0;}
#CalendarContainerWrapper, #CalendarViewButtonWrapper {padding:0 0 0 15px;}


/* CONTAINER */ 
#container {width:100%; min-height:500px; margin:0; padding:0;}
	#container a {color:#267d76; text-decoration:underline;}
	#container a:hover {color:#354035; text-decoration:none;}
	#contentWrapper {float:right; width:725px; background:url(../img/layout/content-bg.png)  left top repeat-y; min-height:501px;}
	#interiorNavWrapper {float:left; width:235px; min-height:500px; margin:0; padding:0;}
	#content {float:left; width:680px; margin:20px 0 0 23px;}

/* CTA */
#cta {float:left; margin:5px auto; height:190px; width:680px; padding:0 0 30px 0;}
	#cta ul {padding:0 0 0 10px;}
		#cta ul li {display:inline; text-indent:-9999px; width:190px; margin:0 5px;}
		#cta ul li a {background:url(../img/layout/cta.png) no-repeat; float:left; height:190px; width:200px; margin:0 5px;}
		/* SPEED */ 
			#cta ul li a#speed {background-position:0 0px; width:190px;}
			#cta ul li a:hover#speed {background-position:0 bottom; width:190px;}
		/* ACCURACY */ 
			#cta ul li a#accuracy {background-position:-190px 0px; width:191px;}
			#cta ul li a:hover#accuracy {background-position:-190px bottom; width:191px;}
		/* EASY */ 
			#cta ul li a#easy {background-position:-381px 0; width:190px;}
			#cta ul li a:hover#easy {background-position:-381px bottom; width:190px;}
			
.contactInput {padding:0 0 5px 0;}



/* FOOTER */ 
#footerWrapper {width:100%; height:150px; margin:0;}
	#footer {width:960px; height:150px; margin:0 auto;}
		.footerLinks { float:left; height:60px; width:235px; margin:0; padding:0; background-color:#fff;}
		.footerLinks p {font-size:10px; color:#777; margin:0;}
		.footerLinks ul {margin:0 0 0 14px; padding:2px 0 2px 0; width:250px;}
		.footerLinks li {float:left; list-style:none; padding:0 6px 0 0;}
		.footerLinks ul li a {color:#777; font-size:10px; text-decoration:underline;}
		.footerLinks ul li a:hover {color:#777; font-size:10px; text-decoration:none;}

		#footerbg { float:right; height:60px; width:725px; background:url(../img/layout/content-bg.png) top left repeat-y;}
		
			#delawarelink {float:left; font-size:10px; width:400px; text-align:left; margin:0; padding:35px 0 0px 40px; color:#444;}
			#delawarelink a:link, #delawarelink a:visited, #delawarelink a:hover, #delawarelink a:active {text-decoration:none; color:#444}
			
/* SOCIAL ICONS */ 
	#social {float:right; margin:5px auto; height:30px; width:210px;}
		#social ul li {display:inline; text-indent:-9999px; width:30px; margin:0 2px;}
		#social ul li a {background:url(../img/layout/socials.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 0px; width:30px;}
		/* LINKEDIN */ 
			#social ul li a#linkedin {background-position:-35px -30px; width:30px;}
			#social ul li a:hover#linkedin {background-position:-35px 0; width:30px;}
		/* TWITTER */ 
			#social ul li a#twitter {background-position:-69px -30px; width:30px;}
			#social ul li a:hover#twitter {background-position:-69px 0; width:30px;}
		/* YOUTUBE */ 
			#social ul li a#youtube {background-position:-104px -30px; width:30px;}
			#social ul li a:hover#youtube {background-position:-104px 0; width:30px;}
			

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {width:200px;}
#treePageDetailsWrapper {width:600px;}
#CalendarContainerWrapper { float:left; width:650px;}
/*******************************************************/
/******** 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 */
/****************************************************
Designed By: Chris Horton
****************************************************/