/* CSS Seasons B&B Main */


/* Reset
------------------------------------------------------*/
html,body,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; border: none; }

ul,ul li,dt,dd {margin: 0; padding: 0; list-style: none;}


/* Basic Elements
------------------------------------------------------*/

body { background: #996666 url(../_img/bg_gradient.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color: #330000; font-size: 10px; text-align: left; }

h1 { font-size: 20px; font-family: Georgia, Times New Roman, Times, serif; color: #663300; font-weight: normal; text-transform: uppercase; background: url(../_img/bg_h1.png) repeat-x; width: 335px; padding: 0 0 5px 0; margin: 0px 0 25px 0px; }

h2 { font-size: 18px; font-family: Georgia, Times New Roman, Times, serif; color: #663300; font-weight: bold; margin: 0px 0 30px 0px; }

h3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #663300; font-weight: bold; margin: 0px 0 3px 0px; }

p { margin: 15px 0 10px 0px; line-height: 17px; }

a { color: #663300; }

a:link { color: #990000; text-decoration: none; }

a:visited { color: #990000; text-decoration: none; }

a:hover { color: #990000; text-decoration: underline; }

a:active, focus { color: #660000; text-decoration: none; }

img { border: none; }

table { border: none; width: 494px; border-spacing: 0px; border-collapse: collapse; }

th { background: #990000; font-size: 12px; font-family: Georgia, Times New Roman, Times, serif; color: #FFF; font-weight: normal; text-transform: uppercase; text-align: center; padding: 10px 0px 10px 0; }
 
td { width: 164px; border-top: 1px dotted #330000; font-size: 15px; font-family: Georgia, Times New Roman, Times, serif; color: #330000; font-weight: normal; text-transform: uppercase; text-align: center; padding: 15px 0px 15px 0; }

tbody td a { text-decoration: none; color: #990000; }

tbody td a:visited { color: #990000; }

tbody td a:hover { color: #990000; display: block; }

tbody tr:hover { background: #FFFFFF;}



/* IDs
------------------------------------------------------*/

div#container { margin: 15px auto; width: 940px; text-align: center; }

div#body { width: 940px; background-color: #fff; margin: 0px 0 0 0px; }
 
div#header { background: #fff url(../_img/bg_header.gif) repeat-x; width: 940px; border-bottom: 1px solid #333; margin: 0; text-align: left; padding: 0px 0 7px 0px; }

div#left_column { background: #fff url(../_img/bg_left_column.gif) repeat-x; width: 540px; margin: 0; padding: 40px 0 0px 0px; text-align: center; float: left; }

div#left_column_rates { background: #fff url(../_img/bg_left_column.gif) repeat-x; width: 540px; margin: 0; padding: 20px 0 0px 0px; text-align: center; float: left; }

div#right_column { background: #fff url(../_img/bg_right_column.gif) repeat-x; width: 335px; height: 350px; padding: 40px 40px 60px 25px; text-align: left; float: right; }

div#full_column { background: #fff url(../_img/bg_full_column.gif) no-repeat; width: 900px; padding: 10px 20px 0px 20px; text-align: center; }

div#share { width: 250px; height: 20px; padding: 10px 0px 0px 0px; text-align: left; }

div#nav { background: #990000 url(../_img/bg_nav.png) no-repeat; width: 940px; margin: 0;  }
 
div#swf_frame { width: 500px; border: none; margin: 0 0 0 20px; }

div#image_frame { width: 494px; border: 3px solid #660000; text-align: center; margin: 0 0 0 20px; }

div#image_tray { background: #990000 url(../_img/bg_image_tray.gif) no-repeat; width: 480px; height: 35px; border: none; text-align: left; margin: 0 0 0px 20px; padding: 10px 20px 10px 0px; }

div#image_tray a:link { font-size: 12px; font-family: Georgia, Times New Roman, Times, serif; color: #FFF; text-transform: uppercase; text-decoration: none; }

div#image_tray a:hover { text-decoration: underline; }

div#image_tray p { font-size: 14px; font-family: Georgia, Times New Roman, Times, serif; color: #FFF; text-transform: uppercase; text-align: right; margin: 0px 0 0px 0px; }

div#image_tray em { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-style: normal; text-transform: none; text-align: right; margin: 0px 0 0px 0px; }

div#footer { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #ccc; margin: 0; padding-top: 35px; width: 940px; background: url(../_img/bg_footer.gif) repeat-x; }

div#footer ul { margin: 0px 0 0px 20px; padding: 0; list-style-type: none; }

div#footer li { margin: 0px; padding: 0px 7px 0 0px; list-style-type: none; float:left; }

div#footer a:link { color: #ccc;text-decoration: none; }
 
div#footer a:visited { color: #ccc; text-decoration: none; }
 
div#footer a:hover { color: #fff; text-decoration: underline; }
 
div#footer p { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #ccc; margin: 0px 0 0px 20px; padding: 10px 0 0px 0; text-align: left; }

div#facebook {
	width:200px;
	height:25px;
	background: url(../_img/icon_facebook.png) no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 0px 20px;
	text-align: left;
}



/* Classes
------------------------------------------------------*/

.rates_summer { background: #FFF url(../_img/bg_rates_summer.jpg) no-repeat; }
.rates_fall { background: #FFF url(../_img/bg_rates_fall.jpg) no-repeat; }
.rates_winter { background: #FFF url(../_img/bg_rates_winter.jpg) no-repeat; }
.rates_spring { background: #FFF url(../_img/bg_rates_spring.jpg) no-repeat; }

.clear { clear: both; }

.header { float: left;}

.image_frame { width: 494px; border: 3px solid #660000; text-align: center; margin: 0 0 0 20px; }



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{ list-style-type:none; padding:0; margin:0; }

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{ float:right; position:relative; z-index:100; }

/* use the table to position the dropdown list */
.menu table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; }

/* style all the links */
.menu a, .menu :visited { display:block; font-size:10px; width:123px; padding:7px 0; color:#FFFFFF; background:#990000;/*border-bottom: 1px solid #330000;*/ text-decoration:none; margin-right:1px; text-align:center;}

/* style the links hover */
.menu :hover{ color:#FFFFFF;  background: #660000 url(../_img/bg_nav_hover.png) no-repeat; text-decoration: none;}

/* hide the sub level links */
.menu ul ul { visibility:hidden; position:absolute; width:123px; height:0;}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{ visibility:visible;}



/* Rates Tabs
------------------------------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{ margin:0; padding: 3px 0; font: normal 11px Verdana, Arial, sans-serif; }

ul.tabbernav li
{ list-style: none; margin: 0; display: inline;}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 6px;
 border: 1px solid #eeeeee;
 border-bottom: none;
 background: #FFF;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #990000; }
ul.tabbernav li a:visited { color: #FFF; }
ul.tabbernav li a:hover { color: #990000; border-color: #dddddd; text-decoration: underline;}

ul.tabbernav li.tabberactive a { font: bold 11px Verdana, Arial, sans-serif; background-color: #990000; color: #FFF; border: 3px solid #660000; border-bottom: 3px solid #990000;}
ul.tabbernav li.tabberactive a:hover { background-color: #990000; color: #FFF;  border: 3px solid #660000; border-bottom: 3px solid #990000;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px; border: none; border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 { display:none;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { height:200px;overflow:auto; }