html, body, #page{
  height:100%;
  margin:0 auto;
  text-align:center;
  width:1065px;
}
body{
/*    background: white url(images/bg.gif) repeat-y 200px 0;*/
    background: white url(images/bg.gif) repeat-y center top;
    margin:0;
    padding:0;
    color:black;
    font-family:"times new roman";
    font-size:11pt;
}
* html body{
  width:100%;
}
#page{
/*    background: white url(images/bg.gif) repeat-y 0 0;  */
    height:50px;
    padding:0;
    margin:0 auto;
    text-align:center;
    position:relative;
}
a{
/*    color:#5291c4;*/
    color:#BBBBBB;
    text-decoration:none;
}
#right-panel a{
  color:#777;
}

h2{
    font-size:200%;
}
h2.blue{
    color:#5291c4;

}
img{
    border:0;
}
/*
* styles for general elements
*/
.left{
    float:left;
}
.right{
    float:right;
}
p{
    margin:0;
    margin-bottom:13px;
}

/* 
* header and layout
*/
#page-header{
    background: transparent url(images/header-bg.gif) repeat-x center top;
/*    margin-left:-1px;*/
    width:100%;
    overflow:hidden;
    position:relative;
    text-align:center;
}
#logo{
    background: transparent url(images/logo.gif) no-repeat 50% 0;
    width:1013px;
    height:140px;
    margin:0 auto;
}
#phone-number{
    font-size:110%;
    color:#be9a67;
    position:absolute;
    bottom:32px;
    left:480px;
}
#content, .header, #menu{
	position:absolute;
	width:265px;
	left:0;
	padding-left:10px;
	margin-right:60px;
	padding-right:10px;
	text-align:left;
	top: 178px;/*    float:left;*//*    display:none;*/
}
.header{
	left:193px;
}
#content{
	text-align:left;
	left:199px;
	overflow:auto;
	color:white;
}
#right-panel{
    position:absolute;
/*    left:50%;*/
    left:535px;
	text-align: left;
    margin-left:-30px;
    width:545px;
}
#content, #right-panel, #menu{
    margin-top:60px;

    padding-bottom:40px;
}

/* 
* menu
*/
#mobile a {
	float: left;
	margin-right: 200px;
	margin-top: 20px;
	color: #835d35;
	font-size: 10pt;
	font-weight: bold;
	clear: none;
	margin-left: 0;
}
#menu{
    margin-right:270px;
    width:140px;
    text-align:right;
/*    margin-right:375px;*/
}
#menu a{
    background-repeat:no-repeat;
    background-image:url(images/new-menu.png);
}
#menu a:hover{
    background-image:url(images/new-menu-over.png);
}
#menu a{
    height:36px;
    width:145px;
/*    width:165px;*/
    display:block;
    font-size:1px;
    outline:0;
    /*	border:1px solid orange;*/
}
#menu div#brochure{
  padding-top:30px;
}
#menu #bbav-logo {
  margin-top:15px;
  margin-top:30px;
}
#menu #bbav-logo a {
  background-image:none;
}
#menu #bbav-logo a:hover {
  background-image:none;
}
#menu #bbav-logo img {
  width:90px;
}
#menu #journal img {
  width:90px;
}
#menu #journal a {
  background-image:none;
}
#menu div#journal{
  margin-top:15px;
  padding-top:30px;
}

#home{ background-position:right 0;}
#rooms{ background-position:right -36px;}
body #menu #amenities{ background-position:right -70px; height:30px; margin-bottom:2px;}
#policies{ background-position:right -100px; margin-bottom:6px;}
#reservations{ background-position:right -145px;}
#attractions{ background-position:right -180px;}
body #menu #contact{ background-position:right -215px; height:32px;}
body #menu #guestbook { background-position:right -250px; height:32px;}
body #menu #brochure { background-position:right -285px; height: 32px;}
body #menu #directions { background-position:right -320px; height: 32px;}



.header{
    height:150px;
    margin-bottom:8px;
}
.header, .brown-text{
  /* brown text looks just like the header text.
   * It's used on the rooms page. */
    color:#bf9b67;
    font-size:28px;
    font-weight:bold;
}
.padded-image-left{
    margin-right:7px;
    margin-bottom:5px;
}
.padded-image-right{
    margin-left:7px;
    margin-bottom:5px;
}
.x-height{
    margin-top:.3em;
}
#right-pictures{
    float:right;
    margin-top:20px;
}
#footer{
	text-align:center;
}
#footer a{
  color: #bbb;
  font-size:12px;
/*  border:1px solid red;*/
/*  height:100%;*/
/*  clear:both;*/
/*  position:absolute;*/
/*  bottom:0;*/
/*  width: 98%;*/
/*  width:100%;*/
}
#footer-inside{
/*  right:50%;*/
/*  width:265px;*/
/*  padding-left:10px;*/
/*  margin-right:60px;*/
/*  padding-right:10px;*/
  
/*  position:absolute;*/
/*  bottom:10px;*/
}


#front-1{
    /*	margin-left:0px;*/
}


/* 
* rooms  
*/
/* first/left image */
#rooms-page .first{
    margin-right:20px;
}
#rooms-page #right-panel{
    text-align:left;
}

.room-thumb a{
    font-size:130%;
}
.room-thumbLex a{
    font-size:130%;
}
.room-thumb span{
    color:#5291c4;	
}
.room-thumb{
    float:left;	
	padding-right: 10px;
}
.room-thumbLex{
	padding-top: 75px;
}
.room-thumb img{
    margin-top:6px;
    margin-bottom:12px;
}

.rate{
    color:black;
}

#rooms-page #right-panel p{
    width:450px;
}

/*
 Amenities
 */
#notice{
  background: #9c8345 url(images/notice-bg.png) repeat-x 0 0;
  padding:2px 4px;
}


/*
 * Guestbook
 */
.source{
   color:#bf9b67;
}
#right-panel .source{
  /* make the source a little darker on the right side */
  color:#9C7135;
}
.footerMenu {
	color: #FFFFFF;
}
.room-thumbLex {
	float:right;
}

