/* ======================================================
   BCCBASE.css contains general layout and typographic
   styles that will be used throughout the site.
   
   1.  Reset styles
   2.  General layout
   3.  General typography
   4.  Header box / Top navigation
   5.  Booking box
   6.  Side navigation
   7.  Side buttons
   8.  More info box
   9.  Room list
   10. Tour list
   11. Tour overlay
   12. Miscellaneous styles
   
   
   COLORS
   text brown: #846445
   header blue: #67C8C6
   red: #9F1C26
   orange: #E87D1E
   
   ====================================================== */


/* ======================================================
   RESET STYLES                                    
   ====================================================== */
   
/* Based on Eric Meyer's reset css 
   http://meyerweb.com/eric/tools/css/reset/ 
   v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ===================================== end reset styles */





/* ======================================================
   GENERAL LAYOUT                                     
   ====================================================== */

body {
	width: 100%;
	text-align: center;
	background: #FFF url(images/bck-sub3.jpg) no-repeat center top;
}
#bccwrapper {
	width: 960px;
	text-align: left;
	margin: 50px auto;
/* 	background-color: lime; for testing */
}
#bcchead h1, #bcchead ul {
	float: left;
	width: 300px;
}
#splash {
	height: 279px;
	width: 660px;
	float: right;
}
#bccbooking {
	float: left;
	margin-top: 25px;
	width: 960px;
	height: 65px;
	border-bottom: 1px solid #D3C1B0;
/* 	background-color: blue; for testing */
}
#bccmain {
	float: left;
	width: 960px;
	background: transparent url(images/bck-2col.gif) repeat-y left top;
	border-bottom: 1px solid #D3C1B0;
}
#bccsidebar {
	float: left;
	width: 290px;
}
#bcccontent {
	float: right;
	width: 635px;
	padding-bottom: 30px;
}
#bccfooter {
	float: left;
	width: 960px;
	text-align: center;
	padding: 10px 0;
}
.copyright {
	width: 960px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #D3C1B0;
}

/* =================================== end general layout */





/* ======================================================
   GENERAL TYPOGRAPHY                                     
   ====================================================== */
   
body {
	font-size: 62.8%;
	color: #846445;
	font-family: Helvetica, Arial, sans-serif;
}
#bccbooking {
	font-size: 1.2em;
}
#bcccontent a {
	color: #67C8C6;
	text-decoration: underline;
}
#bcccontent h2, #bcccontent h3 {
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	color: #67C8C6;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: .1em;
	margin-top: 30px;
	margin-bottom: .2em;
}
#bcccontent h3 {
	margin-top: 3em;
}
#bcccontent h4 {
	color: #9F1C26;
	font-size: 1.4em;
	line-height: 1.5em;
}
#bcccontent h5 {
	color: #846445;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 1em;
	font-weight: bold;
}
#bcccontent p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: .7em;
}
#bcccontent a:hover {
	color: #9F1C26;
}
#bcccontent ul {
	font-size: 1.3em;
	line-height: 1.4em;
}
#bcccontent ul li {
	background: transparent url(images/bullet.gif) no-repeat left .35em;
	padding-left: 1.2em;
	margin-bottom: .3em;
}
#bcccontent .book em {
	display: block;
	font-weight: bold;
}
#bcccontent .mailto {
	background: transparent url(images/bullet.gif) no-repeat left .4em;
	padding-left: 1.2em;
	margin-left: .2em;
}
#bccfooter a {
	color: #E87D1E;
	text-decoration: none;
}
#bccfooter a:hover {
	color: #9F1C26;
}

/* =============================== end general typography */





/* ======================================================
   HEADER BOX / TOP NAVIGATION                               
   ====================================================== */
   
#bcchead h1, #bcchead h1 a {
	display: block;
	width: 300px;
	height: 120px;
	background: transparent url(images/top-logo.gif) no-repeat left top;
	text-decoration: none;
	overflow: hidden;
	text-indent: -999em;
}
#topnav li, #topnav li a {
	height: 32px;
	display: block;
	width: 300px;
	height: 32px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -999em;
}
#tn-home a {
	background: transparent url(images/topnav-home.gif) no-repeat left top;
}
#tn-room a {
	background: transparent url(images/topnav-room.gif) no-repeat left top;
}
#tn-meet a {
	background: transparent url(images/topnav-meet.gif) no-repeat left top;
}
#tn-wedd a {
	background: transparent url(images/topnav-wedd.gif) no-repeat left top;
}
#topnav #tn-home a:hover,
#topnav #tn-room a:hover,
#topnav #tn-meet a:hover,
#topnav #tn-wedd a:hover {
	background-position: left bottom;
}
#bcchead #topnav .on a, #bcchead #topnav .on a:hover {
	background-position: left center;
}
#tourjoin {
	margin-top: 40px;
}

