@import url("gutter.css");
@import url("content.css");

body {background-color:#666666;font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: normal;font-weight: normal;color: #666666;margin: 0px;text-decoration: none;}
.drkOrange {color: #cc3300;}
.drkBlue {color: #003366;}
.black{color:#111;}

h1 {color: #cc3300;text-transform: uppercase;font-size: 14px;margin: 2px 0px 2px 0px;font-weight: normal;}

h1 a {color: #cc3300;}
h1 a:hover {color: #666;}
h2 {color: #003366;font-size: 12px;margin: 2px 0px 2px 0px;font-weight: normal;text-transform: capitalize;}
h3 a {color: #333;}
h3 a:hover {color: #666;}

#line {height: 1px; border-bottom: 1px solid #ccc; margin: 5px 0px 5px 0px;}

p {color: #666666;	margin: 2px 0px 2px 0px;}
a {color: #333333;text-decoration: none;}
a:hover {color: #003366;}

#quickFilter {margin: 0px 0px 5px 0px;text-align: right;padding: 5px;border: 1px solid #999;background-color:#F6F6F6;}


#container-outer {width: 1020px;margin-top:-2px;background-image: url(/lib/images/gray-bg-1020.png);background-repeat: repeat-y;background-position: center;}
#container-outer-cap {width: 1020px;height: 20px;background-image: url(/lib/images/gray-bg-1020-cap.png);background-position: center bottom;background-repeat: no-repeat;}
#container {width: 1000px;text-align: left; margin: 0px 10px 10px 10px; border: 0px solid red; }
#container-nobkg {width: 1020px;background-image:none; }


#header {background-color:#000000;width: 100%;height: 170px;border-top: 0px solid #cccccc;margin: 2px 0px 0px 0px;background-image: url(/images/head-image.jpg);background-repeat: no-repeat;}
#header .left {width: 390px;height: 87px;border: 0px solid blue;float: left; margin: 0px 0px 0px 10px;}
#header .right {width: 550px;height: 87px;border: 0px solid red;text-align: right;float: right; margin: 0px 10px 0px 0px;}
#header a {color: #ffffff;text-decoration: none;}
#header a:hover {color: #d7af3d;}
#header .assist {color: #ffffff; margin: 10px 0px 0px 0px;}
#header .phone {font-size: 16px;margin: 120px 0px 0px 0px; color: #ffffff;}
#header .phone .number {color: #ffffff;}
#header input {font-size: 10px; padding: 3px 0px 0px 2px; color: #ffffff;}

#login {height: 30px;line-height: 30px;color: #333333;margin: 0px 15px 0px 0px;}
#login input {width: 70px;height: 15px;color: #BCBCBC;border: 1px solid #cccccc;}
#login .goButton {border: 0px solid #fff;height: 24px;width: 40px;vertical-align: middle;border: 0px solid red;margin: 0px 0px 0px 5px;	}

#mainNav { background-color: #000000; width: 100%;height: 32px;font-size: 12px;line-height: 31px;font-weight: normal;color: #ffffff;border-top: 0px solid #cccccc;border-bottom: 0px solid #cccccc;margin: 0px 0px 10px 0px;}
#mainNav a {color: #ffffff;}
#mainNav a:hover {color: #333333; text-decoration: none;}

#content {width: 980px;font-size: 12px;margin: 5px 10px 5px 10px;clear: both;}

#breadcrumb {margin: 0px 0px 0px 10px;height: 10px;font-size: 10px;clear: both;}
#breadcrumb ul {list-style: none;padding: 0;margin: 0;}
#breadcrumb li {float: left;margin: 0 0.15em;} 

#sectHead {font-size: 18px;height: 20px;clear: both;margin: 0px 0px 0px 10px;}
#sectTitle{float: left;}

#notepad {color: #999;font-size: 14px;float: right;margin-right: 15px;}
#notepad a {color: #cc3300;}
#notepad img {height: 20px;border: 0px solid #f4f4f4;}
#notepate-count {color: #666;font-size: 12px;margin-left: 30px;margin-top: -10px;}

#left-gutter {float: left; width: 289px; margin: 11px 0px 0px 10px;}
#left-gutter-nav {float: left; width: 200px; margin: 11px 0px 0px 10px;}
#right-content {float: left; width: 650px; margin: 11px 0px 0px 20px;}

#innerContainer {width: 100%;border: 0px solid red; margin: 5px 0px 0px 0px;clear: both;}
#ImageAd {width: 100%;} /* Main Page Image Container*/
#photoSequence {width: 650px;height: 352px;}

#miniContainer {width: 100%; height: 350px;border: 1px solid CCCCCC; margin-bottom: 20px; background-color:#f8f8f8;background-image: url(/lib/images/bg_darkgray.png);background-repeat: no-repeat;background-position: left top;}
#box-header {margin: 10px 10px 15px 10px; font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px; color:#FFFFFF; font-weight:normal;}

#mainData {width: 100%; margin-top: 20px;}
#mainDataData {font-size: 11px; width: 95%; margin: 15px 15px 15px 15px; }

#topDest {width: 100%; background-color:#f8f8f8;background-image: url(/lib/images/bg_darkgray.png);background-repeat: no-repeat;background-position: left top;}
#topDest .header {height: 20px;color: #ffffff;border: 0px solid red;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;line-height: 31px;margin: 3px 0px 20px 15px;}
#topDesItem {width: 260px;color: #666666;font-size: 11px;border-bottom: 1px dotted #666666;margin: 10px 0px 0px 10px;}
#topDesItem a {color: #003366;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-transform: uppercase;}
#topDesItem a:hover {color: #d7af3d;}

#weather {font-family:Arial, Helvetica, sans-serif;width: 260px;color: #666666;font-size: 11px;border-bottom: 1px dotted #666666;margin: 10px 10px 0px 10px;}
#weather a {color: #003366;font-size: 10px;text-transform: capitalize;}
#weather a:hover {color: #d7af3d;}

#error {padding: 10px; border: 1px solid #990000; background-color: #ffcdcd; margin: 10px 0px 10px 0px;}
#error li {margin: 0px 0px 0px 20px;}

#keywordSuggestItems {
	border: 1px solid #90aec9;
	background-color: #FFFFFF;
	width: 257px;
	height: auto;
	z-index: 2000;
	position: relative;
	margin-top: 21px;
	margin-left: 1px;
	cursor: pointer;
	visibility:hidden;
}

.suggestList {
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

#keywordSuggestItems {
	border: 1px solid #90aec9;
	background-color: #FFFFFF;
	width: 257px;
	height: auto;
	z-index: 2000;
	position: relative;
	margin-top: 21px;
	margin-left: 1px;
	cursor: pointer;
	visibility:hidden;
}

.suggestList {
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

#miniSearch {margin: 30px 10px 10px 10px;}
#miniSearch h1 {color: #ebaf38; text-transform: none; font-weight:bold; margin: 0px 0px 8px 0px;}
#miniSearch input[type=text] {height: 20px;width: 255px;color:#666666;font-size:12px;padding: 8px 0px 2px 10px;border: 1px solid #cccccc;}
#miniSearch select {height: 22px; width: 100px; color:#666666; font-size:12px; padding: 0px 0px 2px 0px; border: 1px solid #cccccc;}
.miniSearchBtn {background:url(/lib/images/mini_search_button-orange.png) no-repeat; margin: 20px 0px 0px 0px; height: 30px; width: 214px; border: 0px; cursor: pointer;}



#miniFeatProp {
	width: 370px;
	height: 241px;
	margin: 10px  0px  0px  0px;
	background-image: url(/images/miniFeatProp-bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#miniFeatProp a {color: #003366;}
#miniFeatProp .more a {	color: #cc3300;}
#miniFeatProp a:hover {	color: #d7af3d;}
#miniFeatProp .header {
	height: 33px;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 31px;
	margin-left: 15px;
}

#featureProp {
	width: 160px;
	height: 210px;
	border: 0px solid red;
	margin: 15px;
	float: left;
}



#featureProp .image {
	width: 150px;
	height: 125px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #FFFFFF;	
}

#featureProp .city {
	font-size: 11px;
	height: 18px;
}

#featureProp .info {
	font-size: 11px;
	margin: 10px 0px 0px 0px;
}

#featureProp .more {
	font-size: 11px;
	color: #cc3300;
	text-align: right;
}

#featProp {
	height: 210px;
	width: 750px;
	margin: 0px  0px  10px  0px;
	background-image: url(/images/fProp-bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}

#featProp a {
	color: #003366;
}

#featProp .more a {
	color: #cc3300;
}

#featProp a:hover {
	color: #d7af3d;
}

#featProp .header {
	height: 33px;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 31px;
	margin-left: 15px;
}

#featurePropFull {
	width: 160px;
	height: 210px;
	border: 0px solid red;
	margin: 0px 23px 0px 0px;
	float: left;
}

#featurePropFull .image {
	width: 150px;
	height: 125px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #FFFFFF;	
}

#featurePropFull .city {
	font-size: 11px;
	height: 18px;
}

#featurePropFull .info {
	font-size: 11px;
	margin: 10px 0px 0px 0px;
}

