
body {
	margin: 0;
	padding: 15px 0;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #152648
}

a:link, a:visited  {
	color: #0066CC;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #152648;
}

a img {
	border: 0
}

p {
	font: 12px Arial, Helvetica, sans-serif;
	color: Black;
	margin: 8px 8px 0 8px;
	padding: 0;
	line-height: 20px
	
}

.hp-hdr-image {
	margin: 0 0 5px 0;
	padding: 0;
	width:436px; 
	height:205px; 
	z-index: 0;
}	

.tiny {
	font: 10px Arial;
	text-align: left;
	color: Black;
	margin: 0px 8px 0 8px;
	padding: 0;
}

.bold-blue {
	font: 12px Arial;
	text-align: left;
	color: #152648;
	margin: 0px 8px 0 8px;
	padding: 0;
	font-weight: bold;
}

h4 {
	text-align: left;
	font-size: 14px;
	color: #990000;
	margin: 0;
	padding: 0 0 0 5px;
}

/********************
background colors
*********************/

.light-blue {
	overflow: hidden;
	margin: 0;
	padding: 5px 0 5px 0px;
	background-color: #e7f5f7;
}

#frame {
	width: 760px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	overflow: hidden;
	background: #fff url(../images/frame-bg.gif) top left no-repeat
}

#inner-frame {
	width: 746px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: left;
	overflow: hidden;
}

#top-bar {
	width: 746px;
	/*overflow: hidden;*/
	border-bottom: 4px solid #002674;
	height: 105px
}

	#top-bar h1 {
		float: left;
		width: 114px;
		height: 98px;
		margin: 0;
		padding: 0;
		font-size: 120%
	}
	
	#top-bar h1 a {
		position: relative;
		display: block;
		width: 114px;
		height: 98px;
		margin: 0;
		padding: 0
	}
	
	#top-bar h1 a span {
		position: absolute;
		top: 0;
		left: 0;
		width: 114px;
		height: 98px;
		cursor: pointer;
		background: url(../images/bestwestern-logo.gif)
	}
	
#nav-box {
	float: left;
	width: 632px;
	height: 105px;
	margin: 0;
	padding: 0
}
	
	#nav-box h2.slogan {
		display: block;
		float: right;
		position: relative;
		width: 632px;
		height: 50px;
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 110%
	}
	
	#nav-box h2.slogan span {
		position: absolute;
		float: right;
		top: 0;
		left: 0;
		width: 632px;
		height: 50px;
		background-color: #fff;
	}
	
.light-yellow {
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 5px 0;
	background-color: #FFFDE8;
	border-bottom: #F8D14A solid 1px;
}

.dark-yellow {
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 5px 0;
	background-color: #FFFBD0;
	border-bottom: #F8D14A solid 1px;
}

.light-yellow p, .dark-yellow p {
	overflow: hidden
}

.hr {
  border: 0;
  width: 100%;
  color: #0099ff;
  background: #fff url(../images/line.gif) repeat-x scroll center;
  height: 1px;
}

.credits {
	margin: 0 auto;
	padding: 5px 0 5px 0;
	width: 745px;
	font-size: 11px;
	text-align: left;
	color: #B1DEE5;
}

	.credits a:link, .credits a:visited  {
		color: #FFFFFF;
		text-decoration: none;
	}
	.credits a:hover, .credits a:active {
		text-decoration: underline;
		color: #C0EBFC;
	}

/********************
amenities.html
*********************/

table.amenities-tbl-right td {
	border-bottom: #B1DEE5 solid 1px;
	margin-bottom: 8px;
	padding: 0px 0 20px 0;
}


table.amenities-tbl td {
	padding:3px;
}

#content {
	padding: 8px 0 0 0;
}

#content ul {
	line-height: 20px;
	padding: 0px 5px 8px 25px;
	margin: 0;
	list-style: disc url(../images/bullet.gif)
}

/**********************
rates.html
***********************/

.rates-table th {
	color: #000;
	background-color: #FAEFC4;
   margin-bottom:0;
	padding: 5px;
	font-weight: bold;
	font: 12px Arial, Helvetica, sans-serif
}

.rates-table td {
	padding: 5px;
	margin: 1px
}

.white {
	overflow: hidden;
	margin: 0;
	padding: 5px 0 5px 0;
	background-color: #FFF;
}

.description-rates {
	font: 12px Georgia, "MS Sans Serif", Geneva, sans-serif;; 
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #0066CC;
}

.price {
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #000;
}

.blue-fade-bg {
	background: url(../images/bg-content-fade.jpg) repeat-x;
	border-top: 1px solid white;
	margin: 0;
	padding: 0px 8px 0 8px;
}

/*Accommodations CSS */

#right-col-accom {
	float: right;
	width: 300px;
	margin: 15px 0px 15px 0px;
	padding: 0
}

#left-col-accom {
	float: left;
	width: 100%;
	margin: 15px 8px 15px 0px;
	padding: 0;
}

h3.welcome {
	font: 150% Georgia, "MS Sans Serif", Geneva, sans-serif;
	background-color: #66B1DD;
	color: #fff;
	margin: 8px 0 0 0;
	padding: 2px 8px;
}

h2.welcome {
	font: 150% Georgia, "MS Sans Serif", Geneva, sans-serif;
	background-color: #002674;
	color: #fff;
	margin: 8px 0 0 0;
	padding: 2px 8px;
}


#left-col-accom p {
	margin: 0 auto 0 auto;
	padding: 8px 8px;
	text-align: justify
}

/*******Image Styles********/

.image-left {
	float: left;
	display: block;
	margin: 9px 10px 9px 8px;
	overflow: hidden;
	
}

.image-center {
	display: block;
	margin: 9px 10px 9px 8px;
	overflow: hidden;
	
}

.image-right {
	float: right;
	display: block;
	margin: 9px 8px 9px 10px;
	overflow: hidden;
}

.image-left-border {
	float: left;
	display: block;
	margin: 9px 10px 9px 8px;
	border: 2px solid #66B1DD;
	overflow: hidden;
	
}

.image-center-border {
	text-align:center;
	display: block;
	margin: 9px auto;
	border: 2px solid #66B1DD;
	overflow: hidden;
	
}

.image-right-border {
	float: right;
	display: block;
	margin: 9px 8px 9px 10px;
	border: 2px solid #66B1DD;
	overflow: hidden;
}

.image-border {
	border: 2px solid #66B1DD;	
}

.image-header {
	display: block;
	margin: 8px 0px;
}

.blue-fade-bg-accom {
	height: 25%;
	background: url(../images/bg-content-fade.jpg) top left repeat-x;
   overflow: hidden;
}

#accom-image {
	float: right;
	width: 300px;
	height: 205px;
	padding: 0;
	margin-top: 8px
}

#accom-layout {
	float: left;
	width: 433px;
	padding: 0 5px 15px 0;
	margin: 0;
}


/*END*/