 	@import "reset.css";
@import "grid.css";
@import "type.css";

/*Body
---------------------------------------------------------------------------------*/
html, body    {
	text-align: center;
	background: #444444 url("../images/body_bg.gif") top left repeat-x;
	margin: 0px;
	}
	
body p{
margin: 8px 0px;}

#wrapper {
	background: url("../images/mainContentBg.gif") top center repeat-y;
	text-align: left;
	/*min-height: 100%;*/
	position: relative;
	}
	
#infoBar{
	background: url("../images/infoBarBg.gif") top center no-repeat; height: 40px;
}
.toolBar ul {margin: 0px 0px 0px 385px;}
.toolBar ul li{float: left; padding-right: 18px;}
.toolBar ul li a {text-decoration: underline;}

.block  { width: 960px; }
.hidden { display: none; }
.clear {clear: both;}
#header { background-color: #212492; }
.greyBox {border: 1px solid #cbcbcb; background-color: #f4f4f4; padding: 8px; width: 248px;}

INPUT {}

.tableRooms ul {clear:both;}
.tableRooms ul li {float: left; width: 260px; text-align:center; padding-bottom: 4px;}
.descWrapper {border: solid 2px #585600; padding: 8px; background-color:#68652e; margin: 0px; }
.whiteBg {background-color: #eae5ce; padding: 4px; margin: 0px; border: solid 1px #9e9a12;}
li.detailsButton{color: #ffffff; border: solid 1px #585600; background-color:#9c900c; text-align:center; padding: 2px 8px; margin: 0px 4px 4px 0px ; font-style:italic; float: left; width: 120px; }
li.detailsButton a{color: #ffffff;}
.indexContent {padding: 4px;}
.roomDetailsButton{color: #ffffff; border: solid 1px #585600; background-color:#9c900c; text-align:center; padding: 2px 8px; margin: 0px 0px 4px 4px ; font-style:italic; float: left; width: 234px; }

/* IMAGES
---------------------------------------------------------------------------------*/
IMAGE {border: 0px;}

.imgLeft {
	float: left;
	padding-right: 20px;
	margin-bottom: 8px;
	}
.imgRight {
	float: right;
	padding-left: 20px;
	}

.whiteBorder {border: 1px solid #ffffff;}

/* HEADER
-------------------------------------------------------------------------------- */
.horizDots { background: url("../images/horizDots.gif") left repeat-x bottom;padding: 0px; margin: 4px 0px 4px 0px; }
#headerWrapIndex{background: url("../images/headerWrapBgIndex.gif") top left no-repeat; height: 111px; width: 879px; font-size:11px;}
/*#headerWrapIndex ul {margin: 0px; padding: 0px; list-style: none;}
#headerWrapIndex ul li {float: left; padding: 0px 8px; }
#headerWrapIndex .lineSep {border-right: 1px solid #ffffff;}	
*/
#headerWrap{background: url("../images/headerWrapBg.gif") top left no-repeat; height: 111px;}
#headerWrap ul {margin: 0px; padding: 0px; list-style: none;}
#headerWrap ul li {float: left; padding: 0px 8px;}
#headerWrap .lineSep {border-right: 1px solid #ffffff;}
#topNavMenu{ background:#212492; color: #ffffff; text-align: right; clear: both; font: 85% Arial, sans-serif;}

#topNavSub ul {padding-top: 80px; padding-left: 42px;}
#topNavSub ul li {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; text-transform:uppercase;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#topNavSub ul li a {
	color: #ffffff;
	text-decoration: none;
	display:block;
	float: left;
	padding: 4px 8px 8px 8px;
	}
	
#topNavSub ul li a:hover, #topNavSub ul li a:active{color: #ffffff; text-decoration: none; background-color: #5B5600;}
	
#topNavSub	li ul {
	position: absolute;
	top: 29px;
	display: none;
	text-align:left;
	background-color:#999966;
	border: 1px solid #ffffff;
	margin: 0px;
	*margin: -2px 0px 0px -114px;
	padding: 0px;
	}
	
#topNavSub ul li.drop a {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	display:block;
	text-transform:none;
	}
#topNavSub li:hover ul { display: block; }
	

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* FOOTER
-------------------------------------------------------------------------------- */
#footer {height: 100px; background: url("../images/footerBg.gif") top center repeat-y; text-align:center; padding: 0px 0x 0px 50px;}
#roomsFooter {
	height: 94px;
	text-align:center;
	width: 879px;
	float: left;
	background-image: url(../images/roomsFooterBg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
	
#footer .block { position: relative; padding: 10px 0 20px 0; }

#footerNavMenu ul {
	list-style: none;
	margin: 0px;
	padding-top: 32px;
	padding-left: 180px;
	}

#footerNavMenu ul li{
	float: left;
	display: block;
	padding: 0px 8px;
}

