/*ck05-2010 for top nav*/

.style1 {font-size: xx-small}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
#Layer1 {
		position:relative;
	width:200px;
	height:20px;
	z-index:1;
	left: 656px;
	top:6px;
	visibility: hidden;
	
}
#Layer2 {
		position:relative;
	width:200px;
	height:20px;
	z-index:1;
	left: 656px;
	top: -14px;
	visibility: hidden;
}
#Layer3 {
		position:relative;
	width:200px;
	height:20px;
	z-index:1;
	left: 656px;
	top: -34px;
	visibility: hidden;
}
#Layer4 {
		position:relative;
	width:200px;
	height:20px;
	z-index:1;
	left: 656px;
	top: -54px;
	visibility: hidden;
}
#Layer5 {
		position:relative;
	width:200px;
	height:20px;
	z-index:1;
	left: 656px;
	top: -74px;
	visibility: hidden;
}
.style3 {color: #FFFFFF; font-weight: bold; font-size: 14px; }





	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align:left;
		line-height: normal;
		color: #000;
		margin: 0px;
		padding: 0px;
		background:#1F6296;
		} 

	
	p, div, form {
	margin:0;
	padding:0;

		}

	img {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align:middle;
		}

	input {
	font-size: 11px;
	margin:0;
	padding:0;
	border: 1px solid #cccccc;
		}

	hr{
	height:1px;
	color: #CCCCCC;
	text-align: left;
	}
	
	h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#660000;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(http://www.cityconcierge.com/images/blue-square.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 5px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin:0;
	text-indent: 5px;
	display: block;
	text-align: left;
	margin-top: 12px;	
}
		
	
	h2 {
	font-size:16px;
	color:#660000;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 20px;
	background-position: 1px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin:0;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: left;

}
	h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#000000;
	display: block;
	text-align: left;

}

	
	h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#660000;
	
}
	
	h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#666666;
	margin-bottom: 0px;
	
}
	h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
		}

	a {
		color:#660000;
		text-decoration:underline;
		}
		
	a:link {
		color:#660000;
		}		

	a:hover {
		color:#CC0000;
		}		
	
	a:active {
		color:#660000;
		}
		
	a:visited {
		color:#1F6296;
		}
		

/* LAYOUT STUFF */



	#MAIN {
		width:800px !important;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		}
/* destination rollover */
#MAIN #dest_layer {
	position:relative;
	width:130px;
	height:92px;
	z-index:1;
	background-color: #1F6296;
	left: 4px;
	top: 99px;
	overflow: visible;
	visibility: hidden;
	
	text-decoration: none;
}

#MAIN #dest_layer  a:link {
	color: #ffffff;
	font-size:13px;
	text-decoration: none;
	margin-bottom:15px;
	margin-top:15px;
}
#MAIN #dest_layer a:visited {
	color: #ffffff;
	font-size:13px;
	text-decoration: none;
	margin-bottom:15px;
	margin-top:15px;
}
#MAIN #dest_layer a:hover {
	color: #00aaff;
	font-size:13px;
	text-decoration: none;
	margin-bottom:15px;
	margin-top:15px;
}
	
	#HEADER {
		width:800px !important;
		height:192px !important;
		margin:0;
		padding:0;
		background:#6699CC;
		}
					
	#inbetween {
		width:800px !important;
		height:12px !important;
		margin:0;
		padding:0;
		border-top:1px solid #FFF;
		background:url('./mammothImages/inbetween.jpg') top left no-repeat;
		}

	#CONTENT {
		width: 798px !important;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		background:url('./mammothImages/mammothleftBG.jpg') top left repeat-y #FFF;
		}
				
	#CONTENT #flashMenu {
		width:187px !important;
		height:716px !important;
		margin:0;
		padding:0;
		float:left;
		background:url('./mammothImages/mammothleftBG.jpg') top left repeat-y #FFF;
		}		
							
	#CONTENT p {
		text-align:left;
		margin:5px 0 5px 0;
		padding:3px 7px 3px 7px;
		}

	#CONTENT img {
	margin:2px;
	padding:0;
	float:left;
	background-color: #FFFFFF;
		}
																										
						
	#CONTENT #rightCol {
		width:601px !important;
		margin:0;
		padding:0;
		float:right;
		}


					#CONTENT #rightCol .featured {
						width: 295px !important;
						height:150px !important;
						text-align:center;
						float:left;
						display:inline;
						margin:3px 2px 0 2px;
						padding:0;
						background:url('./mammothImages/featureBlockBG.jpg') top left no-repeat;
						}
		
					#CONTENT #rightCol .featured h4 {
						font-size:13px;
						line-height:16px;
						color:#000066;
						text-align:center;
						margin:8px 5px 5px 5px;
						padding:0 0 5px 0;
						border-bottom:2px solid #006;
						}

