/*********************************************************************************
hotels.css - demo cascading style sheet for Chris Hash, author of Trackside Hotels
created 2005.02.02 by John Boteler, Telecontext, Fort Lauderdale, Florida, U.S.A.
**********************************************************************************/

/*********** define html tags ***********/
/* alphabetized for ease of maintenance */

/* Pseudo-classes for hypertext links in the proper order: L-V-H-A */
a:link    {	color: #0000FF}
a:visited { color: #990000}
a:hover   {text-decoration: none; background-color: #ddd;}
a:active  {color: white; background-color: #930;}

a img {
	border: none;
}

a span.superscript {
	font-weight: bold;
	text-decoration: none;
}

abbr, acronym, .help {
	background-color: #f5f7f9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	cursor: help;
}

/* fonts are specified in this particular order to degrade gracefully across the 
widest possible audience of operating systems with their commonly supplied fonts.
The body definition sets the reference for all other elemnts throughout the site;
the other elements can be modified from this, but need not be if these will do.
*/

body, html {
	border: none;
	color: black;
	height: 100%;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}


h1, h2, h3, h4, h5 {
	color: #03c;  /* shorthand for #0033cc */
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	padding-bottom: 0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h1 {
	color: #cc0033;
	font-family: "book antiqua";
	font-size: 2.5em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.1em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 3px;
}

h4 {
	color: #333;
	font-size: 1.1em;
	font-style: normal;
/*	margin-bottom: 0.5em;*/
}

h5 {
	color: black;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
/*	margin-top: 0em;*/
}

hr {
	background-color: #cccc00;
	width: 66%;
	text-align: left;
}

img {
	border:	none;
}

p {
	color: #08215a;
}

p + h1, 
p + h2, 
p + h3,
p + h4,
p + h5 {
	margin-top: 2em;
}


table {
	background-color: #f9f9f9;
	border-collapse: collapse;
	border: 2px silver solid;
	margin: 2em;
	margin-top: 0;
	width: auto;
}

table caption {
	border-top: hidden;
	color: #cc0033;
	font-size: 3em;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	margin-top: 1em;
	table-layout: fixed;
	text-align: center;
}

table col#phone { 
	width: 8em;
}

table col#rating { 
	width: 3em;
}

table tr {
	border-bottom: 1px silver solid;
}

table tr td {
	font-size: 0.9em;
	padding: 4px 10px 4px 5px;
	vertical-align: text-top;
}

table thead {
	border-bottom: 2px silver solid;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
}


ul {
	margin-top: 0em;
	margin-bottom: 2em;
/*	margin-left: -30px;*/
}

/* metrics for unordered list inside menu wrapper; normal 'li' margin is 35px  */
ul li {
	list-style-type: none;
	list-style-position: outside;
	text-indent: 10px;
	margin-top: 10px;
	margin-left: 0px;
}
		

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/

/***** custom classes *****/
.fine-print {
	font-size: .75em;
	line-height: 1.5em;
}

.highlight {
	background-color: #FFFF66;
}

p.rating {
	color: blue;
	font-variant: small-caps;
	font-size: 1.2em;
}

p.submitted {
	color: #006699;
	font-style: italic;
}

.superscript {
	vertical-align: super;
	font-size: 0.75em;
}


/********************************************************************************/
/********************************************************************************/
/********************************************************************************/

/*********************** custom divisions **************************/
/* alphabetized, except where cascade order necessitates otherwise */

div#footer {
	width: auto;
	height: auto;
	background-color: #ccFFFF;
	padding: 0.25em 1em;
}

div#header {
	border-bottom: 2px blue solid;
}

div#header-sub {
}

div.hotel {
	border-top: 1px blue solid;
	clear: both;
	height: auto;
	width: auto;
}

/* holder of everything in the viewport, except the footer, centered*/
div#main {
	height: auto;
	margin: 0px auto; 
	padding: 20px;
	position: relative;
	width: auto;
}

div#menu {
	padding: 1em 0em;
}

div#promo {
	font-size: 11px;
	height: auto;
	margin: 20px 0 20px 20px;
	padding: 10px;
	width: 168px;
	float: right;
	background-color: #CDF2AE;
	border: none;
	clear: both;
}

div.thumb-rt {
	float: right;
	height: auto;
	margin: 10px 0 20px 20px;
	width: auto;
}