body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat;	
	background: #A8B100;      /* Check to be sure what color this is...  */
	background-image:url('images/background.jpg');
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}



/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
.KeysTV #container { 
	width: 978px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.KeysTV #container a img {
	text-decoration: none;
	border: none;
}

.KeysTV #header_tophalf {

	width: 978px; 
	height: 110px;

	position: relative; /* My understanding is that everything inside of this div is now relative to the div, right? */
	bottom: 0px;

	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-image: url('images/background_header_tophalf.jpg');
}

.KeysTV #search_box { /* Is this even used? I can't see where...! */
	position: absolute;  /* Positioning is now absolute within this div within the relative div above, right? */
	right:    6px;
	bottom:   5px;
	width: 178px;	
	/* background-color: #339933 */
}

.KeysTV #search_box input {  /* Is this even used...? I can't see where...! */
	background-color:#666600;
	/* color: #FFFFFF; */
}


.KeysTV #search { 
	
	display: block; 
	position: absolute; 
	background:url("images/search_image.gif") no-repeat left top;
	right:  9px;
	bottom: 7px;

/*	width: 250px;   For gator overlay
	height: 84px;
*/
	width: 250px;   /* Without gator overlay */
	height: 30px;
}

.KeysTV #search .textbox{
		
		/* z-index: 99;  */
		position: absolute; 
		width: 200px;
/* 		left: 10px;  With gator overlay 
		top: 55px;
*/		
		left: 10px;
		top: 8px;
		background: transparent;
		/* background-image: url('images/spacer.png');  */
		border: none;
		font-family: Sans-Serif;
		font-weight: bold;
		font-size: 13px;
		color: #FFFFFF;
		}

.KeysTV #search .submit{
		position: absolute; 
/*		right: 6px;   With larger Gator Overlay  
		top: 52px;
*/		
		right: 2px;
		top:   3px;
		border: none;
		font-family: Georgia, Sans-Serif;
		font-size: 18px;;
		color: #1d1d1d;
		z-index: 4;
		}


.KeysTV #align_bottom {  /* This is used to align the buttons on the bottom left of the header_tophalf */
	position: absolute;  /* Positioning is now absolute within this div within the relative div above, right? */
	bottom: 3px;
	left:   12px;
	height: 34px;
	width: 630px;
	overflow: hidden; /* Does this fix IE adding extra height? Yes it does, this brings it down to 0 where I expected it to be */
}


.KeysTV .top_nav_btn {
	position: relative; 
	font-family: Sans-Serif;
	background: url(images/top_nav_button_blank_s.gif) no-repeat;
	width: 123px;
	height: 34px;

	margin-left: 1px;
	margin-top: 2px;

	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	color: #FFF;

	float: left;   /* This causes the icons to be horizontal rather than vertical */
}

.KeysTV .top_nav_btn a{
	display: block; 
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	float: left;
	width: 123px;
	height: 34px;
	text-decoration: none;
}

.KeysTV .top_nav_btn img {
	width: 123px;
	height: 34px;
	border: 0;
	/* float: left; */
}

.KeysTV .top_nav_btn a:hover img
{
	visibility: hidden;
}

* html a:hover {
	visibility: visible;  /* This fixes IE not honoring the 'rollover' effect which we created by forcing visibility. */
}


.KeysTV .top_nav_btn span{
	position: absolute;
	left: 0px;         /* Was 35  This is the button text offset from the left */
	top: 7px;          /* Was 15  This is the button text offset from the top */
	width: 123px;
	cursor: pointer;
	text-align: center;
	/* float: left; */
}



.KeysTV #header_bottomhalf {

	width: 978px;   
	height: 57px;
	text-align: center;
	
	border: none;
	/* background-image: url('images/background2_header_bottomhalf.jpg'); */
	background-image: url('images/background_header_bottomhalf.jpg');
}

.KeysTV #vertical_center {
	padding-top: 15px;    /* This is the spacing from the top brown decorated border to the top of the first line of MID NAV text */
	padding-left: 10px;
	padding-right: 15px;

}

.KeysTV a.mid_nav_button {
		font-family: Sans-Serif;
		font-weight: bold;
		font-size: 17px;  /* Was 13px */
		color: #FFFFFF;
		text-align: center;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
		padding-left: 10px; /* This added padding to the left of the individual items (Attractions, Arts, Accomodations) */
		padding-right: 7px;
		text-transform: capitalize;
		text-decoration:none		;
}