/* new by chris */	
/* a little reminder ,  div class=   uses .classname and  div id=  uses #idname   */
/*
 margin-top
 margin-right
 margin-bottom
 margin-left   
*/

						
	#CONTENT #midCol {
		width:471px!important;
		margin:0px 1px 0px 2px;
		padding:0;
		float:left;
		}
		
		
				#CONTENT #midCol .biz_city_title {
					font-size:16px; width:350px; 
					text-align:left; float:left; 
					margin-left:35px;margin-right:50px; 
					margin-top:10px; margin-bottom:5px; 
					padding:2; display:inline; color:#660000;
									}	
		
		
					#CONTENT #midCol #contentbox {
						width: 447px!important;
/*						min-height:1050px !important;  */
						text-align:justify;
						float:left;
						display:inline;
						
					/*	margin:0px 1px 15px 13px;  			*/
						margin:18px 1px 15px 13px;  
						padding:5;
						}				
					#CONTENT #midCol #contentbox_left {
						width: 200px!important;
						text-align:justify;
						float:left;
						display:inline;
						margin:18px 0px 15px 0px;
						padding:0;
						}									 
					#CONTENT #midCol #contentbox_right {
						width: 220px !important;
						text-align:justify;
						float:right;
/*						display:inline;  
						margin:18px -15px 15px 9px; */
					margin:9px 5px 15px 9px;
	padding:0 0px 0px 0;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	display: inline;
	padding:0;
						}									
						#CONTENT #midCol #contentbox_right_ie {
						text-align:justify;
						float:right;
						margin:9px 5px 15px 9px;
						padding:0 0px 0px 0;
						border-color: #999999;
						border-style: solid;
						border-width: 1px;
						display: inline;
						}		
 				/*	#CONTENT #midCol #contentbox_right_top {
						width: 220px !important;
						text-align:center;
						float:right;
						display:inline;
						margin:3px -15px 3px 9px; 
						padding:0;
						background:#000000;
						}	*/
						
					#CONTENT #midCol  #contentbox_right img {
						margin: 0;
						padding-right: -10px;
					    display: inline;
						float:none;
						text-align: center;
						}									
					#CONTENT #midCol #contentbox_bottom {
						width: 445px !important;
						text-align:justify;
						float:left;
						display:inline;
						margin:0px 0px 15px 0px;
						padding:0;
						}							
			#CONTENT #map {
			float: left;
			vertical-align: top;
			margin-left: 10px;
			background-color: #FFFFFF;
			padding-left: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
			max-width: 650px;
			text-align: left;
}
#CONTENT #map  #map_bottom {
	text-align: center;
	margin-top: 20px;
}


						
						
					#CONTENT #midCol h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding-bottom:2px;
	color:#000000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
						}						
					
					#CONTENT #midCol .mainbox {
						width: 452px !important;
						min-height:150px !important;
						text-align:center;
						float:left;
						display:inline;
						margin:3px 4px 15px 7px;
						padding:0;
						border:1px solid #ccc;
						}						
					#CONTENT #midCol .subbox {
						width: 431px !important;
						min-height:90px !important;
						text-align:left;
						float:left;
						display:inline;
						margin:3px 9px 0 6px;
						padding-top:10px;
						padding-left:10px;
						}											

					#CONTENT #midCol .subbox img {
						margin: 0;
						padding-right: 15px;
						border: 0;
						vertical-align:middle;
						}						
						
					#CONTENT #midCol .linkcontainer {
						width: 431px !important;
						border: 0;
						padding:10px;
						}		
					
	
					#CONTENT #midCol h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding-bottom:5px;
	color:#660000;
	line-height: 18px;
						}

					#CONTENT #midCol .basic_listing {
						width:350px !important;
						text-align:left;
						float:left;
						margin-left:45px;
						margin-right:50px;
						padding:0;
						display:inline;
						}					
					#CONTENT #midCol basic_listing h5 { 
						font-family: Arial, Helvetica, sans-serif;
						font-size:16px;
						margin:0;
						padding:0;
						padding-bottom:1px;
						}	

						
	#CONTENT #adCol {
		width:160px !important;
		margin:100px 0px 0px 0px; 
		padding:0;
		float:center;
		}
	#CONTENT .pic_ad {
		float:right;  !not used;
		padding:0;
		}			
	#CONTENT .textBlock_ad {
		width:116px !important;
		text-align:left;
		float:right;
		margin:5px 5px 0px 5px; 
		padding:0;
		}		