/* ======================================= end header box */





/* ======================================================
   FORM STYLES                               
   ====================================================== */
   

#bcccontent .req label {
	font-weight: bold;
}
#bcccontent .tbox {
	width: 300px;
}
#mailinglist {
	padding-top: 2em;
}
#mailinglist label {
	display: block;
	float: left;
	width: 130px;
	font-weight: bold;
}
#mailinglist .zipbox {
	width: 100px;
}
#mailinglist #signupsubmit {
	margin-left: 130px;
	margin-top: 15px;
}
#bcccontent form h3 {
	width: 625px;
	background-color: #88746A;
	color: #FFF;
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
}
#request label {
	display: block;
	float: left;
	width: 180px;
}
#request #requestsubmit {
	margin-left: 180px;
	margin-top: 15px;
}

   
   
/* ====================================== end form styles */




/* ======================================================
   BOOKING BOX                                   
   ====================================================== */


#bccbooking h3, #bccbooking #checkinout, #bccbooking #peoplepromo, #bccbooking #booksubmit {
	float: left;
}
#bccbooking h3 {
	width: 300px;
	height: 65px;
	margin-right: 10px;
	background: transparent url(images/booking-head.gif) no-repeat right top;
	text-indent: -999em;
}
#bccbooking label {
	font-weight: normal;
}
#bccbooking #checkinout {
	width: 255px;
}
#checkin, #people, #promo {
	float: left;
	line-height: 25px;
}
#checkout {
	float: left;
	line-height: 25px;
        margin-top:5px;
}
#checkinout label {
	width: 60px;
	display: block;
	float: left;
}
#inmonth, #outmonth {
	width: 120px;
}
#inday, #outday {
	width: 55px;
}
#bccbooking #peoplepromo {
	width: 235px;
}
#adults {
	margin-right: 20px;
}
#promocode {
	width: 150px;
}
#bccbooking #booksubmit {
	margin-top: 2px;
	width: 152px;
}
#bookingbutton {
    float: left;
    margin-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #D3C1B0;
    height: 71px;
}
#bookingbutton a {
    display: block;
    width: 960px;
    height: 71px;
    background: transparent url(images/booking-button.jpg) no-repeat left top;
    text-indent: -999em;
    text-decoration: none;
    overflow: hidden;
}
/* ====================================== end booking box */





/* ======================================================
   SIDE NAVIGATION                                 
   ====================================================== */

#bccsidenav {
	margin-top: 22px;
	margin-top: 27px;
}
#bccsidenav li, #bccsidenav li a {
	display: block;
	width: 300px;
	height: 30px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -999em;
}
#bccsidenav li#sn-1, #bccsidenav li#sn-1 a {
	height: 45px;
}
#bccsidenav li#sn-1 a {
	background: transparent url(images/sidenav-background.gif) no-repeat left top;
}
#sn-2 a {
	background: transparent url(images/sidenav-specials.gif) no-repeat left top;
}
#sn-3 a {
	background: transparent url(images/sidenav-events.gif) no-repeat left top;
}
#sn-4 a {
	background: transparent url(images/sidenav-members.gif) no-repeat left top;
}
#sn-5 a {
	background: transparent url(images/sidenav-neighbor.gif) no-repeat left top;
}
#sn-6 a {
	background: transparent url(images/sidenav-parking.gif) no-repeat left top;
}
#sn-7 a {
	background: transparent url(images/sidenav-contact.gif) no-repeat left top;
}
#sn-8 a {
	background: transparent url(images/sidenav-resources.gif) no-repeat left top;
}
#bccsidenav #sn-1 a:hover,
#bccsidenav #sn-2 a:hover,
#bccsidenav #sn-3 a:hover,
#bccsidenav #sn-4 a:hover,
#bccsidenav #sn-5 a:hover,
#bccsidenav #sn-6 a:hover,
#bccsidenav #sn-7 a:hover {
	background-position: left bottom;
}
#bccsidebar #bccsidenav .on a, #bccsidebar #bccsidenav .on a:hover {
	background-position: left center;
}
#signupsend {
	margin-top: 37px;
	margin-bottom: 20px;
}

/* ================================== end side navigation */