.KeysTV a.mid_nav_button:hover {
	background-color: #b99120;
	/* 	color: #fc6f03; */
	color: #ffffff; 	
}

.KeysTV a.mid_nav_button_highlight {
		font-family: Sans-Serif;
		font-weight: bold;
		font-size: 17px;
		text-transform: capitalize;
		text-decoration:none;
		padding-left: 10px; /* This added padding to the left of the individual items (Attractions, Arts, Accomodations) */
		padding-right: 7px;

	background-color: #b99120;
	/* 	color: #fc6f03; */
	/* color: #ffffff; 	 */
}

.KeysTV #mid {
	width: 978px; 
	height: 481px; /* Was 450 */
	/* background-image: url('images/background2_mid.jpg'); */
	background-image: url('images/background_mid.jpg');
	overflow: hidden; /* Does this fix IE adding extra Height? */		
}


.KeysTV #bottom_container { 
	float: right;
	width: 780x; 
	height: 5px;
	padding-top: 5px;

}


.KeysTV #bottom_nav{
	float:left;
	/* width: 600px; */



}

.KeysTV #bottom_nav a{
	font-family: Sans-Serif;
	font-weight: normal;
	font-size: 10px;   /* Was 13px */
	color: #FFFFFF;
	text-decoration:none;
	padding-right: 5px;
	padding-left: 5px;

}

.KeysTV #bottom_nav a:hover {
	/* background-color: #b99120; */
	text-decoration:none;
	color: #ffffff; 	
}

.KeysTV #footer {

	width: 978px; 
	height: 110px;
	border: none;
	/* background-image: url('images/background2_footer.jpg'); */
	background-image: url('images/background_footer.jpg');
}

.KeysTV #left_nav_vert { /* Left Nav Vertical Spacer Fix for IE */
	float: left;
	width: 18px;
	height: 481px; /* was 481 Same height as left_nav_container */

}

.KeysTV #left_nav_container {
    float: left;
	width: 179px;  /* Was 158 then 163*/
	/* height: 481px; */ /* (Originally set to 481px) This must fit within mid above which is 481  */
	/* Changed to accomodate the Weather container  */
	
	/* IE mangles the autocenter required using margin 0 auto when a padding is present so lets do left_nav_item instead */
	padding-top: 12px;   /* Was 11 reduced to 6 */
	
	/* padding-left: 18px;  */ /* Was 20, 15 is perfectly centered but not wide enough for Services & Supplies */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */		
	text-align: center; /* Why are we using BOTH margin 0 auto AND text-align - div AND text??? */
	border: none;
}

.KeysTV #left_nav {
    float: left; 
	height: 366px;  /* (Originally set to 481px) This must fit within mid above which is 481  */
}



.KeysTV #left_nav_item {
	/* float: left; */
	width: 156px;  /* Was 156 */
	height: 31px;
	
	/* background-color: #FF0000; */

	/* Text attributes */
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 15px;   /* Was 13px */
	color: #FFFFFF;
	text-align: center;
	text-transform: capitalize;
	text-decoration:none;
	cursor: pointer;		
}

.KeysTV #left_nav_text {
	height: 17px;
	padding-top: 7px;
}

.KeysTV #left_nav_spacer {
	/* float: left; */
	width: 100px; /* Was 160 */
	height: 5px;
	/* background-color: #666666; */
	
}

.KeysTV #left_nav_ad {
	/* float: left; */
	width: 156px;
	/* height: 174px;  */
	cursor: pointer;		
}

.KeysTV #left_nav_ad_spacer {
	/* float: left; */
	width: 156px;
	height: 3px;
	
	<!--[if IE 6]>
		height: 0px;
	<![endif]-->	
	
}


.KeysTV #left_nav_event {
	/* float: left; */
	width: 156px;
	/* padding-top: 3px; */
	/* padding-bottom: 3px; */
	/* background-color: #660066;  */

	/* Text attributes */
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 11px;   /* Was 13px */
	color: #FFFFFF;
	text-align: center;
	text-transform: capitalize;
	text-decoration:none;
	cursor: pointer;		
}


.KeysTV #left_nav_event_odd {
	/* float: left; */
	width: 156px;
	height: 31px;
	margin-bottom: 5px;
}

.KeysTV #left_nav_event_even {
	/* float: left; */
	width: 156px;
	height: 31px;
	margin-bottom: 5px;

}

.KeysTV #left_nav_event_highlight {
	/* float: left; */
	width: 156px;
	height: 31px;
	margin-bottom: 5px;
		
	background-color: #BA9221; 
}


