body{
margin:0;
padding:0;
font-family: arial, sans-serif;
font-size: 12px;
background-color: #152648;
}

h1, h2, h3, h4, h5 {
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
}

h1 { 
font-size: 23px;
margin: 6px 0;
color: #990000;
}
h2 {
font-size: 18px;
background-color: #935600;
padding: 1px 0 1px 10px;
width: 437px;
margin: 0 0 5px 0;
color: #fff;
}

h3 { 
font-size: 18px;
margin: 6px 10px;
color: #fff;
}

h4 {
font-size: 16px;
margin: 0;
}

img {border:0;}

p {margin: 6px 0; text-align:left;}


hr {height:1px; color:#0066cc; background-color:#0066cc; shade:no-shade;}


a:link {color: #0066cc;}
a:visited {color: #0066cc;}
a:hover {color: #152648;}
a:active {color: #000;}

#maincontainer{
width: 777px;
margin: 10px auto;
background: url(assets/bg_corners.gif) no-repeat #fff;
}

#topsection{
padding: 2px 8px;
background: url(assets/logo-bestwestern.gif) no-repeat;
height: 165px;
position:relative;
}

#topnav {
font-size: 11px;
margin: 10px;
padding-bottom: 2px;
border-bottom: 2px solid #b5d5ff;
width: 300px;
position:absolute;
right: 0px;
}
#topphone {
font-size: 11px;
margin: 10px;
margin-top: 24px;
padding-bottom: 2px;
width: 300px;
position:absolute;
right: 0px;
}

#topnav a{text-decoration:none;}


/* main nav starts */

#nav {
	width: 766px; /* for botom border */
	height: 25px;
	margin: 0 6px;
	font-size: 95%;
	text-transform: uppercase;
	border-bottom: 4px solid #002674;
	position:absolute;
	top: 100px;
	left: 0;
}

#nav ul{
 	width: 485px;
 	list-style-type: none;
  margin: 0;
	padding:0;
	margin-left: 284px;
}

#nav li{
  float: left;
  margin:0;
  padding:0;
	height: 23px;
	overflow: hidden;
	margin-left: 2px;
	}

#nav a {
	display: block;
  background:url(assets/nav-bg.gif) no-repeat left top;
  margin:0;
  padding: 0;
	text-decoration:none;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
	}
/* Widths */
#nav a#nav-1 {width: 74px;}
#nav a#nav-2 {width:	146px;}
#nav a#nav-3 {width:	79px;}
#nav a#nav-4 {width:	79px;}
#nav a#nav-5 {width:	95px;}

/* Regualar and visited state */
#nav a#nav-1:link, #nav a#nav-1:visited	{background-position: 0 0;}
#nav a#nav-2:link, #nav a#nav-2:visited {background-position: -76px	0;}
#nav a#nav-3:link, #nav a#nav-3:visited {background-position: -224px	0;}
#nav a#nav-4:link, #nav a#nav-4:visited {background-position: -305px	0;}
#nav a#nav-5:link, #nav a#nav-5:visited {background-position: -386px	0;}

/* Mouseover */
#nav a#nav-1:hover {background-position: 0 -23px;}
#nav a#nav-2:hover {background-position: -76px	-23px;}
#nav a#nav-3:hover {background-position: -224px	-23px;}
#nav a#nav-4:hover {background-position: -305px	-23px;}
#nav a#nav-5:hover {background-position: -386px	-23px;}

/* Active State */
#nav a#nav-1:active {background-position: 0 -46px;			color: white;}
#nav a#nav-2:active {background-position: -76px	-46px;	color: white;}
#nav a#nav-3:active {background-position: -224px -46px;	color: white;}
#nav a#nav-4:active {background-position: -305px -46px;	color: white;}
#nav a#nav-5:active {background-position: -386px -46px;	color: white;}

/* Current Page State */

#nav li.current a#nav-1:link, #nav li.current a#nav-1:visited  {background-position: 0 -46px;			color: white;}
#nav li.current a#nav-2:link, #nav li.current a#nav-2:visited {background-position: -76px	-46px;	color: white;}
#nav li.current a#nav-3:link, #nav li.current a#nav-3:visited {background-position: -224px -46px;	color: white;}
#nav li.current a#nav-4:link, #nav li.current a#nav-4:visited  {background-position: -305px -46px;	color: white;}
#nav li.current a#nav-5:link, #nav li.current a#nav-5:visited  {background-position: -386px -46px;	color: white;}



#slidetabsmenu a span {
float:left;
display:block;
height:20px;
background:url(assets/tab-right.gif) no-repeat right top;
padding:7px 14px 0px 5px;
color: #002674;
font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -250px;
}

#slidetabsmenu #current a span {
background-position:100% -250px;
color:#fff;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

/* end nav */


#headline {
position: absolute;
top: 130px;
left: 10px;
margin-bottom: 10px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 320px; /*Set left margin to LeftColumnWidth -padding*/
padding-right: 10px;
padding-bottom: 15px;
}

#leftcolumn{
float: left;
width: 300px; /*Width of left column*/
margin-left: -767px; /*Set left margin to -(MainContainerWidth -leftpadding)*/
}

#findaroom {
background: url(assets/bg-findhotel.jpg) #f8d14a;
margin-bottom: 8px;
text-align:center;
}

#bottomthree{
float: left;
width: 100%;
padding: 0;
}
#findaroom h1{font-size: 25px; font-weight: normal; margin: 0 0 5px 0;}

#blockone {
float: left;
width: 245px;
margin-left: -767px;
text-align: center;
background-color: #c0ebfc;
}
#blockone p {padding-left: 5px;}
#blockone img {margin-top: 5px;}
#blockone .header {background-color: #cc3300; text-align:left; padding-left: 10px;}
#blockone h3 {margin: 0;}

#blocktwo {
margin: 0px 265px 0px 265px;
background-color: #c0ebfc;
text-align: center;
}
#blocktwo p {padding-left: 5px;}
#blocktwo img {margin-top: 5px;}
#blocktwo .header {background-color: #fb7b00; text-align:left; padding-left: 10px;}
#blocktwo h3 {margin: 0;}

#blockthree {
float: left;
width: 245px;
margin-left: -255px;
background-color: #c0ebfc;
text-align: center;
}
#blockthree p {padding-left: 5px;}
#blockthree img {margin-top: 5px;}
#blockthree .header {background-color: #30759e; text-align:left; padding-left: 10px;}
#blockthree h3 {margin: 0;}



#footer{
clear: left;
width: 757px;
color: #000;
padding:0;
margin: 0 10px;
background: #faefc4;
}
#footer .head {
background-color: #dd8712;
}

#footer p {margin:6px 10px;}

#footer #bottomnav {margin: 0;
padding: 10px 0;
background-color: #fff;
}

#footer #bottomnav a { font-size: 11px; text-decoration:none;
margin:4px;}


#footer #bottomnav a:hover {text-decoration: underline;}

#copyright {
width: 777px;
font-size: 10px;
color: #b1dee5;
font-style: italic;
margin: 0 auto;
padding: 5px;}

#form-warning-top {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