/* ======================================================
   SIDE BUTTONS                                 
   ====================================================== */
   
.tourbutton, .joinbutton, .hhcbutton, .listbutton, .requestbutton {
	margin-left: 19px;
	margin-top: 0px;
}
.tourbutton, .joinbutton, .tourbutton a, .joinbutton a, .hhcbutton a,
.listbutton, .requestbutton, .listbutton a, .requestbutton a {
	display: block;
	width: 262px;
	background: transparent no-repeat left top;	
	text-decoration: none;
	margin: none;
	overflow: hidden; 
	text-indent: -999em;
}
.hhcbutton a {
	height: 100px;
        width:260px;
        margin-left:1px;
	background-image: url(images/HHA_Black.jpg);
        background-repeat:no-repeat;
}

.tourbutton, .tourbutton a {
	height: 67px;
	background-image: url(images/sideb-tour.gif);
}
.joinbutton, .joinbutton a {
	height: 67px;
	background-image: url(images/sideb-join.gif);
}
.listbutton, .listbutton a {
	height: 92px;
	background-image: url(images/sideb-signup.gif);
}
.requestbutton, .requestbutton a {
	height: 92px;
	background-image: url(images/sideb-send.gif);
}
#bcccontent .button, #bcccontent .button a {
	display: block;
	height: 29px;
	background: transparent no-repeat left top;
}
#bcccontent .button a {
	text-decoration: none;
	overflow: hidden;
	text-indent: -999em;
	background: transparent no-repeat left top;
}

#plunge {
	width: 262px;
	margin-left: 19px;
	margin-top: 0px;
	background: transparent url(images/plunge-bck.png) no-repeat left bottom;
	color: #FFF;
}
#plunge .inwrap {
	width: 222px;
	padding: 20px;
	color: #FFF;
	background: transparent url(images/plunge-img.png) no-repeat left top;
}
#plunge h3 {
	height: 110px;
	text-indent: -999em;
}
#plunge p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: .8em;
}
   

/* ===================================== end side buttons */





/* ======================================================
   FORM STYLES                               
   ====================================================== */
   
label {
	
}
   
   
   
/* ====================================== end form styles */





/* ======================================================
   MORE INFO BOX                                
   ====================================================== */
   
.moreinfo {
	background: #E8F5F5 url(images/moreinfobox.gif) no-repeat left top;
	width: 425px;
	margin: 30px 0;
	padding: 15px 15px 15px 195px;
}
#bcccontent .moreinfo a {
	color: #67C8C6;
	font-weight: bold;
	text-decoration: none;
}
#bcccontent .moreinfo a:hover {
	color: #9F1C26;
}
#bcccontent .moreinfo li {
	padding-left: 1.8em;
	line-height: 1.6em;
	height: 1%;
}
#bcccontent .availibility {
	background: transparent url(images/calendar.png) no-repeat left center;
}
#bcccontent .hotelrooms {
	background: transparent url(images/find.png) no-repeat left center;
}
#bcccontent .mailinglist,
#bcccontent .eventcoordinator {
	background: transparent url(images/email.png) no-repeat left center;
}
#bcccontent .submitevent {
	background: transparent url(images/calendar_edit.png) no-repeat left center;
}
#bcccontent .banquetrates,
#bcccontent .seminarrates,
#bcccontent .weddingrates {
	background: transparent url(images/page_white_acrobat.png) no-repeat left center;
}
#bcccontent .virtualtour {
	background: transparent url(images/find.png) no-repeat left 2px;
}

/* ================================== end side navigation */





/* ======================================================
   ROOM LIST                               
   ====================================================== */
   
.room {
	width: 635px;
	float: left;
	position: relative;
	/* background-color: lime; /* TESTING */
	padding-bottom: 40px
}
.room img {
	width: 175px;
	float: left;
	margin-top: 5px;
}
#bcccontent .room h3 {
	width: 445px;
	float: right;
	margin-top: 0;
}
#bcccontent .room p {
	margin-bottom: .5em;
}
.tourlink {
	position: absolute;
	top: 0;
	right: 0;
}
.tourlink a {
	display: block;
	width: 64px;
	height: 23px;
	background: transparent url(images/b-3dtour.png) no-repeat left top;
	overflow: hidden;
	text-decoration: none;
	text-indent: -999em;
}
.roomdesc {
	width: 445px;
	float: right;
}
.roomdetails,
.roomcap {
	width: 445px;
	float: right;
}
.roomdetails dd,
.roomdetails dt,
.roomcap dd,
.roomcap dt {
	float: left;
	font-size: 1.2em;
	line-height: 1.4em;
}
.roomdetails dd,
.roomcap dd {
	font-weight: bold;
	margin-right: 8px;
	color: #67C8C6;
}
.roomdetails dt.rdsf {
	margin-right: 20px;
}
#bcccontent .roomcap dt ul {
	float: left;
	display: inline;
	font-size: 1.0em;
}
#bcccontent .roomcap dt li {
	float: left;
	margin-right: 5px;
	margin-top: .1em;
	padding-left: 1.0em;
}
#bcccontent .roomcap dt ul li:first-child {
	background-image: none;
	padding-left: 0;
}