.KeysTV #left_nav_weather {
    float: left;
	width: 156px;  /* */
	height: 100px;  /* */
	padding-top: 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */		
	text-align: center; /* Why are we using BOTH margin 0 auto AND text-align - div AND text??? */
	border: none;
	/* background-color: #FFFFFF; 	*/

	/* Text attributes */
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 11px;   /* Was 13px */
	color: #FFFFFF;
	text-align: center;
	text-transform: capitalize;
	text-decoration:none;



}






.KeysTV #mid_center {
	float: left;
	width: 478px; 
	height: 452px;
	border: none;

}

.KeysTV #right_nav {
	float: left;
	width: 290px; 
	height: 452px;
	overflow: hide;
	/* border: none; */
	/* border-width: 1px;
	border-style: solid;
	border-color: #FF0000; */
	/* background-color: #000010;	*/
}

.KeysTV #video_selector {
	width: 300px;
	height: 374px;
	margin: 0;
	margin-left: 1px;
	/* border-width: 1px;
	border-style: solid;
	border-color: #00FF00; */
}

.KeysTV #video_spacer_header {
	width: 280px;
	height: 12px;
	margin: 0;	
	/* border-width: 1px;
	border-style: solid;
	border-color: #0000FF;  
	background-color: #101010;	*/
}

.KeysTV #video_item {
	float: left;
	width: 306px;  /* This must be less than right nav width */
	height: 66px;
	margin: 0;
	border: none;	
	overflow: hidden; /* Does this fix IE adding extra width? */	
	
	cursor: pointer;  /* Added Mon Mar 31 because of Craig email regarding customer not knowing its a hotzone */
	/* border-width: 1px;
	border-style: solid;
	borer-color: #FFFF00; */
	/* background-color: #002020;  */ /* uncomment this to adjust video div  */
}

.KeysTV #video_spacer {
	float: left;
	width: 280px;
	height: 6px;
	margin: 0;	
	/* border-width: 1px;
	border-style: solid;
	border-color: #0000FF;  */
	/* background-color: #303030;  // uncomment this to adjust video div */
}

.KeysTV #video_icon {
	float: left;
	width: 90px;
	height: 65px; /* This cannot exceed video_item height */
	margin: 0;	
	padding-left: 0px;
	padding-top: 0px;
	border: none;	
	/* border-width: 1px;
	border-style: solid;
	border-color: #FFFF00;  
	background-color: #202020; */
	
}

.KeysTV #video_desc {
	float: left;
	width: 212px; /* Was 215px */
	margin-left: 1px;	
	height: 50px; /* Was 35 */
	border: none;	
	padding-top: 0px; /* Was 5 */
	
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 13px;   /* Was 13px */
	color: #FFFFFF;
	/* text-align: center;
	margin: 0 auto; */ /* the auto margins (in conjunction with a width) center the page */	
	padding-left: 0px;
	/* padding-right: 3px; */
	text-transform: capitalize;
	text-decoration:none;

	/*border-width: 1px;
	border-style: solid;
	border-color: #FFFF00;   */
	/* background-color: #202020; */
}

.KeysTV #video_indicator {
	float: left;
	width: 212px;
	height: 16px; /* Was 21 */
	border: none;	
	margin-left:1px;
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 12px;   /* Was 13px */
	color: #FFFFFF;
	text-align: right;

	padding-top: 1px; /* Was 6 */
	text-transform: capitalize;
	text-decoration:none;

	/* border-width: 1px;
	border-style: solid;
	border-color: #FFFF00;  */
	/* background-color: #202020; */
}


.KeysTV #video_indicator a {
	text-decoration:none;
	color: #FFFFFF;
	
	/* border-width: 1px;
	border-style: solid;
	border-color: #FFFF00;  */
	/* background-color: #202020; */
}

.KeysTV #video_nav {
	width: 300px;
	height: 60px;
	position: relative;  /* This is needed for the following back_button and next_button div's */
	/* border-width: 1px;
	border-style: solid;
	border-color: #0000FF; */
	/* background-color: #404040;  */
}

.KeysTV a.video_nav_highlight {
		padding-left: 0px;
		padding-right: 0px;
		/* background-color: #b99120; removed when div full highlight changed to orange #ff6600 */
		/* 	color: #fc6f03; */
		/* color: #ffffff; 	*/
		text-decoration:none;
}

.KeysTV #back_button {
	/* float: left; */
	position: absolute;  /* Positioning is now absolute within the video_nav div  */
	left:     16px;
	top:      12px;
}

