
@import url("gutter.css");
@import url("content.css");

body {background-color: #FFFFFF;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;}
.drkRed {color: #990000;}
.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 {width: 1000px; border: 0px solid red;text-align: left;}
#header {width: 100%;height: 87px; border-top: 0px solid #cccccc;margin: 2px 0px 0px 0px;}
#header .left {width: 390px;height: 87px;border: 0px solid blue;float: left;}
#header .right {width: 550px;height: 87px;border: 0px solid red;text-align: right;float: right;}
/*#header .assist {color: #333333;margin: 10px 0px 0px 0px;}*/
#header .assist {font-size: 14px;margin: 15px 0px 5px 0px; color: #333;}
#header .assist a {color:#333333;text-decoration: none;}
#header .assist a:hover {color: #cccccc;}
#header .phone {font-size: 12px;margin: 0px 0px 0px 0px; color: #333;}
#header input {font-size: 10px; padding: 3px 0px 0px 2px;color: #666;}

#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 {width: 100%;height: 27px;font-size: 12px;line-height: 28px;font-weight: normal;color: #cccccc;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin: 5px 0px 5px 0px; }
#mainNav a {color: #000000;}
#mainNav a:hover {color: #003366; text-decoration: none;}

#content {width: 100%;font-size: 12px;margin: 5px 0px 5px 0px;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;}

#innerContainer {width: 100%;border: 0px solid red;margin: 5px 0px 0px 0px;clear: both;}
#ImageAd {width: 610px;height: 382px;float: left;clear: right;margin: 0px 0px 0px 20px;}
#miniContainer{float: left;width: 368px;border: 1px solid #d5d5d5;background-color:#f8f8f8;background-image: url(/lib/images/bg_darkgreen_lg.png);background-repeat: no-repeat;background-position: left top;}

#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;
}

#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: 335px;
	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;
}

#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;
}

#mainData {
	width: 699px;
	height: 362px;
	margin-top: 10px;
	background-image:url(/images/main-bkgrnd.jpg);
	float: left;
	border: 0px solid red; 
}

#mainData .data {
	font-size: 11px;
	width: 669px;
	height: 332px;
	margin: 15px 15px 15px 15px; 
}


#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; 
}


#topDest {width: 289px; margin: 11px 0px 0px 10px; float: left;}
#topDest .header {height: 20px;color: #000000;border: 0px solid red;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;line-height: 31px;margin-left: 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;}

#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: #666666;text-align: center;margin: 5px 0px 5px 0px;}
#footerNav a {color: #003366;text-decoration: none;}
#footerNav a:hover {color: #d7af3d;}
#footer {width: 100%;font-size: 10px; color: #666666;text-align: center;}
#footer a {color: #003366;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;}
.roundBorder {border: 1px solid #CCCCCC; -moz-border-radius:10px;-webkit-border-radius:10px;background-color:#F6F6F6;}

.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;}