/* ======================================== end room list */





/* ======================================================
   TOUR LIST                               
   ====================================================== */
   

#bcccontent #tourboxes {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-top: 30px;
}
#bcccontent #tourboxes li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin-bottom: 30px;
	margin-right: 11px;
	width: 200px;
}
#bcccontent #tourboxes a {
	text-decoration: none;
}
#bcccontent #tourboxes li a img {
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 3px solid #FFF;
}
#bcccontent #tourboxes a strong {
	float: left;
	display: block;
	width: 200px;
	padding: .6em 0 .4em;
	text-align: center;
	background-color: #846445;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
}
#bcccontent #tourboxes a:hover strong {
	background-color: #E87D1E;
}
   

/* ======================================== end tour list */





/* ======================================================
   TOUR OVERLAY                               
   ====================================================== */

#tour_overlay {
    display: block;
      position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=6¢0);
}
* html #tour_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#tour_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 291px; */
    z-index:1002;
    text-align: center;
}
body #tour_box {
    width: 930px;
    padding: 15px;
    background-color: #231F20;
    margin: 45px auto;
}
#tour_copy {
	color: #FFF;
	background-color: #846445;
	text-align: left;
	margin-top: 7px;
	padding: 15px 15px 30px;
}
#tour_wrap2 {
	float: left;
	width: 900px;
	position: relative;
}
#tour_text {
	width: 780px;
	float: left;
}
#tour_text h3 {
	font-size: 1.6em;
	padding-bottom: .2em;
	font-weight: normal;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#tour_text p {
	font-size: 1.4em;
	line-height: 1.3em;
}
#tour_nav {
	position: absolute;
	float: right;
	width: 77px;
	right: 0;
	bottom: 00;
}
#tour_nav a {
	text-decoration: none;
	display: block;
	height: 20px;
	width: 20px;
	background: transparent no-repeat left top;
	float: left;
	margin-right: 5px;
	overflow: hidden;
	text-indent: -999em;
}
#tour_nav a.prev {
	background-image: url(images/tour-prev.gif);
}
#tour_nav a.next {
	background-image: url(images/tour-next.gif);
}
#tour_nav a.close {
	background-image: url(images/tour-close.gif);
}
.clear { clear: both; }

   

/* ===================================== end tour overlay */




/* ======================================================
   MISCELLANEOUS STYLES                               
   ====================================================== */
   
.detailsbox {
	background-color: #E8F5F5;
	padding: 15px;
}
#bcccontent .detailsbox h5:first-child {
	margin-top: 0;
}
#map {
	margin-top: 20px;
}
.missing {
	font-weight: bold;
	color: white;
	background-color: fuchsia; /* TESTING */
}
#joinboxes {
	float: right;
	width: 262px;
	height: 400px;
	margin-left: 20px;
}
#joinboxes .requestbutton {
	margin-left: 0px;
}
.shadowbox {
	background: transparent url(images/shadowbox-bottom.png) no-repeat left bottom;
	padding-bottom: 20px;
}
#bcccontent .shadowbox h3 {
	margin-top: 0;
	padding-top: 25px;
	background: transparent url(images/shadowbox-top.png) no-repeat left top;
}
#bcccontent .shadowbox h3,
#bcccontent .shadowbox p {
	padding-left: 25px;
	padding-right: 25px;
}
#bcccontent .domlist a, #bcccontent .intlist a, #bcccontent .seevideo a {
	float: right;
}
#bcccontent .domlist a {
	width: 188px;
	background: transparent url(images/b-domlist.png) no-repeat left top;
}
#bcccontent .intlist a {
	width: 188px;
	background: transparent url(images/b-intlist.png) no-repeat left top;
}
#bcccontent .seevideo a {
	margin-top: 8px;
	width: 134px;
	background: transparent url(images/b-video.png) no-repeat left top;
}
   
/* ============================= end miscellaneous styles */