/* CityGuide Stylesheet */

body { margin: 25px auto; padding:0; width: 770px; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; }
#topborder { position: relative; margin: 0; width: 770px; height: 25px; margin: 0; padding: 0; background: url(../layoutimages/top_bg.jpg) no-repeat; }
#bodywrap { position: relative; margin: 0; width: 770px; margin:0; padding: 0; background: url(../layoutimages/sides.jpg) repeat-y; }
/* Hide from IE5-mac. Only IE-win sees this. \
* html p {
  height: 1%;
  margin-left: 0;
  }
/* End hide from IE5/mac */
	#headerwrap { position: relative; margin: 0 16px; }
		#logo { position: relative; top: 0; left: 0; margin: 0; padding: 0; float: left; }
		#banner { position: absolute; top: 6px; left: 104px; margin: 0; }
	#topnav {
	position: relative;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0 3px 0;
	margin: 0 16px;
	/*background: url(../layoutimages/topnav_top_bg.jpg) repeat-x #CE0000;*/
	background: url(../layoutimages/topnav_top_bg_2.jpg) repeat-x #CE0000;
	background-color: #e6a629;
}
	#topnav a { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
	#topnav a:hover { text-decoration: underline; }
	#contentwrap { position: relative; margin: 0 16px; background: url(../layoutimages/content_bg.jpg) repeat-y; }
	#contentwrap2 { position: relative; margin: 0 16px; background: url(../layoutimages/content2_bg.jpg) repeat-y; }
		#leftcol { position: relative; top: 0; left: 0; padding: 0; margin: 0; float: left; width: 105px; background: url(../images/right_bg_65.gif) repeat-x #336799; }
		#leftcol .subnav a { display: block; width: 100%; height: 15px; color: #FFFFFF; padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; text-align: center; border-bottom-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; }
		#leftcol .subnav a:hover { color: #CCCCCC; }
		#main { position:relative; margin: 0 0 0 105px; left: 0; top: 0; background: url(../images/right_bg_65.gif) repeat-x #FFFFFF; }
		#main2 { position:relative; margin: 0 176px 0 105px; left: 0; top: 0; background: url(../images/right_bg_65.gif) repeat-x #FFFFFF; }
			#right { position: relative; top: 0; right: 0; float:right; width:176px; text-align:center; background: url(../images/right_bg_65.gif) repeat-x; }
			#spotlightbox { position: relative; background-color: #999999; width: 100%; height: auto; text-align: center; padding: 5px 0; }
			#spotlightbox img { padding: 2px 0px; }
#bottomborder { position: relative; margin: 0; width: 770px; height: 25px; top: 0; left: 0; margin: 0; padding: 0; background: url(../layoutimages/bottom_border.jpg) no-repeat; }


/* Clear Floats */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { clear: both }

