@import url("directory.css");


/* ===== UNIVERSAL FONT SETTINGS ===== */
html {
	font: 13px Arial;}
	
	a:link, a:visited  {
		color: #005DAB;
		text-decoration: none;}

	h1, h2, h3, h4, h5, h6, p {
		margin: 0;
		padding: 0;}
		
	h1 {
		margin-top: 10px;}
		
	h1, h2, h3, h5, h1 a:link, h1 a:link, h2 a:link, h3 a:link, h5 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h5 a:visited {
		color: #5B2324;
		font-family: Arial;
		text-decoration: none;}
		
	h4, h6, h4 a:link, h6 a:visited, h4 a:visited, h6 a:visited {
		color: #EBB147;}
		
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: underline;}
		
	h6, h5 {
		font: 9px Verdana;
		color: #EBB147;}
		
/* ===== UNIVERSAL IMAGE SETTINGS ===== */

	.right, .rightBorder {
		float: right;
		margin: 10px 0 10px 10px;}
		
	.rightBorder, .leftBorder {
		border: 1px solid black;}
		
	.left, .leftBorder {
		border: 1px solid black;
		margin: 10px 10px 10px 0;}

		
/* ===== News Section ===== */
	#newsContent {
		text-align: justify;}
		
	#rightSide {
		text-align: left;}
	
	#rightSide p {
		padding: 0 0 1em 0;}
		
/* ===== MAIN NAV FONT SETTINGS ===== */

	#navContent {
		color: white;
		font-size: 12px;
		text-transform: uppercase;}
		
	#navContent a:visited {
		color: white;
		text-decoration: none;}
		
	#navContent a:link {
		color: white;
		text-decoration: none;}
		
	#navContent a:hover {
		text-decoration: underline;}
			
	#navContent ul {
		margin: 5px 0 0 0;
		/*\*/* margin: 12px 0 0 0;}
		
		#navContent ul li {
			font-family: Arial Black;
			display: inline;
			border-right: 1px solid white;
			padding-right: 5px;
			/*\*/* padding-left: 5px; /**/}
			
	#bottomNavContent ul li, #topNavContainer ul li {
		display: inline;
		border-right: 1px solid #DEE4E9;
		padding-right: 5px;
		/*\*/* padding-left: 5px; /**/
		text-transform: uppercase;}
			
	#topNavContainer ul {
		font-size: 11px;}
		
	#bottomNavContainer {
		color: gray;
		font-size: 10px;}
		
		#bottomNavContent ul {
			margin: 0 0 0 -35px;
			/*\*/* margin: 0; /**/}
		
	#navContent ul li.last, #bottomNavContent ul li.last {
		border-right: none;}
		
	#subNavContainer ul {
		width: 170px;
		margin: 0 0 20px -50px;
		/*\*/* margin: 0 0 20px -25px;}
		
		#subNavContainer ul li {
			border-bottom: 1px solid #EBB147;
			color: #5B2324;
			padding: 5px;
			list-style-type: none;
			text-align: left;}
		
		#subNavContainer ul li a:link, #subNavContainer ul li a:visited {
			color: #5B2324;
			text-transform: uppercase;
			text-decoration: none;}
			
		#subNavContainer ul li a:hover {
			text-decoration: underline;}
		

/* quick fix for code error */
	#subNavContainer0 ul {
		width: 170px;
		margin: 0 0 20px -50px;
		/*\*/* margin: 0 0 20px -25px;}
		
		#subNavContainer0 ul li {
			border-bottom: 1px solid #EBB147;
			color: #5B2324;
			padding: 5px;
			list-style-type: none;
			text-align: left;}
		
		#subNavContainer0 ul li a:link, #subNavContainer0 ul li a:visited {
			color: #5B2324;
			text-transform: uppercase;
			text-decoration: none;}
			
		#subNavContainer0 ul li a:hover {
			text-decoration: underline;}
				

/* ===== UNIVERSAL IMAGE SETTINGS ===== */

	.right, .rightBorder {
		margin: 10px 10px 10px 20px;
		float: right;}
		
	.rightBorder {
		border: 1px solid black;}
		
	.left, .leftBorder {
		margin: 10px 20px 10px 10px;
		float: left;}
		
	.leftBorder {
		border-right: 1px solid black;}	
		

/* ===== Right Side Container ===== */

	#rightSideContainer {
		width: 144px;
		background: #5B2324;
		border: 1px solid black;
		float: right;
		margin: 20px 0 10px 15px;}
		
		#weatherUnderground img {
			margin: 4px 0 0 0;}
		
		#rsHeader {
			background: #F4A617;
			border-bottom: 3px dotted #D79117;
			padding-bottom: 5px;
			font-size: 15px;
			color: white;
			font-family: Arial Black;
			padding: 3px;
			text-align: center;}
			
		#rsContent ul, #rsContent ul a:link, #rsContent ul a:visited  {
			color: white;
			margin: 3px 3px 5px 0px;}
			
			#rsContent ul li {
				margin: 0 0 5px 0;}
	
	td#rightSide ul li {
		padding: 0.5em;}
		
/* ===== Right Side Chamber of Commerce ===== */

	#rightSideChamber {
		width: 144px;
		background: #5B2324;
		border: 1px solid black;
		float: right;
		margin: 0 0 10px 15px;}

		
		#rscHeader {
			background: #F4A617;
			border-bottom: 3px dotted #D79117;
			padding-bottom: 5px;
			font-size: 15px;
			color: white;
			font-family: Arial Black;
			padding: 3px;
			text-align: center;}
			
		#rscContent, #rscContent a:link, #rscContent a:visited  {
			color: white;
			margin: 3px 3px 5px 0px;
			text-align: center;
			font-size: 11px;}
			
			#rscContent ul li {
				margin: 0 0 5px 0;}
	
	td#rightSide ul li {
		padding: 0.5em;}

	br {
		clear: both;}
				
