@charset "UTF-8";
/* CSS Document */

body { font:12px Arial, Helvetica, sans-serif; margin:0px; padding:0px; background-color:#fff; color:#333; }
a { color:#6485A6; text-decoration:none;}
a:hover { text-decoration:underline;}
.clear { clear:both; }
img { border:0px; }
img.still { margin-bottom:5px; }
.floatright { float:right; margin:0px 0px 10px 10px; }
.floatleft { float:left; margin:0px 10px 10px 0px; }

/*things to zero out*/
dl, dt, dd, h1, h2, h3, h4 {margin:0px; padding:0px; }


/* SURROUNDING FRAME INFRASTRUCTURE */
h1 { padding-top:40px;} /*TNY MAIN HEADER DON'T USE H1 FOR ANYTHING ELSE */
#container {position:relative; width:945px; margin:0px auto; text-align:left; }

#navigation { float:left; background-color:#fff; font-size:13px; margin-bottom:10px;}
#navigation ul {list-style-type:none; width:945px; margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif }
#navigation li { float:left; margin-right:2px; }
#navigation li a { color:#fff; text-decoration:none; display:block; height:30px; padding:0px 15px; line-height:30px; text-transform:uppercase; background:#000; font-weight:bold; }
#navigation li a:hover { background:#BFBFBF; }



.bodycontent { background:url(../images/bg_index.gif) bottom left no-repeat; float:left; width:945px; }
.bodycontent .padding { padding:0px 0px 10px 9px; background:url(../images/bg_index_top.gif) top left no-repeat; }

.bodycontentint { background:url(../images/bg_int_mid.gif) top left repeat-y; float:left; width:945px; }
.bodycontentint .padding { padding:10px 0px 0px 25px; background:url(../images/bg_int_top.gif) top left no-repeat; }
.bodycontentint .share { clear:both; background:url(../images/bg_int_btm.gif) bottom left no-repeat; height:40px; }
.bodycontentint ul.share, .bodycontentint ul.share li { margin:0px; padding:0px; list-style-type:none;}
.bodycontentint ul.share li { float:right; margin-right:25px; }

#magazine { position:absolute; top:0px; right:0px; z-index:100; }
#magazine ul { margin:10px 0px; list-style:none; font-size:10px;}
#magazine li { float:left; padding:0px 12px; margin:0px; border-right:1px solid #D7182A; }
#magazine li.first { padding-left:0px;}
#magazine li.last { border-right:0px; padding-right:0px;}
#magazine li a { color:#000; }

.listing { clear:both; margin-bottom:10px; float:left;}
.listing img.float { float:left; margin-right:15px; margin-bottom:0px;}
.listing h4 { color:#000; font-size:13px; }
.listing h4.date { color:#6485A6; margin-bottom:0px; font-size:11px; }
.listing h4.name { color:#6485A6; margin-top:0px; }
.listing p { margin:0px;  }
.listing.last { border-bottom:0px; }

/*LISTING EXCEPTIONS AND DETAILS*/
.bookwrapper .listing p, .sandpwrapper .listing p { margin-top:15px; }
.aboutwrapper .listing, .sandpwrapper .listing  { padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.aboutwrapper .listing.last, .sandpwrapper .listing.last  { border-bottom:0px; padding-bottom:0px; }
.travelwrapper .deals .listing { width:335px; } /* IE 6 & 7 need to have the width defined for some reason */
.travelwrapper .sweeps .listing { width:228px; } /* IE 6 & 7 need to have the width defined for some reason */
.aboutwrapper .events .listing { width:485px; } /* IE 6 & 7 need to have the width defined for some reason */
.rsvpwrapper { padding-right:20px; }

.bodycontentint h2 { margin: 20px 0px 10px; }
.bodycontentint h3 { color:#000; font-size:15px; padding-bottom:5px; }

.aboutwrapper { background:url(../images/bg_about.gif) top left repeat-y; float:left; }
.aboutwrapper .feature { width: 390px; padding-right:20px; float:left; }
.aboutwrapper .feature h4.date { color:#CD2027; margin-bottom:10px;}
.aboutwrapper .events { width:485px; float:left; }

.travelwrapper, .bookwrapper { background:url(../images/bg_travel.gif) top left repeat-y; float:left; }
.travelwrapper .dos, .bookwrapper .preview { width:287px; padding-right:20px; float:left; padding-left:10px; }
.bookwrapper .preview { width:297px; padding-left:0px; } /*MODIFIED FIRST COLUMN TO FLUSH LEFT. THIS USED WHEN THERE'S NO FEATURE*/
.travelwrapper .deals, .bookwrapper .video { width:335px; padding-right:20px; float:left; }
.travelwrapper .sweeps, .bookwrapper .first  { width:228px; float:left; }

.sandpwrapper { background:url(../images/bg_sandp.gif) top left repeat-y; float:left; }
.sandpwrapper .listingcol { padding-right:20px; float:left;}
.sandpwrapper .listingcol.right { padding-right:0px;float:left;}
.sandpwrapper .listing { width: 437px;  }

#featcontainer { float:left; width:895px; margin-bottom:15px; border-bottom:1px solid #ccc; padding-bottom:15px;}
#featcontainer .intro { width:446px; padding-right:45px; float:left; }
#featcontainer .featbooks dl { float:left; padding-right:15px; font-weight:bold;}
#featcontainer .featbooks dt { margin-bottom:5px; }
#featcontainer .featbooks dd.author { color:#6485A6; }

.btn { background-color: #000; width:110px;}
.btn a { display:block; padding:5px 0px; color:#fff; text-align:center; font-weight:bold; }
.btn a:hover { color:#6485A6; text-decoration:none; }

.highlight { color:#D7182A; }

/* ++++++++ start index page layout ++++++++ */
#flashcontainer { margin:9px 0px; }
.bodycontentint #flashcontainer { margin:0px 0px 15px; }

#leftcol { float:left; width:632px; }
#rightcol { float:right; width:286px; color:#939598;}

#rightcol img { display:block; padding-bottom:10px; }
#rightcol .content { padding-left:10px; }
#rightcol div.text { margin-left:10px; padding-bottom:8px; }

.indtout { width:320px; float:left; background:url(../images/bg_ind_tout.gif) top left no-repeat; height:176px; font-size:11px; }
.indtout.alt { width: 312px; }
.indtout h3 { margin:10px 0px 4px 10px; }
.indtout p { margin:0px 10px 5px; }

/* SCROLLBAR */
.scrollContainer {
  position: relative;
  top: 0px; left: 0px;
  width: 250px;
  height: 380px;
  background: url(../images/bg_scrollpane.gif) bottom left no-repeat;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 240px;
  height: 365px;
}
/*#Scroller-1 p {
  margin: 0; padding: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}*/
#Scroller-1 p { padding: 10px; }
#Scroller-1 .event { padding: 10px 10px 0px; color:#333; }
#Scroller-1 .event p { margin: 0px; padding:0px;font-size:11px; }
#Scroller-1 .event p.cta a { color:#333; }
#Scroller-1 .event h4 { font-size:11px; color:#000;}
#Scroller-1 .event h4.date { color: #6485A6;}

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: relative;
  top: 0px; left: 250px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 11px; height: 356px;
  border: 1px solid #BFBFBF;
  border-top: 0px; border-bottom:0px;
  position: absolute;
  top: 12px; left: 0px;
  background:#fff;
  /*background: transparent url(images/scrollbar_track.gif) no-repeat center center;*/
}
.Scrollbar-Handle {
  position: absolute;
  width: 11px; height: 22px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 368px;
}
/*SCROLLBAR CSS END*/





/*all forms */

form.narrow { width:450px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
form.narrow label, form.narrow div.optChoice { float:left; text-align:left; margin-right:10px; width:100px; }
form.narrow div { padding-bottom:5px; }
form.narrow input, form.narrow select, form.narrow textarea  { border:1px solid #ccc; }
form.narrow input.txt, form.narrow select, form.narrow textarea { width:300px;}
form.narrow div.optCopy { float:left; width:300px; text-align:left; margin-right:0px; }
form.narrow div.btns { float:left; padding-left:110px; text-align:left; margin-right:0px; padding-bottom:10px; }
form.narrow .btns, form.narrow .opt { clear:both; float:left; }
form.narrow label.answers { width:40px; margin-right:0px;}
form.narrow label.alt { float:left; text-align:left;  }

form.standard { width:480px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
form.standard label, form.standard div.optChoice { float:left; text-align:left; margin-right:10px; width:100px; }
form.standard div { padding-bottom:5px; }
form.standard input, form.standard select, form.standard textarea { border:1px solid #ccc; }
form.standard input.txt, form.standard select, form.standard textarea {width:200px;}
form.standard div.optCopy { float:left; width:340px; text-align:left; margin-right:0px; }
form.standard div.btns { float:left; padding-left:110px; text-align:left; margin-right:0px; padding-bottom:10px; }
form.standard .btns, form.standard .opt { clear:both; float:left; }
form.standard label.answers { width:50px; margin-right:0px;}
form.standard label.alt { float:left; text-align:left;  }

ul.survey { list-style:none; margin:0px 10px 0px 0px; padding:0px; float:left; }
h4.survey {font-size:12px; margin:20px 0px 0px; color:#00314A; }
table.survey tr, table.survey th { text-align:center; } 

.rulesBody {margin:0px; background-color:#fff; text-align:left; color:#333; }
#rules { width:425px; }
#rules p { margin-bottom:15px; }
#rules .content { padding:15px; font-size:10px;  }
#rules h2 { font-size:12px; font-weight:bold; margin-bottom:10px; }
#rules a { color:#404040; font-weight:bold; }
#rules a:hover { color:#D71F36; }



/* +++++++++++ end interior page layout ++++++++++ */

#ftr { clear:both; width:945px; margin:0px auto;}
#ftr ul { list-style:none;  }
#ftr .share {clear:both; }
#ftr ul.share { float:right; }
#ftr .ftrnav { clear:both;  padding-top:20px; width:650px; }

#ftr .ftrnav h3 { color:#6485A6; font-size:10px; margin:0px; padding:0px;text-transform:uppercase; width:650px; }
#ftr .ftrnav ul { float:left; font-size:10px; font-family:Helvetica, Arial, sans-serif; margin:3px 0px 0px 0px; padding:0px; width:650px; }
#ftr .ftrnav li { float:left; padding:0px 12px; margin:0px; border-right:1px solid #6485A6; }
#ftr .ftrnav li.first { padding-left:0px;}
#ftr .ftrnav li.last { border-right:0px;}
#ftr .ftrnav li a { color:#333;  }
/*#ftr .ftrnav li a:hover {color:#ccc; }*/
#ftr .newsletter { width:280px; float:right; color:#D7182A; text-align:right; }
#ftr .newsletter p { margin:0px; }
#ftr .newsletter a { color:#D7182A; font-weight:bold; text-decoration:underline; }
#ftr p.disclaimer { clear:both; font-size:9px; text-align: left; padding:10px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; }
#ftr p.privacy { clear:both; font-size:9px; text-align: left; padding:15px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0; }
#ftr p.privacy a { color:#666; font-size:10px; text-decoration:underline; font-weight:bold; }
#ftr p.privacy a:hover, #ftr .newsletter a:hover { color:#333; }