.relatedlinks1 a { display: block; background-color: #CCCCCC; width: 168px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: center; padding: 3px 0px; border-top: #FFFFFF  3px solid; border-left: #FFFFFF  3px solid; border-right: #999999  3px solid; border-bottom: #999999  3px solid; text-decoration: none; margin: 0 0 0 2px; }
.relatedlinks1 a:hover { border-top: #999999  3px solid; border-left: #999999  3px solid; border-right: #FFFFFF  3px solid; border-bottom: #FFFFFF  3px solid; }
.relatedlinks2 a {
	display: block;
	background-color: #999999;
	width: 168px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-top: #CCCCCC  3px solid;
	border-left: #CCCCCC  3px solid;
	border-right: #666666  3px solid;
	border-bottom: #666666  3px solid;
	text-decoration: none;
	margin: 0 0 0 2px;
}
.relatedlinks2 a:hover {
	border-top: #666666  3px solid;
	border-left: #666666  3px solid;
	border-right: #CCCCCC  3px solid;
	border-bottom: #CCCCCC  3px solid;
}
.blueheading {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0000FF;
	margin: 0;
	padding: 10px;
}
.bodytext {
	margin-left: 20px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color:#FFFFFF;
}
.bodyheadline {
	margin-left: 20px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:bold;
	color: #000000;
	background-color:#FFFFFF;
}
.bodydate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	background-color:#FFFFFF;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	margin-left: 5px;
}
.spotlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 12px 0px 6px 0px;
}
.spotlight1 a {
	display: block;
	background-color: #CCCCCC;
	width: 168px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-top: #FFFFFF  3px solid;
	border-left: #FFFFFF 3px solid;
	border-right: #999999  3px solid;
	border-bottom: #999999  3px solid;
	text-decoration: none;
	margin: 0 0 0 2px;
}
.spotlight1 a:hover {
	border-top: #999999  3px solid;
	border-left: #999999  3px solid;
	border-right: #FFFFFF  3px solid;
	border-bottom: #FFFFFF  3px solid;
}
.spotlight2 a {
	display: block;
	background-color: #00CC33;
	width: 170px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-top: #00FF66  3px solid;
	border-left: #00FF66  3px solid;
	border-right: #009933  3px solid;
	border-bottom: #009933  3px solid;
	text-decoration: none;
}
.spotlight2 a:hover {
	border-top: #009933  3px solid;
	border-left: #009933  3px solid;
	border-right: #00FF66  3px solid;
	border-bottom: #00FF66  3px solid;
}
.spotlight3 a {
	display: block;
	background-color: #990033;
	width: 170px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px;
	border-top: #CC3366  3px solid;
	border-left: #CC3366  3px solid;
	border-right: #660000  3px solid;
	border-bottom: #660000  3px solid;
	text-decoration: none;
}
.spotlight3 a:hover {
	border-top: #660000  3px solid;
	border-left: #660000  3px solid;
	border-right: #CC3366  3px solid;
	border-bottom: #CC3366  3px solid;
}
.spotlight4 a {
	display: block;
	background-color: #FFCC00;
	width: 170px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-top: #FFFF33  3px solid;
	border-left: #FFFF33  3px solid;
	border-right: #CC9900  3px solid;
	border-bottom: #CC9900  3px solid;
	text-decoration: none;
}
.spotlight4 a:hover {
	border-top: #CC9900  3px solid;
	border-left: #CC9900  3px solid;
	border-right: #FFFF33  3px solid;
	border-bottom: #FFFF33  3px solid;
}
.spotlight5 a {
	display: block;
	background-color: #3399CC;
	width: 170px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-top: #66CCFF  3px solid;
	border-left: #66CCFF  3px solid;
	border-right: #006699  3px solid;
	border-bottom: #006699  3px solid;
	text-decoration: none;
}
.spotlight5 a:hover {
	border-top: #006699  3px solid;
	border-left: #006699  3px solid;
	border-right: #66CCFF  3px solid;
	border-bottom: #66CCFF  3px solid;
}
.spotlight6 a {
	display: block;
	background-color: #FF9933;
	width: 170px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
	border-top: #FFCC66  3px solid;
	border-left: #FFCC66  3px solid;
	border-right: #CC6600  3px solid;
	border-bottom: #CC6600  3px solid;
	text-decoration: none;
}
.spotlight6 a:hover {
	border-top: #CC6600  3px solid;
	border-left: #CC6600  3px solid;
	border-right: #FFCC66  3px solid;
	border-bottom: #FFCC66  3px solid;
}
.bannerspacer {
	text-align: center;
	margin: 20px 0;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
	margin: 2px 5px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #FFFFFF;
}
/* Hotels CSS */
.navLinks {
	position:relative;
	top:15px;
	left:15px;
	border:0px solid black;
	margin:0px 40px 10px 0px;
	width:inherit;
}
.navLinks a {
	color:#09c;
	/*font:11px/12px verdana, arial, helvetica, sans-serif;*/
	text-decoration:none;
}
.guests {
  	text-align:center;
  	float:left;
  	position:relative;
  	width:50%;
  	height:20px;
}
#dateBox {
	position:relative;
	top:0px;
	left:0px;
	height:170px;
	padding:10px 0;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
	border:1px solid gray;
	background-color:#eee;
}
#getRates {
  	position:absolute;
	top:150px;
	left:10px;
  	width:160px;
  	height:30px;
}
.Content>p+p {
	text-indent:30px;
}
.content {
	position:relative;
	width:auto;
	min-width:120px;
	margin:10px 25px; 	/* from top, from right, space below, from left */
	border:1px solid black;
	background-color:white;
	padding:15px;					/* spacing of text from edge of div */
	z-index:1;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}
/*.content a:link {
	font-size: 12pt;
}*/
.dates {
	position:absolute;
	height:30px;
	display:inline;
	width:100%;
	background-color:#eee;
	padding:0px;
	z-index:0;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}
h1 {
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:18px;
	color:#999;
}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#333333;
}
.hotelImg {
	position:relative;
	float:right;					/* aligns 'hotelImg' div inside of 'content' div */
	width:50px;
	height:50px;
	border:0px solid black;
	padding:5px;
	background-color:white;
	z-index:1;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}
.nav {
	/*position:relative;*/			
	margin:0px 25px; 	/* from top, from right, space below, from left */	
	border:1px solid black;			/* border size and color */
	background-color:white;			/* layer background color */
	padding:7px;					/* padding around text inside div */
	z-index:1;
}
.rates {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	color:#CC3300;
}
.star {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#CC3300;
}
.submit {
	cursor: hand;
	border: 1.5px solid;
	border-color: #996600 #996600 #333333 #663300;
	padding: 1px 1px 1px 1px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #FFCC00;
	margin: 5px;
}
.text {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}