/* ===== Universal Button Settings ===== */
	
	.button {
		/* Font Settings */
		text-transform: uppercase;
		font-weight: bold;
		font-size: 15px;
		/* Div Settings */	
		width: 200px;	
		text-align: center;
		background: url(../../images/buttonBack.jpg) bottom left repeat-x #F4A617;
		border: 2px dashed #5B2324;		
		padding: 5px;
		color: white;
		margin: 10px;}
		
/* ===== Misc Settings ===== */

	#resources blockquote {
		border-bottom: 1px dashed black;
		padding-bottom: 3px;}

	.borderBottom {
		border: 1px dashed black;}
		
	 #rightSide fieldset {
	 	border: 1px dashed gray;}
		
/* ===== Hide & Show ===== */
		
	.hideShow {
		padding: 5px;
		color: #5B2324;
		border: 1px dashed #CCCCCC;
		margin: 0 0 5px 0;
		overflow: hidden;}
		
	.closeButton {
		width: 15px;
		background: url(../../images/buttonBack.jpg) left 10% repeat-x;
		padding: 5px;
		float: right;
		font-weight: bold;
		text-decoration: none;
		margin: -28px -6px 0 0;
		text-align: center;}
		
	#rightSide legend {
		background: white;
		padding: 5px;}
		
/* ===== Planner ===== */

	#planner {
		width: 85%;
		margin-left: 35px;}
		
		#planner table {
			width: 100%;}
			
			#planner fieldset {
				margin-bottom: 8px;}
			
			#planner table td {
				padding: 5px;}
			
			#planner td.right {
				text-align: right;}
	
			#planner table tr.grey {
				background: #F3F3F3;}
				
/* ===== Plan Your Excursion ===== */

	#planContent ul.plan {
		margin: 85px 0 0 5px;
		/*\*/* margin: 85px 0 0 45px; /**/}
		
		#planContent ul.plan li {
			margin: 0;
			padding: 0;
			width: 150px;
			border-bottom: 1px solid #8E6128;
			list-style-type: none;}
			
		#planContent ul.plan li a:link, #planContent ul.plan li a:visited {
			color: black;
			text-decoration: none;}
			
		#planContent ul.plan li a:hover {
			text-decoration: underline;}
			
/* ===== Discovery Guide ===== */

	#getDiscoveryGuide {
		margin: 13px 0 10px 0;
		padding-top: 10px;
		border-top: 1px solid #F4A616;}
	
	td.downloadGuide a {
		color: #5b2324;
		font-weight: bold;}
	
	td.downloadGuide img {
		vertical-align: text-top;}
		
/* ===== Browse by Category & Community ===== */

	#byCategory, #byDestination, #bySearch {
		margin: 10px 0 10px 0;}

	#byCategory div.left {
		border-right: 1px dashed #CCCCCC;}
		
	#byCategory div.left, #byCategory div.right {
		float: left;
		width: 40%;}
		
	#byDestination div.left {
		border-right: 1px dashed #CCCCCC;}
		
	#byDestination div.left, #byDestination div.right {
		float: left;
		width: 40%;}
		
	#bySearch .searchButton {
		padding: 2px;
		background: #CCCCCC;
		border: 1px solid black;}
		
		.searchButton:hover {
			background: #005DAB;
			color: white;}
			
/* ===== Site Map Settings ===== */

	#siteMap {}
	
		#siteMap fieldset {
			margin-top: 15px;
			width: 75%
			text-align: left;}
	
		#siteMap legend {
			font-weight: bold;
			text-transform: uppercase;}
			
		#siteMap .left, #siteMap .right {
			width: 40%;
			float: left;}
			
		#siteMap ul {
			list-style-type: square;}
			
			#siteMap ul li.sub {
				list-style-typs: circle;
				list-style-image: url(../../images/listStyleImage.gif);
				padding: 0;
				margin-left: 30px;}
			
		#siteMap .left {
			border-right: 1px dashed #CCCCCC;
			padding-right: 15px;}
			
		.list {
			width: 300px;}
			
		.list li {
			width: 135px;
			float: left;}
			
		#destinations {
			width: 90%;}
			
		#attractions, #membership, #excursion, #misc {
			width: 40%;
			text-align: left;
			float: left;}
			
		#membership, #misc {
			margin-left: 10px;}
			
		#seperator {
			width: 300px;
			height: 10px;
			/*\*/* height: 50px; /**/
			float: left;}

/* DESTINATION REGION MAP excursion/packages/index.htm */

div#destinationPackagesMapContainer {
	width: 414px;
	height: 420px;}
	
	#destinationPackagesMapContainer img {
		position: absolute;}

	div.destinationPackagesRegionTitle {
		width: 120px;
		border: 2px solid #d8dfe4;
		position: absolute;
		background: #597081;
		margin-top: 300px;
		margin-left: 250px;
		line-height: 1.3em;
		vertical-align: middle;
		text-align: center;}
		
		div.destinationPackagesRegionTitle h1 {
			font-size: 1.2em;
			color: #d8dfe4;
			margin: 10px;
			padding: 10px;
			text-transform: uppercase;}
	
  	div#destRegion0 {}
  	
  	div#destRegion1 {
  		display: none;}
  	
  	div#destRegion2 {
  		display: none;}
  	
  	div#destRegion3 {
  		display: none;}