/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height:100%;
}
 
body {
font:small/1.5em Helvetica, Arial, Verdana, sans-serif;
color:#3e2700;
background:#000310 url(../images/bg_body.jpg) no-repeat center 0;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
font-size:2.5em;
line-height:1.1em;
font-weight:bold;
letter-spacing:-.02em;
padding-bottom:20px;
color:#3e2700;
}

h2 {
font-size:2.25em;
line-height:1.1em;
font-weight:bold;
letter-spacing:-.02em;
padding-bottom:20px;
color:#3e2700;
}
 
h3 {
font-size:2em;
line-height:1.1em;
font-weight:bold;
letter-spacing:-.02em;
padding-bottom:20px;
color:#3e2700;
}

h4 {
font-size:1.75em;
line-height:1.1em;
font-weight:bold;
padding-bottom:20px;
color:#3e2700;
}

body.entryconfirmation h4 {
font-size:1.65em;
line-height:1.1em;
font-weight:bold;
padding-bottom:20px;
color:#3e2700;
}

h5 {
font-size:1.5em;
line-height:1.1em;
font-weight:bold;
padding-bottom:15px;
color:#3e2700;
}

h6 {
font-size:1.25em;
line-height:1.1em;
font-weight:bold;
padding-bottom:15px;
color:#3e2700;
}


/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}

dl, dt, dd {
margin:0;
padding:0;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}

a {
color:#3e2700;
}

a:link {
color:#3e2700;
}

a:hover {
color:#004177;
}

 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}

.table-rules, 
.table-rules tr, 
.table-rules th, 
.table-rules td {
padding:4px;
border:solid 1px #333;
border-collapse:collapse;
}

.table-rules th {
color:#fff;
background:#3e2700;
}

.colgroup-01 { background:#bf965d; }
.colgroup-02 { background:none; }
.colgroup-03 { background:#bf965d; }
.colgroup-04 { background:none; }
.colgroup-05 { background:#bf965d; }


 
/***** Global Classes *****/
 
.hide          { display:none; }
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
.nowrap        { white-space:nowrap; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.black         { color:#333; }
.white         { color:#fff; }

.blue          { color:#004177; }
.brown         { color:#3e2700; }

.bigger        { font-weight:bold; font-size:1.2em; }

input.disabled { opacity:0.4; filter:alpha(opacity=40); }


/***** Structure *****/
 
#aspnetForm {
display:block;
height:100%;
}

#wrap {
position:relative;
margin:0 auto -100px auto;
padding:0;
min-height:100%;
height:auto !important;
height:100%;
width:960px;
text-align:left;
background:#d6a56b url(../images/bg_wrap.jpg) no-repeat 0 426px;
}

body.referral #wrap, 
body.rules #wrap, 
body.contact #wrap, 
body.sorry #wrap, 
body.alreadyentered #wrap, 
body.entryconfirmation #wrap, 
body.error #wrap {
background:#d6a56b url(../images/bg_wrap_02.jpg) no-repeat 0 60px;
}

#header {
position:relative;
padding:0 0 0 0;
width:960px;
height:60px;
background:url(../images/bg_header.jpg) no-repeat 0 0;
overflow:hidden;
}

#logo {
position:relative;
float:right;
top:22px;
right:20px;
width:260px;
height:30px;
background:url(../images/walsworth_logo.png) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

#logo a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#letterbox {
clear:both;
position:relative;
width:960px;
height:366px;
background:url(../images/bg_mainphoto.jpg) no-repeat 0 0;
overflow:hidden;
}

.mono-fader {
}

.mono-fader-container {
}

#content {
position:relative;
padding:50px 100px 50px 100px;
font-size:1em;
line-height:1.5em;
}

#left-column {
float:left;
padding:0 25px 0 50px;
width:450px;
}

#right-column {
float:left;
width:400px;
}

.button-side {
clear:both;
padding:25px 50px 0 50px;
overflow:hidden;
}

.button-side img {
float:left;
padding-right:15px;
}

.buttons-centered {
text-align:center;
}

.buttons-centered img {
padding:50px;
}

.buttons-centered-big {
text-align:center;
}

.buttons-centered-big img {
padding:25px;
}

.button-text {
font-weight:bold;
font-size:1.2em;
}


/***** Quick Sign Up Form *****/

#quick-signup-top {
position:relative;
margin:0 auto 0 auto;
width:350px;
height:20px;
background:url(../images/bg_box_top.png) no-repeat 0 0;
}

#quick-signup {
position:relative;
margin:0 auto 0 auto;
padding:15px;
width:320px;
background:#fff;
overflow:hidden;
}

.headline-quick-box {
margin:0 auto 0 auto;
width:290px;
height:100px;
background:url(../images/headline_quick_box.png) no-repeat 0 0;
}

.headline-quick-box span {
display:none;
}

#quick-signup dl {
margin:0 auto 0 auto;
width:21em;
}

#quick-signup dt {
clear:both;
width:8em;
float:left;
text-align:right;
}

#quick-signup dd {
float:left;
width:10em;
margin:0 0 0.5em 0.25em;
}

#quick-signup label {
color:#004177;
}

#quick-signup .field {
}

