/* CSS Document */

body {
	background-color:#166E8B;
	color: #336699;
}

#wrapper {
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	position: relative`;
	top: 1px;
}

#header {
	background-image: url(Images/header3.JPG);
	height: 149px;
	width: 748px;
	background-color: #437387;
	border-radius:20px;
}
#title_div {
	color: #FFFFFF;
	font-size: 22px;
	margin-bottom: 2px;
	margin-left: 12px;
}
#main_content {
	position: absolute;
	width: 748px;
	background-color: #FFFFFF;
	border-radius:20px;
	border-left-width: thin;
	border-left-color: #166E8B;
	height: auto;
}
#sidebar_left {
	width: 162px;
	float: left;
	border-right-color: #006699;
	border-right-width: thin;
}
#sidebar_right {
	float: right;
	width: 170px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-color: #006699;
	height: auto;
}
#footer {
	font-size: 11px;
	clear: both;
	margin-top: 15px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
#bottom_area {
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	bottom: 25px;
}


#comments {
	color: #006699;
	width: 155px;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
}
#main_topper {
	width: 748px;
	background-image: url(Images/header_white.JPG);
	clear: both;
	height: auto;
}



#center {
	float: left;
	width: 390px;
	margin-left: 5px;
	padding-left: 3px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #006699;
}

#rooms_list {
	float: right;
	width: 555px;
	border: 2px solid #006699;
	margin-right: 8px;
	margin-top: 5px;
	padding: 5px;
	border-radius:10px;
	margin-bottom: 5px;
}

#comments_list {
	width: 500px;
	padding: 0px;
	border-radius:10px;
	float: right;
	position: absolute;
	margin: auto;
	left: 187px;
	top: 65px;
}

#rooms_header {
	float: right;
	width: 555px;
	margin-top: 15px;
	border: 2px solid #006699;
	padding: 5px;
	margin-right: 8px;
	border-radius:10px;
}


.navigation {
	font-family:"Times New Roman", Times, serif;
	display:block;
	font-weight: bold;
	color: #C6D7FF;
	width: 140px;
	text-indent: 1px;
	border: medium outset #FFFFFF;
	background-color: #39697B;
	padding: 0px;
	clear: left;
	margin: 5px;
	
}

.navigation:hover {
	font-family:"Times New Roman", Times, serif;
	display:block;
	font-weight: bold;
	color: #427184;
	width: 140px;
	text-indent: 1px;
	border: medium outset #FFFFFF;
	background-color: #FFFFFF;
	margin: 5px;
}

#widget {
	color: #FFFFFF;
	float: left;
	width: 350px;
}

#feature {
	width: 573px;
	position: absolute;
}

#widget_notice {
}
#notice {
	color: #FFFFFF;
	background-color: #CCFF66;
	width: 300px;
}

.imgcenter{
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 8px;
	float: none;
	border: medium outset #006699;
}

#center_top {
	clear: none;
	background-color: #FFFFFF;
	float: right;
	width: 575px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: 5px;
	border-left-width: thin;
	border-left-color: #166E8B;
	padding-top: 15px;
}

#board {
	float: right;
	color: #FFFFFF;
	border-radius:5px;
	width: 350px;
	font-size: 12px;
	border: thin solid #FFFFFF;
	font-weight: bolder;
	text-align: right;
	margin-bottom: 2px;
	padding-right: 3px;

}

h1 {
	font-size:24px;
	text-align:center;
}

h2 {
	font-size:18px;
	text-align:center;
}
#map {
	clear: both;
	height: 450px;
	width: 360px;
	border: 15px solid #006699;
	border-radius:15px;
}
#photo_div {
	float: right;
	width: 565px;
	margin: 5px;
}


.thumbnail {
	float:left;
	width:130px;
	height:97px;
	margin:5px;
}

.comments   {
	width:545px;
	border: thin solid #CCCCCC;
	margin-top: 10px;
}

.res   { width:275px; background-color: #ffffff; margin: 15px; font-family: Trebuchet, Verdana, Helvetica, Arial; color:#000000}
.resForm { border:solid; border-width: 2px; border-color: #666633;}
div.resIt {  padding:5px;}
.wht { background-color: #ffffff; font-size:1px; height:1px;}
.resHdr, .resSubHdr  { color: #666633; font-weight: bold; clear:both; padding-bottom:0.5em;}
.resHdr { font-size: 1.1em; padding-top:0.2em;}
.resSubHdr, .resSubHdrFixWid{ font-size: 0.8em; padding-top:0.8em; }
.resSubHdrFixWid { color: #666633; font-weight: bold; padding-bottom:0.5em; padding-top:0.8em; float:left; width: 10em;}
.resTxt, .resTxtFixWid, .resTxtBld, .fLft {float:left;}
.fLft{margin-right:1em; margin-left: 0.2em;}
.resTxt, .resTxtFixWid, .resTxtBld{ color:#000000;  font-size:10px;}
.resTxtFixWid { width:12.5em;}
.resTxtBld, .resTxtFixWid { font-weight:bold;}

.message { color:#FF0000; font-size:12px; font-weight:bold;}

.clr {clear:both;}
select.fix { width: 9em}
input.fix { width: 6em}
input.rad, select.num { top: -4px; position:relative;}
input.submit { font-size: 0.95em; font-weight: bold; color:#666633; background-color: #ffffff; border:solid; border-width: 2px; border-color: #cccc99 #666633 #666633 #cccc99; margin: 5px 0 5px 0; width: 40%}
.zaui {padding:2px; text-align:center;}
.botLft { width:5px; background:url(../../banffairporter/img/salesTools/2_bg_bot.gif) left top;}
.botMid { width:5px; background:url(../../banffairporter/img/salesTools/2_bg_bot.gif) top center;}
.botRgt { width:5px; background:url(../../banffairporter/img/salesTools/2_bg_bot.gif) right top;}
.topLft { width:5px; background:url(../../banffairporter/img/salesTools/2_bg_top.gif) left top;}
.topMid { width:5px; background:url(../../banffairporter/img/salesTools/2_bg_top.gif) top center;}
.topRgt { width:5px; background:url(../../banffairporter/img/salesTools/2_bg_top.gif) right top;}
.bg {background: #ffffff}