#featurePropFull .more {
	font-size: 11px;
	color: #cc3300;
	text-align: right;
}

#searchGrx {
	float: left;
	width: 370px;
	height: 382px;
	border: 0px solid red;
}

#searchGrx .top {
	width: 370px;
	height: 30px;
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(/images/qs-top.gif);
	background-repeat: no-repeat;
	background-position: top;
 	line-height: 30px;	
}
#searchGrx .middle {
	width: 370px;
	height: 337px;
	background-image: url(/images/qs-middle.gif);
	background-repeat: repeat-y;	
}

#searchGrx .middleSearch{
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	width: 100%;
	padding: 5px;
}

#searchGrx .bottom {
	width: 370px;
	height: 15px;
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(/images/qs-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#searchGrx input {
	height: 16px;
	color: #BCBCBC;
	border: 1px solid #cccccc;
}

#keySearch{
	float: left;
	height: 30px;
	line-height: 30px;
	border: 0px solid red;
	margin: 5px 0px 0px 15px;
}

#keySearch .holder {
	height: 22px;
	background-image: url(/images/keySearch-bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

#keySearch .keyInput{
	width: 250px;
	font-size: 10px;
	background: none;
	border: none;
	color:#999;
	margin-top: -4px;
	margin-left: 5px;
}

