/*--XHTML Tag Selectors:--*/
a img {
	border: 0;
	}
body {
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
	}

/*--ID Selectors:--*/
div#outercontainer {	/*--Outer Page Container--*/
	background-color: #0000CC;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	min-width: 700px;
	}
div#innercontainer {	/*--Inner Page Container; Specify Background of the Page Navigation--*/
	background-color: #ECECEC;
	width: auto;
	}
div#navigation {	/*--Page Navigation--*/
	float: left;
	padding: 15px;
	width: 140px;
	}
div#home {	/*--Navigation Menu Link--*/
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100px;
	}
	#home a {
		background: url(../PNG/Home-rollover.png) 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 100px;
		}
	#home a:hover {background-position: 0 -20px;}
	#home a:active {background-position: 0 -40px;}
	#home a.current {background-position: 0 -60px;}
div#aboutus {	/*--Navigation Menu Item--*/
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100px;
	}
	#aboutus a {
		background: url(../PNG/AboutUs-rollover.png) 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 100px;
		}
	#aboutus a:hover {background-position: 0 -20px;}
	#aboutus a:active {background-position: 0 -40px;}
	#aboutus a.current {background-position: 0 -60px;}
div#capabilities {	/*--Navigation Menu Item--*/
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100px;
	}
	#capabilities a {
		background: url(../PNG/Capabilities-rollover.png) 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 100px;
		}
	#capabilities a:hover {background-position: 0 -20px;}
	#capabilities a:active {background-position: 0 -40px;}
	#capabilities a.current {background-position: 0 -60px;}
div#contactus {	/*--Navigation Menu Item--*/
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100px;
	}
	#contactus a {
		background: url(../PNG/ContactUs-rollover.png) 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 100px;
		}
	#contactus a:hover {background-position: 0 -20px;}
	#contactus a:active {background-position: 0 -40px;}
	#contactus a.current {background-position: 0 -60px;}
div#virtualtour {	/*--Navigation Menu Item--*/
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100px;
	}
	#virtualtour a {
		background: url(../PNG/VirtualTour-rollover.png) 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 100px;
		}
	#virtualtour a:hover {background-position: 0 -20px;}
	#virtualtour a:active {background-position: 0 -40px;}
	#virtualtour a.current {background-position: 0 -60px;}
div#functionality {	/*--Navigation Menu Item--*/
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100px;
	}
	#functionality a {
		background: url(../PNG/Functionality-rollover.png) 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 100px;
		}
	#functionality a:hover {background-position: 0 -20px;}
	#functionality a:active {background-position: 0 -40px;}
	#functionality a.current {background-position: 0 -60px;}
div#navigationcontent {	/*--Navigation Column Content Under the Navigation Buttons--*/
	padding-top: 20px;
	}
div#header {	/*--Page Header--*/
	margin-left: 27%;	/*--Allows Fluid Logo Position with Window Re-Size--*/
	padding: 15px;
	width: auto;
	}
div#logo {	/*--El Dorado Logo--*/
	height: 100px;
	width: 450px;
	}
	#logo a {
		background: url(../PNG/Logo01-rollover.png) 0 0 no-repeat;
		display: block;
		height: 100px;
		width: 450px;
		}
	#logo a:hover {background-position: 0 -100px;}
div#content {	/*--Page Content--*/
	background-color: #FFFFFF;
	border-right: 20px solid #ECECEC;
	margin-left: 170px;	/*--Margin Equivalent to Width of Navigation and Padding--*/
	max-width: 710px;	/*--Max Width Equivalent to Max Page Container Width, Less Navigation Column Width and it's Padding, Less Border-Right Width, Less Padding--*/
	min-width: 510px;	/*--Min Width Equivalent to Min Page Container Width, Less Navigation Column Width and it's Padding, Less Border-Right Width, Less Padding--*/
	}
div#slideshowcontrols {	/*--Slide Show Control Buttons--*/
	height: 65px;
	padding: 0;
	}
div#sscontrol01 {	/*--Slide Show Control Column 01--*/
	background-image: url(../GIF/SSRight.gif);
	background-repeat: repeat-x;
	border-left: #FFFFFF solid 20px;
	float: left;
	height: 65px;
	padding: 0;
	width: 70px;
	}
div#sscontrol02 {	/*--Slide Show Control Column 02--*/
	float: left;
	height: 65px;
	padding: 0;
	}
div#sscontrol03 {	/*--Slide Show Control Column 03--*/
	background-image: url(../GIF/SSRight.gif);
	background-repeat: repeat-x;
	float: left;
	height: 65px;
	padding: 0;
	width: 30px;
	}
div#sscontrol04 {	/*--Slide Show Control Column 04--*/
	float: left;
	height: 65px;
	padding: 0;
	}
div#sscontrol05 {	/*--Slide Show Control Column 05--*/
	float: left;
	height: 65px;
	padding: 0;
	}
div#sscontrol06 {	/*--Slide Show Control Column 06--*/
	float: left;
	height: 65px;
	padding: 0;
	}
div#sscontrol07 {	/*--Slide Show Control Column 07--*/
	float: left;
	height: 65px;
	padding: 0;
	}
div#sscontrol08 {	/*--Slide Show Control Column 08--*/
	background-image: url(../GIF/SSRight.gif);
	background-repeat: repeat-x;
	border-right: #FFFFFF solid 20px;
	height: 65px;
	padding: 0;
	}
div#slideshowcontent {	/*--Content Text--*/
	padding-right: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 10px;
	}
div#footer {	/*--Page Footer--*/
	padding: 10px;
	width: auto;
	}

/*--Class Selectors:--*/
div.clear {	/*--To Clear Column Floats--*/
	clear: left;
	}
div.slideshowimageright	{	/*--Container for Right Image and Popup--*/
	float: right;
	padding: 20px;
	}
div.slideshowimageleft	{	/*--Container for Left Image and Popup--*/
	float: left;
	padding: 20px;
	}
/*--For Popup Slide Show Images, Right Side:--*/
.imagepopupright {
	position: relative;
	z-index: 0;
	}
.imagepopupright:hover {
	background-color: transparent;
	z-index: 10;
	}
.imagepopupright span {	/*--CSS for Enlarged Image--*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
.imagepopupright span img {	/*--CSS for Enlarged Image--*/
	border-width: 0;
	padding: 2px;
	}
.imagepopupright:hover span {	/*--CSS for Enlarged Image on Hover--*/
	visibility: visible;
	top: -290px;	/*--Position where Enlarged Image Should Offset Vertically--*/
	left: -205px;	/*--Position where Enlarged Image Should Offset Horizontally--*/
	}
/*--For Popup Slide Show Images, Left Side:--*/
.imagepopupleft {
	position: relative;
	z-index: 0;
	}
.imagepopupleft:hover {
	background-color: transparent;
	z-index: 10;
	}
.imagepopupleft span {	/*--CSS for Enlarged Image--*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
.imagepopupleft span img {	/*--CSS for Enlarged Image--*/
	border-width: 0;
	padding: 2px;
	}
.imagepopupleft:hover span {	/*--CSS for Enlarged Image on Hover--*/
	visibility: visible;
	top: -290px;	/*--Position where Enlarged Image Should Offset Vertically--*/
	left: -10px;	/*--Position where Enlarged Image Should Offset Horizontally--*/
	}