/*               */					
#CONTENT .textBlock {
		width:130px !important;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px;
		text-align:left; !important;
		float:left;
		margin:5px 15px 10px 18px;
		padding:0;
		display:inline;
		}
	#CONTENT #lowerRight {
		width:601px !important;
		margin:0;
		padding:0;
		float:right;
		border-top:1px solid #999;
		}

	#CONTENT #lowerRight img {
		margin:15px 0 15px 25px;
		padding:0;
		}

		
/* new by chris */
fieldset
{
border: 1px solid #cccccc;
width: 110px;
font-size:11px;
text-align:left;  
padding:4px;
margin-left:2px;
 float:left;  
}
legend
{
padding: 2px 6px
}
/*             */


													
#FOOTER {
	width:800px !important;
	height:55px !important;
	font-size:11px;
	line-height:14px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0 0 0;
	color:#330033;
	text-align:center;
	border-top:1px solid #FFF;
	background: url('./mammothImages/footerBG.jpg') center top repeat-y #660033;
	}

#FOOTER a {
		color:#FFF;
		text-decoration:none;
		}
		
#FOOTER a:link {
		color:#FFF;
		}		

#FOOTER a:hover {
		color:#FFCC00;
		}		
	
#FOOTER a:active {
		color:#FFCC00;
		}
		
#FOOTER a:visited {
		color:#FFF;
		}


/* NAVIGATION MENUS */

#NAVIGATION {
	width:800px !important;
	height:25px !important;
	margin:0;
	padding:0;
	text-align:center;
	z-index:100;
	background:url('./mammothImages/navBG.jpg') top left repeat-x;
	}

	#highlight {
		width:170px;
		height:17px;
		margin:0;
		padding:3px;
		float:right;
		font-weight:bold;
		font-size:14px;
		line-height:15px;
		color:#FFF;
		visibility:hidden;
		display:block;
		background:url('./cityImages/boxBG.gif') center left no-repeat;
		}

	#NAVIGATION ul, #NAVIGATION li {
		list-style-type:none;
		margin:0;
		padding:0;
		}
		
	#NAVIGATION li {
		font-size:13px;
		line-height:25px;
		color:#FFF;
		float:left;
		margin:0 5px 0 5px;
		padding:0;
		}


	#nav, #nav ul { /* all lists */
		font-size:13px;
		line-height:25px;
		padding: 0;
		margin: 0;
		list-style: none;
		float: left;
		}
		
	#nav li { /* all list items */
		position: relative;
		float: left;
		}
		
				.destinations {
					background:url('./mammothImages/destinationsButton.jpg') top center no-repeat;
				}
		
				.destinations a:hover {
					background:url('./mammothImages/destinationsButton_on.jpg') top center no-repeat;
				}


				.reservations {
					background:url('./mammothImages/reservationsButton.jpg') top center no-repeat;
				}
		
				.reservations a:hover {
					background:url('./mammothImages/reservationsButton_on.jpg') top center no-repeat;
				}


				.promotions {
					background:url('./mammothImages/promotionsButton.jpg') top center no-repeat;
				}
		
				.promotions a:hover {
					background:url('./mammothImages/promotionsButton_on.jpg') top center no-repeat;
				}


				.generalStore {
					background:url('./mammothImages/generalStoreButton.jpg') top center no-repeat;
				}
		
				.generalStore a:hover {
					background:url('./mammothImages/generalStoreButton_on.jpg') top center no-repeat;
				}


				.newsletter {
					background:url('./mammothImages/newsletterButton.jpg') top center no-repeat;
				}
		
				.newsletter a:hover {
					background:url('./mammothImages/newsletterButton_on.jpg') top center no-repeat;
				}
							
	#nav li ul { /* second-level lists */
		width:110px !important;
		position: absolute;
		left: -1000px;
		margin:0;
		padding:10px 0 10px 0;
		border-top:1px solid #FFF;
		background:url('./mammothImages/menuShadow.jpg') top left repeat-x #009999;
		}
	
	#nav li ul li {
		margin:0;
		padding:0;
		}

	#nav li ul li a:hover {
		background: #00CCCC;
		}
				
	#nav li ul ul { /* third-and-above-level lists */
		left: -1000px;
		}
		
	#nav li a {
		width:110px !important;
		display: block;
		text-decoration: none;
		padding:0;
		color:#FFF;
		margin: 0;
		}	
		
	#nav li a:hover {
		color: #FFFFCC;
		text-shadow: 0px 0px 3px rgb(250,250,250);
		}
		
	#nav li a {

		}
				
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul {
		left: -1000px;
		}
		
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.iehover ul, #nav li li.iehover ul, #nav li li li.iehover ul, #nav li li li li.iehover ul { /* lists nested under hovered list items */
		left: auto;
		}
	
	/** Support for the iehover-fix.js **/
	
	#nav iframe {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
		}