#keySearch .keyButton {
	height: 24px;
	width: 92px;
	border: 0px solid #ffffff;
	margin-top: -1px;
	vertical-align: middle;
}

#inSearch {
	font-size: 11px;
	width: 110px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 15px;
}

#inSearch .holder {
	height: 22px;
	background-image: url(/images/dateSearch-bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

#inSearch .arriveInput{
	width: 100px;
	font-size: 10px;
	background: none;
	border: none;
	color:#999;
	margin-top: 4px;
	margin-left: 5px;
}

#outSearch{
	font-size: 11px;
	width: 110px;
	float: left;
}

#outSearch .holder {
	height: 22px;
	background-image: url(/images/dateSearch-bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

#outSearch .departInput{
	width: 100px;
	font-size: 10px;
	background: none;
	border: none;
	color:#999;
	margin-top: 4px;
	margin-left: 5px;
}

#roomSearch{
	font-size: 11px;
	width: 65px;
	float: left;
}

#guestSearch{
	font-size: 11px;
	width: 65px;
	float: left;
}

#advSearch{
	text-align: right;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	margin: 0px 20px 0px 0px;
	clear:both;
}

#mapSearch {
	border: 0px solid red;
}

#searchGutter {
	width: 230px;
	border: 1px solid red;
}




#HotSpots {
	width: 699px;
	height: 362px;
	margin-top: 10px;
	background-image:url(/images/state-search-bkgrnd.jpg);
	float: left;
	border: 0px solid red; 
}

#HotSpots a {
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#HotSpots a:hover {
	color: #000000;
}

#HotSpotsCol {
	width: 200Px;
	height: 100%;
	color: #666666;
	font-size: 11px;
	border-right: 1px dotted #666666;
	padding: 0px 10px 0px 10px;
	float: left;
}

#HotSpotsCol li {
	color: #003366;
	margin: 0px;
	list-style-type: none;
	line-height: 18px;
}

#HotSpotsCol a {
	color: #003366;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	
}

#HotSpotsCol a:hover {color: #d7af3d;}

#HotSpotsStatesCol {
	width: 200Px;
	height: 100%;
	color: #666666;
	font-size: 11px;
	border-right: 0px dotted #666666;
	padding: 0px 10px 0px 10px;
	float: left;
}

#HotSpotsStatesCol li {
	color: #003366;
	margin: 0px;
	list-style-type: none;
	line-height: 16px;
}

#HotSpotsStatesCol a {
	color: #003366;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	
}

#HotSpotsStatesCol a:hover {color: #d7af3d;}

#hsn1 {
	width: 233px;
	height: 31px;
	line-height: 31px;
	float: left;	
	background-image:url(/images/state-search-tab-on.jpg);
}

#hsn2 {
	width: 233px;
	height: 31px;
	line-height: 31px;
	float: left;
	background-image:url(/images/state-search-tab-on.jpg);	
}

#hsn3 {
	width: 233px;
	height: 31px;
	line-height: 31px;
	float: left;
	background-image:url(/images/state-search-tab-off.jpg);
}

