/* ------------- Base selectors ----------------- */

/* black: #000, maroon: #AE0000 */

* {margin:0; padding:0;}

body {font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; 
text-align:center; background-color:#660000; color:#000;}

p {margin:1em 0; line-height:1.2em;}
h1 { margin:.5em 0 1em 0; color:#000; font-family:Impact; font-size:36px; text-transform:uppercase}
h2 { margin:0 0 .5em 0;}
label {display:block;}
ul {}
li {padding-left:0; margin:5px 0 10px 13px;}
dl {margin:2em 0;}
dt {font-weight:bold; text-transform:uppercase;}
dd {margin:0 0 2em 0;}

img {display:block;}

sup {}

select, option {font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; }

select {height:2em; vertical-align:bottom;}
option {padding:3px 2px 1px 2px; min-width:1.5em;}
 
a:link {color:#660000; text-decoration:underline;}
a:visited {color:#660000; text-decoration:underline;}
a:hover {color:#660000; text-decoration:underline;}
a:active {color:#660000; text-decoration:underline;}

.footer a:link {text-decoration:none;}
.footer a:visited {text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer a:active {text-decoration:underline;}

hr {height:1px; color:#fafafa; background-color:#fafafa; margin:1em 0}

/* ------------- Containers -------------- */

.header { /* 985 x 285 */
width:985px;
text-align:left; height:285px;
padding:0 0 0 0;
background:#fff url(../images/backgrounds/header_lamps_center.jpg ) top left no-repeat;
margin:0 auto;
overflow:hidden;
}

.lampleft { float:left; display:inline; width:183px; height:286px; }
.lampright { float:right; display:inline;width:183px; height:286px; }	

.footer {text-align:center; margin:1em 0; }
ul.footerlinks {margin:4px 0;}
ul.footerlinks li {
display:inline; list-style-type:none; 
padding:0 9px 0 6px; margin:4px 0;
border-right: 1px solid #ccc;
}

ul.footerlinks li:last-child {border:0px;}

.mainshell { /* total wid 985px */	
width:925px;  
background:transparent url(../images/backgrounds/sidecols_ragged.gif); 
text-align:center;
margin:0 auto;
padding:10px 30px 0 30px;
}

.logoheader {float:left; display:inline;}

.shadowtop {padding-top:10px; 
position:relative;
width: 836px; 
margin: -105px 0 0 38px; 
float:none;
background: transparent url(../images/backgrounds/topedge_dropshadow.png) left top repeat-x;
z-index:300;
}

.maincontent {
width:822px; text-align:left; 
background-color:#fff; 
padding:13px 12px 13px 14px;
}

.leftcol {
width:150px; /* total 158 */
float:left; display:inline;
clear:left;
}

.leftmodule {
width:130px; /* total: 150px */
background: transparent url(../images/backgrounds/leftcolmodule.gif) left top repeat-y;
padding:10px 10px 10px 10px;
margin-bottom:12px;
}

.leftmodule p {margin:0 0 .5em 0; padding:0;}

.rightcol {width:620px; /* total 660 */
float:left; display:inline; margin-left:12px; padding:20px;
}

div.skipthis {	background:#fff url(../images/backgrounds/skipthis.gif) left top no-repeat;}

.parchment {background: transparent url(../images/backgrounds/parchment.jpg) left top repeat-y; min-height:520px;}

/* ------ pg header -------*/
.backbutton {width: 164px;
padding:140px 0 0 0;
float:left; display:inline;}

.backbutton p {margin:0 0 3px 23px; padding:0; font-size:12px;}

.backbutton p.nav {font-size:9px;}

.backbutton p.nav a {padding-right:3px;}


/* ---------------------- Forms/data fields --------------------- */

input.hidden {display:none; height:0px; }  /* ie6/ie7 displays without this */

input.textfield {width:224px;  /* default size for text entry fields */
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; 
margin-bottom:1em; padding: 1px 4px; color:#000; height:16px;
}

input.smaller {width:100px;}

.leftcol .textfield {width:120px;}

select.month {width:88px; height:22px; padding:1px 2px 1px 3px;}

select.state {width:78px; height:22px; padding:1px 2px 1px 3px;}

select.location {width:174px; height:22px; padding:1px 4px 1px 3px;}

.formleft {float:left; display:inline; width:310px; }
.indented {margin-left:30px;}

.formright {float:left; display:inline;width:260px; margin-left:10px; padding-right:30px;}

label {margin-bottom:2px;}
label.spaceabove {margin-top:.5em; }

.checkboxes {margin:1em 0;}
.checkboxes input {float:left; display:inline;}
.checkboxes label {margin:0 0 1em 2em; padding-top:3px; }

.radiobuttons {margin:1em 0; }
.radiobuttons input {float:left; display:inline; margin:0 3px 1em 0;}
.radiobuttons label {float:left; display:inline; margin:0 2em 1em 0; }

.hidebreaks br {display:none;}

/* ------ reg pg ---------*/

.regbuttons {padding-left:440px;}
.regerrors {text-align:center; padding:0 30px; }

p.shaded {background-color:#FAAB2F; font-size:11px; padding:10px; }

.formright p.shaded {width:200px; padding:15px; line-height:1.2em;}

#divOptoutReason { margin-left:22px;}
#divOptoutReason select {width:215px;}
#divOptoutReason input.textfield {width:203px;}

/* ------ questions pg ---------*/
div.question {padding:0; margin:0;}

div.question .title { float:left; display:inline; padding:30px 0 0 0; text-align:center;}
div.question .title  p { margin:0 14px 0 0;}

div.question .option {
font-size:13px;
width:105px; /* real: 157 x 142 .  FF breaks if 106 ???*/
height:92px; 
padding:25px; 
float:left; display:inline; 
text-align:center; 
font-weight: bold;
cursor:pointer;
-moz-user-select:none;
-khtml-user-select:none;
user-select:none;
-o-user-select:none;
-webkit-user-select:none;
}

div.question .option p {margin:0; padding:10px 0 0 0;}

div.question .option span.subtext {font-weight:normal; display:block; font-size:11px;}

/* postit backgrounds */
.postit1 {background:transparent url(../images/backgrounds/sticky1.png) left top no-repeat;}
.postit1.selected {background:transparent url(../images/backgrounds/sticky1_on.png) left top no-repeat;}
.postit2 {background:transparent url(../images/backgrounds/sticky2.png) left top no-repeat;}
.postit2.selected {background:transparent url(../images/backgrounds/sticky2_on.png) left top no-repeat;}
.postit3 {background:transparent url(../images/backgrounds/sticky3.png) left top no-repeat;}
.postit3.selected {background:transparent url(../images/backgrounds/sticky3_on.png) left top no-repeat;}
.postit4 {background:transparent url(../images/backgrounds/sticky4.png) left top no-repeat;}
.postit4.selected {background:transparent url(../images/backgrounds/sticky4_on.png) left top no-repeat;}

div.legend {width:220px; float:left; display:inline;}
div.legend img {float:left; display:inline;}
div.legend p {padding:12px 5px 0 0;}

.signupfooter div.skipthis {width:100px; float:left; display:inline; padding:10px; 
margin:20px 25px;}

div.button {width:220px; float:left; display:inline; text-align:right;}

/* ------ RAF pg -------*/

table.raf {margin-left:70px; width:480px;}
table.raf th {font-weight:normal;}
table.raf input {width:100%; margin:0;}

.rafbuttons {padding-left:348px;}

/* ------ welcome pg -------*/

dl.welcomelist {margin:20px 130px 150px 0;}

/* ------- clubhub ---------- */
.prefshell {min-height:400px; margin:0;  }

.prefsection {
padding:10px;
background: transparent url(../images/backgrounds/clubhub_parchment.jpg) left bottom no-repeat;
overflow:hidden; /* fix FF gap between divs */
}

.prefsection p {padding:0 10px ; background-color:transparent; margin-top:0;}

.prefheader {
height:47px; 
padding:0 20px 14px 20px;
background: transparent url(../images/backgrounds/clubhub_section.jpg) left top no-repeat;
cursor:pointer;
margin:0;
overflow:hidden; /* fix FF gap between divs */
}

.prefheader.active {
height:47px;
color:#fff;
background: #fff url(../images/backgrounds/clubhub_section_on.jpg) left top no-repeat;
}

.prefheader .arrowbutton { float:right; display:inline; margin-top:10px; height:44px; width:44px;}
.prefheader p {float:left; display:inline; margin-left:8px; padding-top:14px;  
 white-space: nowrap;}
.prefheader .clubhub_header_img {float:left;  vertical-align:middle; padding-top:20px;
}

.prefshell .buttons {margin-left:300px;}

.unsubsection {width:300px; margin:20px 20px 20px 170px;}

.unsubsection select {width:290px;}
.unsubsection .textfield {width:279px;}

.clubhubprefsfooter div.button {width:200px; float:left; display:inline; text-align:right;}

.prefsection .footercopy {padding:10px 20px;}

/* mgrs list */

.managerslist {margin: 20px 40px; width:400px;}

.managerslist label {display:inline; margin:0 0 0 4px;}

/* -------------------- modal -------------------- */

#simplemodal-container  {width:320px; 
padding:40px 10px; 
border:4px solid #670200; background-color:#f5e8c6; 
text-align:center;
}

#simplemodal-overlay {
  background-color:#000;
  cursor:wait;}

.simplemodal-close {
  cursor:pointer;
  text-align:center;
}
.simplemodal-close img {
margin:5px auto;
 text-align:center;}

p.modalheader {font-weight:bold; margin:0 0 4px 0; padding:0;}
p.modalmsg { margin:0 0 1em 0; padding:0;}

/* ------------------- sweeps --------------------- */

.sweepsmain {
background: transparent url(../images/backgrounds/sweeps_parchment.jpg) left top repeat-y;
padding:25px 0 20px 30px; min-height:500px; margin-left:2px;
}

.fixedheight {height:200px; }

.sweepsshell {margin:10px 0 0 0; }
.optionsshell {margin:10px 0 0 0; }

.maincopy {width:500px;}

/* ----------------- misc formats  ----------------- */

.hidden {display:none; }

.highlighted {color:#C00;}
.spacebelow {margin-bottom:.5em;}
.nospacebelow {margin-bottom:0px;}

.subtext {font-size:10px;}
.footnote, .legal {font-size:9px;}
.footnote.field {margin:2px 0; padding:0;}

div.error {display:block; float:none; margin:1em 0; }
.error {color:#C00;}

.clear {clear:left;}
.inline {display:inline;}

.loginplaceholder {height:80px; width:80%; background-color:#fff; padding:10px; margin-bottom:20px;}