.KeysTV #more_button {
	/* float: left; */
	position: absolute;  /* Positioning is now absolute within the video_nav div */
	left:     160px;
	top:      12px;
}


.KeysTV #video {
	float: left;
	width: 475px; 
	height: 355px;
	border: none; 

	/* border-width: 1px;
	border-style: solid;
	border-color: #0000FF; 
	background-color: #404040;  */
	
	text-align: center;
	margin-top: 10px;
	/* margin-left: 1px; */
	padding-left: 1px;
}

.KeysTV #info {
	float: left;
	width: 338px; 
	height: 86px;
	border: none;

	<!-- Text Attributes -->
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 13px;   /* Was 13px */
	color: #FFFFFF;
	/* text-align: center;
	margin: 0 auto; */ /* the auto margins (in conjunction with a width) center the page */	
	padding-left: 10px;
	/* padding-right: 3px; */
	text-transform: capitalize;
	text-decoration:none;

	/* border-width: 1px;
	border-style: solid;
	border-color: #0000FF; 
	background-color: #404040;  */

}

.KeysTV #location {
	float: left;
	padding-top: 1px;
	width: 123px; 
	height: 75px;
	border: none;

	/* border-width: 1px;
	border-style: solid;
	border-color: #0000FF; 
	background-color: #004040;  */

}

.KeysTV #location_nav {
	float: left;
	width: 125px; 
	height: 25px;

	margin-top: 1px;
	padding-left: 1px;
	overflow: hidden;

	border: none;
}


.KeysTV #sub_footer_header {
	width: 800px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: auto;
	border: none;
	margin: 0 auto;
	text-align: center; 
	font-size: 16pt;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #FFFFFF;


}

.KeysTV #sub_footer_text {
	width: 800px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: auto;
	border: none;
	margin: 0 auto;
	text-align: left;
	font-size: 12pt;
	font-family: "Trebuchet MS";

}

/* ------------------------------------------------ */

.SiteMap #container { 
	width: 1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: auto;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.SiteMap #header_tophalf {

	width: 1000px; 
	height: 110px;

	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-image: url('images/background_header_tophalfWIDE.jpg');
}


.SiteMap #info {

	width: 1000px; 
	height: 50px;
	float: left;

	text-align: center;
	
	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-color: #cc6666;
}

.SiteMap #info a {

	color: #333366;
	font-family:"Trebuchet MS";
	font-weight: bold;
	font-size: 16px;
	text-decoration:none;


}



.SiteMap #title {

	width: 1000px; 
	height: 35px;
	float: left;

	font-family:"Trebuchet MS";
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #333366;

	
	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-color:#ff9966;
}

.SiteMap #column_box {

	width: 1000px; 
	height: auto;

	float: left;
	
	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-color:#FFFFFF;
}

.SiteMap #column {

	width: 198px;  /* Was 195 for column, 100 for testing */
	height: auto;

	float: left;

	font-family:"Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #663300;

	text-align: center;

	border: 1px;
	border-style: solid;
	border-color: #333366;
	
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-color:#FFFFFF;
}

.SiteMap #column a {
	text-decoration: none;
	font-weight: normal;
	color: #333366;	
	border: none;
}



.SiteMap #category {

	font-family:"Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform:capitalize;
	text-align: center;
	color: #cc6666;
}


.SiteMap #column_header {

	width: 198px; 
	height: 25px; 
	font-family:"Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	border: 1px;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-color:#cc6666;
}




.SiteMap #footer {

	width: 1000px; 
	height: 50px;

	float: left;

	text-align: center;
	font-family:"Trebuchet MS";
	font-size: 12px;

	text-decoration: none;
	font-weight: normal;
	
	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */
	background-color: #cc6666;
}

.SiteMap #footer a {

	color: #333366;
	font-weight: bold;
	font-size: 16px;
	text-decoration:none;

}




.SiteMap #subfooter {

	width: 1000px; 
	height: 20px;

	float: left;

	text-align: center;
	font-family:"Trebuchet MS";
	font-size: 12px;
    color: #ff9966;

	
	border: none;
	/* background-image: url('images/background2_header_tophalf.jpg'); */

}

.SiteMap #bottom_nav a {
	font-family: Sans-Serif;
	font-weight: normal;
	font-size: 10px;   /* Was 13px */
	color: #FFFFFF;
	text-decoration:none;
	padding-right: 5px;
	padding-left: 5px;
}