#hs1 {
	width: 669px;
	height: 298px;
	clear: both;
	z-index: 1;
	display:;
	margin: 15px 15px 15px 15px; 
}

#hs2 {
	width: 669px;
	height: 298px;
	clear: both;
	z-index: 1;
	display:;
	margin: 15px 15px 15px 15px; 
}

#hs3 {
	width: 669px;
	height: 298px;
	clear: both;
	z-index: 1;
	display:;
	margin: 15px 15px 15px 15px; 
}


#event {font-family:Arial, Helvetica, sans-serif;width: 260px;color: #666666;font-size: 11px;border-bottom: 1px dotted #666666;margin: 10px 10px 0px 10px;}
#event .date {color: #003366;font-size: 11px;}
#event a {color: #003366;font-size: 10px;text-transform: capitalize;	}
#event a:hover {color: #d7af3d;}
#pagedata{width: 780px;margin: 0px 0px 10px 0px;float: left;}
#footer-ads {width: 100%;height: 16px;line-height: 16px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin: 5px 0px 5px 0px;background-image:url(/images/smFooterBkgnd.gif);background-repeat: repeat-x;}
#footerNav {width: 100%;font-size: 11px; color: #ffffff;text-align: center;margin: 5px 0px 5px 0px;}
#footerNav a {color: #ffffff;text-decoration: none;}
#footerNav a:hover {color: #d7af3d;}
#footer {width: 100%;font-size: 10px; color: #ffffff;text-align: center;}
#footer a {color: #ffffff;text-decoration: none;}
#footer a:hover {color: #d7af3d;}
#bottomLocations {color: #FEFEFE;display: none;}
#bottomLocations a {color: #FEFEFE;text-decoration: none;}
#bottomLocations a:hover {color: #FEFEFE;}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#666666; text-decoration:none; outline:none;}
.dropdown a:hover { color:#000;}
.dropdown dt a:hover { color:#666666; border: 1px solid #cccccc;}
.dropdown dt a {font-size: 12px; background:#fff url(arrow.png) no-repeat scroll right center; display:block; padding: 5px 0px 2px 10px;
				border:1px solid #cccccc; width:90px; height: 25px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #ccc; color:#000; display:none;
				  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:100px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:2px 2px 2px 10px; display:block;}
.dropdown dd ul li a:hover { background-color:#f8f8f8;}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.selectvisibility { display:none;}

#sd, #rs, #avr {margin: 5px 0px 5px 0px;width: 100%;border: 1px solid #CCCCCC;overflow:hidden;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#F6F6F6;}
.roundedTop {-moz-border-radius-topleft:3ex;-moz-border-radius-topright:3ex;-webkit-border-top-left-radius:3ex;-webkit-border-top-right-radius:3ex;-moz-border-radius-bottomleft:0ex;-moz-border-radius-bottomright:0ex;-webkit-border-bottom-left-radius:0ex;-webkit-border-bottom-right-radius:0ex;} 
#sd h1, #rs h1,  #avr h1   {margin: 10px; color: #000000; font-size: 14px;margin: 5px 0px 5px 10px;font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif;text-transform:none;}
#sd-items, #rs-items,  #avr-items {margin: 10px;}
#sd-items a, #rs-items a {font-size: 12px; color: #003366}
#avr-items p {font-size: 12px;}
.collapsed {height: 30px;}
.expanded {height: auto;}

.roundBorder {border: 1px solid #CCCCCC; -moz-border-radius:0px;-webkit-border-radius:0px;background-color:#F6F6F6;}
.roundNoBorder {border: 0px solid #CCCCCC; -moz-border-radius:0px;-webkit-border-radius:0px;background-color:#F6F6F6;}
.roundNoBorderNoColor {border: 0px solid #CCCCCC; -moz-border-radius:0px;-webkit-border-radius:0px;}

#gutter-keyword input[type="text"]  {color:#999; width: 100%; height: 16px; border: 1px solid #333; padding-left: 2px; padding-top: 2px;}
#gutter-keyword select {color:#999999; width: 100%; border: 1px solid #333; padding-left: 2px; padding-top: 2px;}

#nextBackSearch {height: 36px; margin: 1px 0px 5px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px; border-bottom: 1px solid #666666; clear: both;}
#nextBackSearch .left {width: 20%; float: left; text-align: left; margin: 10px 0px 0px 10px; }
#nextBackSearch .center {width: 50%; float: left; text-align: center; margin: 10px 0px 0px 0px;}
#nextBackSearch .right {width: 20%; float: right; text-align: right; margin: 10px 10px 0px 0px;}

#nextBackSearch a {color:#333;}