@charset "utf-8";


/*global default styles*/
html {height: 100%;}
.hide {display: none;}
.logo {display: block; text-decoration: none; text-indent: -9999px; height: 100px;}
img {border: 0;}
ul {padding: 0; margin: 0;}
li {padding: 0; margin: 0;}

/*base default font size, type, and line height*/
body {font: 12px Arial, Helvetica, sans-serif; background: url(../images/bg.gif) #5E0000; color:#670020; height: 100%; padding: 0; margin: 0;text-align:center;}

/*add selectors here for font sizing*/
h1 {padding: 0; margin: 0; line-height: 1em;}

/*base links*/
a {outline: none;}
a:link {color: #0042FF; text-decoration: none;}
a:visited {color: #750042; text-decoration: none;}
a:hover {color: #00254A; text-decoration: none;}
a:active {color: #FCFF00; text-decoration: none;}

/*Global Style*/
div#container {margin: 0 auto; text-align: left; width: 760px; background: #F4F4F4; height: auto;}
html>body div#container {height: 100%;}
div#container object {padding: 0; margin: 0;}


/*FORM*/

div#joinform {margin: 20px 0 20px 25px; width: 700px; background: #fff;}

div#colleft {width: 100px; float: left;}
div#colleft img {border: solid 2px #BA0000; margin: 0 0 8px 0;}

form#form { float: left; width: 450px; height: 425px; padding: 0; background: #fff; margin: 0 0 0 18px; border: solid 2px #BA0000;}
html>body form#form {width: 462px;}
form#form h1 {color: #fff; background: #BA0000;text-align: center; font-size: 18px; padding: 4px 0;}
form#form table#tableform {margin: 20px 10px;}
form#form table#tableform td{padding: 8px 10px; font-size: 13px;}
form#form table#tableform td.name{text-transform:uppercase; font-weight: bold; color: #BA0000; text-align: right; width: 120px;}
form#form table#tableform td.membership {vertical-align: top; text-transform:uppercase; font-weight: bold; color: #BA0000; text-align: right;}
form#form table#tableform td h2 {padding: 0; margin: 0; font-size: 12px; text-transform: uppercase;}
form#form table#tableform td ul {padding: 15x 0 0 0; margin: 0 0 15px 0; list-style-type: none;}
form#form table#tableform td li {padding: 3px 0; margin: 0; list-style-type: none;}
form#form table#tableform input{font-size: 16px; background: #FFFFCC;}
form#form table#tableform td.button {}
form#form table#tableform td.button input {background: #BA0000; color: #fff; border-bottom: 1px solid #850000; border-right:1px  solid #850000; border-top:1px  solid #E50000; border-left:1px  solid #E50000; padding: 2px 5px;}

div#colright {width: 100px; float: right;}
div#colright img {border: solid 2px #AC0034; margin: 0 0 8px 0;}

div#notes {text-align: center; background: #fff; margin: 40px 70px 30px 70px; font-size: 11px; line-height: 15px;}
div#notes p {padding:0; margin: 0;}

/*BOTTOM*/
h1#title4 {background: url(../images/title4.gif) no-repeat; height: 64px; text-indent: -9999px;}
ul#buttons-bottom { position: relative; background: url(../images/bg_bottom_buttons.jpg) no-repeat; height: 79px; list-style-type: none; text-align: center;}
ul#buttons-bottom li {text-indent: -9999px;}
ul#buttons-bottom li.but-join2 { position: absolute; background: url(../images/b_instantaccess2.gif) no-repeat; width: 360px; height: 53px; left: 38px; top: 6px;}
ul#buttons-bottom li.but-join2 a {display: block; width: 360px; height: 53px;}
ul#buttons-bottom li.but-join2 a:hover { background: url(../images/b_instantaccess2-over.gif) no-repeat; }
ul#buttons-bottom li.but-more { position: absolute; background: url(../images/b_morepigtails.gif) no-repeat; width: 360px; height: 53px; left: 398px; top: 6px;}
ul#buttons-bottom li.but-more a { display: block; width: 360px; height: 53px;}
ul#buttons-bottom li.but-more a:hover { background: url(../images/b_morepigtails-over.gif) no-repeat; }

#bgfooter {background: #4A0000;}