#quick-signup-bottom {
position:relative;
margin:0 auto 0 auto;
width:350px;
height:20px;
background:url(../images/bg_box_bottom.png) no-repeat 0 0;
}


/***** Registration Form *****/

#registration-form {
margin:0 auto 0 auto;
padding:0 0 25px 0;
width:50em;
overflow:hidden;
}

#registration-form .left-column {
float:left;
width:300px;
}

#registration-form .right-column {
float:left;
margin-left:25px;
width:300px;
}

#registration-form  dt {
clear:both;
width:9em;
float:left;
text-align:right;
color:#3e2700;
}

#registration-form  dd {
float:left;
width:12em;
margin:0 0 0.5em 0.25em;
}

.options {
position:relative;
clear:both;
overflow:hidden;
}

.btn-submit {
clear:both;
padding:25px 50px 0 0;
text-align:right;
}


/***** Parent Referral Form *****/

#referral-form {
margin:0 auto 0 auto;
padding:50px 100px 50px 100px;
overflow:hidden;
}

#referral-form  dl {
margin:0 auto 0 auto;
width:45em;
overflow:hidden;
}

#referral-form  dt {

width:18em;
float:left;
text-align:right;
color:#3e2700;
}

#referral-form  dd {
float:left;
width:12em;
margin:0 0 0.5em 0.25em;
}


/***** Promotion Closed Page *****/

body.promotionclosed #letterbox {
clear:both;
position:relative;
width:960px;
height:366px;
background:url(../images/bg_mainphoto.jpg) no-repeat 0 0;
overflow:hidden;
}

body.promotionclosed #content {
position:relative;
padding:10px 100px 50px 100px;
font-size:1em;
line-height:1.5em;
}

body.promotionclosed #left-column {
float:left;
padding:15px 35px 0 50px;
width:455px;
}

body.promotionclosed #right-column {
float:left;
padding:15px 0 0 0;
width:415px;
}

body.promotionclosed .button-side {
clear:both;
padding:0 0 0 0;
text-align:left;
}

body.promotionclosed .button-side h4 {
padding:0 0 15px 25px;
}


/***** Footer Stuff *****/

#footer {
clear:both;
position:relative;
margin:0 auto 0 auto;
width:910px;
height:100px;
text-align:left;
font-size:.85em;
color:#3e2700;
overflow:hidden;
}

#footer .padding {
padding:25px 25px 15px 25px;
}

.disclaimer {
float:left;
width:550px;
line-height:1.3em;
}

.privacy {
float:right;
width:250px;
text-align:right;
line-height:1.3em;
}

.push {
clear:both;
position:relative;
height:100px; /* .push must be the same height as .footer */
}


/* ---------------------------------------------------------------------------

=expandable boxes

--------------------------------------------------------------------------- */

.box {
position:relative;
margin:0;
padding:0;
width:419px;
}

.box_top {
position:relative;
margin:0;
padding:0;
width:419px;
height:7px;
background:url(../images/bg_box_top.gif) no-repeat 0 0;
}

.box_middle {
position:relative;
margin:0 0 0 0;
padding:0 15px 0 65px;
border-right:#e83530 1px solid;
border-left:#e83530 1px solid;
background:#fff;
overflow:hidden;
}

.box_bottom {
position:relative;
margin:0 0 25px 0;
padding:0;
width:419px;
height:7px;
background:url(../images/bg_box_bottom.gif) no-repeat 0 0;
}



/* ---------------------------------------------------------------------------

=navigation

--------------------------------------------------------------------------- */

#navigation {
float:left;
position:relative;
margin:0;
padding:0;
width:650px;
}

#nav {
margin:0;
padding:0 0 0 26px;
height:60px;
list-style:none;
background:none;
overflow:hidden;
}

#nav li {
float:left;
margin:0;
height:60px;
text-indent:-9999px;
}

#nav li a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#nav_home, #nav_home a {
width:100px;
background:url(../images/nav_home.png) no-repeat 0 0;
}

#nav_register, #nav_register a {
width:243px;
background:url(../images/nav_register.png) no-repeat 0 0;
}

#nav_rules, #nav_rules a {
width:136px;
background:url(../images/nav_rules.png) no-repeat 0 0;
}

#nav_contact, #nav_contact a {
width:140px;
background:url(../images/nav_contact.png) no-repeat 0 0;
}


/* hover state */

#nav li a:hover {
background-position:0 -60px;
}

/* here states */

body.home #nav #nav_home, body.home #nav #nav_home a, body.home #nav #nav_home a:hover, 
body.register #nav #nav_register, body.register #nav #nav_register a, body.register #nav #nav_register a:hover, 
body.rules #nav #nav_rules, body.rules #nav #nav_rules a, body.rules #nav #nav_rules a:hover,
body.contact #nav #nav_contact, body.contact #nav #nav_contact a, body.contact #nav #nav_contact a:hover {
background-position: 0 -120px;
}


/* ---------------------------------------------------------------------------
	
	=misc

--------------------------------------------------------------------------- */


/* self-clearing floats */

/*
#wrap:after,
#footer:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
*/

html .fb_share_link  {
margin:0 auto;
padding:0 0 0 20px;
height:36px;
font-weight:bold;
background:transparent url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat left center;
}