/** new by Jeff**/
	#MAIN #CONTENT #midCol #contentbox .photo-lg {
	vertical-align: middle;
	margin: 5px;
	padding: 5px;
	border: 1px solid  ;
	clear: none;
 	position: static;
}
	.tablelayout {
	background-color: #FFFFFF;
	margin: 5px;
	padding: 1px;
	border: 1px solid #333333;
	 
}
	 .tableLayout-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding-bottom:5px;
	color:#333333;
	font-weight:bold;
	text-transform: uppercase;
}
	 .tableLayout-h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding-bottom:5px;
	color:#333333;
	font-weight:bold;
	font-variant: normal;
	text-transform: uppercase;
	background-color: #F0F0F0;
	border: 1px solid #660000;
	
}
 .back-gray-table {
	Float:none !important;
	background-color: #E5E5E5;
	padding: 5px;
	
	
}
.Form-headings{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding-bottom:0px;
	color:#333333;
	font-weight:bold;
	text-transform: uppercase;	
}
.horizRule {
	width:75%;
	text-align:left;
	margin: 0 auto 0 0;
	color:#999999;
}
#MAIN #CONTENT #midCol #contentbox .Photo-Right {
	padding: 5px;
	border: 1px solid #CCCCCC;
	float: right;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 11px;
}
#MAIN #CONTENT #midCol #contentbox .Photo-left {
	border: 1px solid #CCCCCC;
	left: auto;
	padding: 5px;
	float: left;
	margin-top: 11px;
	margin-right: 11px;
	margin-bottom: 5px;
	margin-left: 0px;
}

	.resv-text {
	padding-right: 10px;
	padding-left: 20px;
	text-align: left; 

}
.tablelayout-img-center {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#MAIN #CONTENT #midCol #contentbox #hotelGrid {
	text-align: left;
	padding: 5px;
}


.linkPropertyDetails {
	font-size: 10px;
	color: #660000;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.descriptions {
	font-size: 11px;
	padding:10px;
	text-align: left;
	vertical-align: top;
}
.photo-center {
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	float: none;
	height: auto;
	width: auto;
}
.tableGrid {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	}
	
	 Added by JL on 7-15-09 for Avant Ads 

.avant_adb_image_tracking {
	display: none;
	visibility: hidden;
}
.avant_adb_block {
	margin: 0px;
}
.avant_adb_wrapper {
	width:120px; !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left; !important;
	float:left;
	margin-left: -5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding:0;
	display:inline;
}
 

