/* CSS Document !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!STOP CHANGING MY CSS LAYOUT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

body {margin: 0; padding: 0; background-color: #000066; color: #fff; font-size: 12px; font-family: Helvetica, Arial;}
a img {border: 0;}
a {color: #6CCBD5;}
h1, h2, h3, h4 {margin: 0; padding: 0; color: #fff;}
hr {border: 0; margin: 20px 0 20px 0; border-top: 1px dashed #fff; height: 1px; clear: both;}

#frame {width: 970px; margin: 0 auto 0 auto;}

/* HEADER AREA */
 
#header {padding: 20px 0 0 0;}
#header h1 {width: 375px; margin: 40px 10px 30px 0px; padding: 0; font-size: 20px; font-weight: normal; text-align: justify; }
#header h1 span {font-weight: bold; /*color: #c5b358;*/ color: #6CCBD5;}
#header small a{font-size: 11px;}
#header a {width: 300px;}
#header table {margin: 9px 0 0 0;}
#header img {margin: 0; padding: 0;}

.logo {float: left; width: 500px; text-align: center; margin: 0 0 30px 0;/* background-color: Red;*/}
.logo p {margin: 0; padding: 0; font-size: 22px; font-weight: bold;}
.logo p span {color: #6CCBD5;}

/* CONTENT AREA */

.content {width: 970px; font-size: 15px; background-image: url(/images/transbox-mid.png); background-repeat: repeat-y;}
.content p {margin: 0 0 15px 0; padding: 0; line-height: 22px;}
.content p b {font-size: 17px;}

.conleft {float: left; width: 455px; margin: 20px 30px 10px 30px; font-size: 13px;}
.conleft button {margin: 10px 0 0 0; background-image: url(/images/button.png); border: none; width: 144px; height: 35px; background-color: Transparent; cursor: pointer; color: #000; font-weight: bold;}
.conleft h2 {margin: 0 0 20px 0; font-size: 22px;}
.conleft h2 span {color: #6CCBD5;}
.conleft p b {font-size: 13px;}
.conleft button {font-weight: bold; width: 144px; height: 35px; background-image: url(/images/button.png); background-repeat: no-repeat; border: 0; background-color: Transparent; cursor: pointer;}



.conright {float: right; width: 400px; color: #fff; margin: 0px 20px 10px 20px;}
#txtDesc {width: 360px; padding: 0 20px; background-image: url(/images/descbox-mid.png); background-repeat: repeat-y;}
#txtDesc p {margin: 0; padding: 0;}
#txtDesc p b {color: #c5b358;}

.banners {width: 902px; font-size: 15px; background-image: url(/images/transbox-mid.png); background-repeat: repeat-y; padding: 30px;}
.banners h2 {margin: 0 0 30px 0; font-size: 22px;}
.banners h3 {margin: 0 0 30px 0;}
.banners p {margin: 0 0 15px 0; padding: 0; line-height: 22px;}
.banners textarea {width: 380px; height: 100px; margin: 0 0 15px 0;}

.banner {float: left; margin: 0 10px 15px 0;}


.halfbox {float: left; margin: 0px 0 20px 0; padding: 0 30px; width: 400px; height: 460px; font-size: 13px; background-image: url(/images/box-half.png); background-repeat: repeat-y;}
.halfbox h2 {margin: 30px 0 20px 0; font-size: 22px;}
.halfbox h2 span {color: #6CCBD5;}
.halfbox table {margin: 10px 0 0 0;}
.halfbox td {padding: 5px 0 5px 0;}
.halfbox label {color: #6CCBD5; font-size: 18px; font-weight: bold; margin: 0 20px 0 0;}
.halfbox input {width: 295px; color: #666; font-size: 18px;}
.halfbox button {font-weight: bold; width: 144px; height: 35px; background-image: url(/images/button.png); background-repeat: no-repeat; border: 0; background-color: Transparent; cursor: pointer;}

.facebook {float: left; width: 962px; margin: 0 0 0 4px; padding: 0; font-size: 15px; background-image: url(/images/transbox-mid.png); background-repeat: repeat-y;}
.facebook h2 {margin: 20px 0 20px 30px;font-size: 22px;}

.discus {float: left; margin: 0px 20px 0 20px; width: 460px;}
.discus h1 {margin: 20px 0 30px 0; font-size: 22px;}
.discus h2 {font-size: 16px; font-weight: normal;}
.discus img {margin: 0 20px 0 0;}
.discus td {padding: 0 0 30px 0;}

.saying {float: left; margin: 0px 20px 0 20px; width: 420px;}
.saying h1 {margin: 20px 0 30px 0; font-size: 22px;}
.saying h2 {font-size: 16px; margin: 0 0 10px 0; font-weight: normal;}
.saying small {margin: 20px 0 0 0; color: #6CCBD5; font-size: 13px;}
.saying small span {margin: 0 0 0 40px;}
.saying img {margin: 0 20px 0 0; border: 1px solid #fff;}
.saying td {padding: 0 0 30px 0;}

/* FOOTER AREA */

#footer {width: 962px; height: 40px;margin: 50px auto 30px auto;}
#footer img {margin: 0 5px 0 5px;}
#footer a {color: #6CCBD5;text-decoration: none; margin: 0px 3px 0px 3px;}
#footer a img {border:none;}


/* CLASSES AND OTHER SHII */

.right {float: right;}
.clear {clear: both;}
.gold {color: #c5b358;}
.place {width: 962px; margin: 0 auto 0 auto; padding: 0; height: 12px; clear: both;}
.place2 {width: 400px; margin: 0 auto 0 auto; padding: 0; height: 20px; clear: both;}
.spacer {height: 40px; clear: both;}
.margleft {margin-left: 30px;}
.margright {margin-right: 50px;}
.margbot {margin-bottom: 20px;}
.margtop {margin-top: 40px;}
.early {font-size: 15px; font-weight: bold; /*color: #c5b358;*/}
.thanks {padding: 20px; text-align: center;}
.thanks h1 {margin-bottom: 20px;}
.affiliates {margin: 0 0 0 20px;}
.affiliates table {width: 100%;}





/* HEADER REGISTER */

#headerRegister {padding: 20px 0 0 0;}
#headerRegister h1 {width: 500px; margin: 30px 0px 20px 0px; padding: 0; font-size: 25px; font-weight: normal; text-align: justify; }
#headerRegister h1 span {font-weight: bold; /*color: #c5b358;*/ color: #0072D5;}
#headerRegister small a{font-size: 11px;}
#headerRegister a {width: 300px;}
#headerRegister table {margin: 9px 0 0 0;}
#headerRegister img {margin: 0; padding: 0;}
#headerRegister input {margin-right: 10px;}

.logoRegiser {float: left; width: 380px; text-align: center; margin: 0 0 0px 0;/* background-color: Red;*/}
.logoRegiser p {margin: 0; padding: 0; font-size: 22px; font-weight: bold;}
.logoRegiser p span {color: #6CCBD5;}
.login {padding-right: 20px;}



.contentRegister {clear: both; width: 970px; color: #1F232F;}
.contentRegister h2 {font-size: 19px; color: #1F232F; margin: 5px 0 10px 0; padding: 0;}
.contentRegister h2 span {color: #0072D5;}
.contentRegister td {padding: 5px 0;}
.contentRegister a {color: #0072D5;}

.help {margin-left: 10px;}
.regfield {width: 210px;}
.regselect {width: 213px;}

.slideshow {float: left; width: 527px;}
.slideshow img {display: none;}

.form {float: right; width: 403px; height: 483px; margin: 0; padding: 20px; background:transparent url(/images/register-form.png) 0 0 no-repeat;}
.form .pad {padding: 0 40px 0 0;}

#footerRegister {clear: both; width: 970px; height: 40px; margin: 0px auto 30px auto; padding-top: 20px;}
#footerRegister img {margin: 0 0px 0 20px;}
#footerRegister a {color: #6CCBD5;text-decoration: none; margin: 0px;}
#footerRegister a img {border:none;}
#footerRegister p {margin: 0px 0 10px 0;}
#footerRegister span {padding: 0 7px;}

.buttreg a {width: 223px; height: 67px; display: block; background-image: url(/images/button-reg.png); background-repeat: no-repeat;}
.buttreg a:hover {background-image: url(/images/button-reg-hover.png);}
.formError { background-color: #FFAAAA; }


#signup1_index #oneFoundation, #signup1_index #oneBackgroundLayer {background:none !important}
#signup1_index.one_body_network {padding-top:0 !important; margin-top:0 !important;}

/* DO NOT REMOVE THIS UNTIL PAID MEMBERSHIPS GO LIVE */
#SUvolcano_cc {display:none;}