/* ---------- Body Attributes ---------- */

body{
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: black;
	background: #ffd287 url(../images/background.jpg) repeat;
	margin: 0;
	height: 100%;
}

html{
	height: 100%;
}

/* ---------- Div Attributes ---------- */

#containerBackground{
	position: relative;
	background: url(../images/topbarBG.gif) repeat-x;
}

	#container{
		position: relative;
		width: 990px;
		margin: 0 auto;
	}
	
		#leftColumn{
			position: relative;
			float: left;
			display: block;
			width: 455px;
		}
			
			#leftColumnTop{
				position: relative;
				width: 455px;
				height: 100px;
				padding: 0;
				margin: 0;
				background: url(../images/leftColumnTop.png) no-repeat top center;
			}
			
				#leftColumnTopLogo{
					position: absolute;
					top: 10px;
					left: 10px;
				}
				
					* html #leftColumnTopLogo{ /* IE6 hack to simulate floating absolutely positioned layer */
						position: relative;
						display: block;
						float: left;
						clear: left;
					}
				
				#leftColumnTopPhotos{
					position: absolute;
					top: 0px;
					right: 0px;
				}
				
					* html #leftColumnTopPhotos{ /* IE6 hack to simulate floating absolutely positioned layer */
						position: relative;
						display: block;
						float: right;
						clear: right;
					}
		
			#leftColumnContent{
				position: relative;
				width: 413px;
				padding: 1px 20px 1px 20px; /* 1px top and bottom padding hack because the W3C sucks */
				margin: 0;
				background: url(../images/leftColumnContentBG.png) repeat-y;
			}
			
				* html #leftColumnContent{ /* IE6 background hack */
					background: url(../images/leftColumnContentBG.gif) repeat-y;
					z-index: 1;
				}
				
				#leftColumnContent p{ margin: 0 0 8px 0; }
				
				#leftColumnFeature{
					position: relative;
					width: 403px;
					height: 180px;
					overflow: hidden;
					margin: 10px 0 10px 0;
					padding: 0 5px 5px 5px;
					border: 1px solid #e7c57d;
					background: white;
				}
				
					#leftColumnFeature img{
						margin: 0 5px 0 5px;
					}
				
				.horizontalDivider{
					width: 100%;
					height: 2px;
					margin: 10px 0 10px 0;
					background: url(../images/dottedDividerHorizontal.gif) repeat-x;
				}
				
				.leftColumnSection{
					position: relative;
					width: 403px;
					margin: 0;
					padding: 0 5px 0 5px;
				}
				
				.leftColumnSectionBackground{
					background: url(../images/dottedDividerVertical.gif) repeat-y 220px 0px;
				}
				
					.leftColumnSectionFloatLeft{
						display: block;
						float: left;
						width: 210px;
						clear: left;
					}
					
					.leftColumnSectionFloatRight{
						display: block;
						float: right;
						width: 180px;
						clear: right;
					}
					
						#leftColumnAd{
							position: relative;
							top: 0px;
							left: 0px;
							width: 180px;
							height: 150px;
							border: 1px solid #e7c57d;
						}
			
			#leftColumnBottom{
				position: relative;
				width: 454px;
				height: 20px;
				padding: 0;
				margin: 0;
				background: url(../images/leftColumnBottom.png) no-repeat;
			}
		
		#rightColumn{
			float: right;
			display: block;
			width: 520px;
			padding: 9px 0 60px 0;
			background: url(../images/sandLogo.png) no-repeat bottom right;
		}
		
			#rightColumnAd{
				position: relative;
				top: 0px;
				left: 0px;
				margin: 10px auto;
				width: 468px;
				height: 60px;
				border: 1px solid #e7c57d;
			}

#footer{
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 20px 0 5px 0;
	font: bold 11px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #0073bc;
}

	#footer a{
		text-decoration: none;
		color: #0073bc;
	}
	
	#footer a:hover{
		text-decoration: underline;
		color: #e68e11;
	}
	
	.footerText{
		margin: 5px 0 0 5px;
		line-height: normal;
		font: bold 11px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	}

/* ---------- Dropdown Menu ---------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuContainer{
	width: 100%;
	background: url(../images/homeTopbarBG.png) no-repeat;
}

#menu {list-style-type:none; 
	margin:0 0 0 10px; /* settings for this demo olnly */
	padding:0;}

* html #menu {z-index: 1000;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; /*background: #fff;*/ padding: 5px 10px;font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt {background: transparent; margin:0; font-size: 1.1em; float:left; border-right:1px solid #eeeeee;}
#menu dd {display:none; background: transparent; /* border-bottom:1px solid #cce;*/ clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}



#menu dt a, #menu dt a:visited {display:block; color:#0073bc; padding: 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:url(../images/dropdownMenuBG.png) repeat; color:#0073bc; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
/* #menu li:hover dl, #menu li a:hover dl {border-bottom:15px solid #e2dfa8;} */
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #e2dfa8; color:#f7931f;}

/* ---------- Common Styles ---------- */

img{
	border: none;
	behavior: url(assets_unmanaged/TravelTV247/css/iepngfix.htc);
}

div{
	behavior: url(assets_unmanaged/TravelTV247/css/iepngfix.htc);
}

p{
	font-size: 11px;
	line-height: 18px;
}

li{
	list-style-image: url(../images/listItemBullet.gif);
}

.leftImage{
	float: left;
	margin: 0 10px 0 0;
	display: block;
}

.centerImage{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.rightImage{
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

.centerText{
	text-align: center;
}

.rightText{
	text-align: right;
}

.clear{
	clear: both;
}

/* ---------- Text Styles ---------- */

h1{
	font: bold 18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #e68e11;
	margin: 5px 0;
}

h2{
	font: bold 16px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #e68e11;
	margin: 5px 0;
}

.boldText{
	font-weight: bold;
}

/* ---------- Link Attributes ---------- */

a{
	text-decoration: none;
	color: #e68e11;
}

a:link{
	text-decoration: none;
	color: #e68e11;
}

a:visited{
	text-decoration: none;
	color: #e68e11;
}

a:active{
	text-decoration: underline;
	color: #0073bc;
}

a:hover{
	text-decoration: underline;
	color: #0073bc;
}