@charset "utf-8";

/* CSS Document */



/* ----- BODY----- */
body { padding: 0; margin: 0; background: #2d3033 url(../images/main_bg.jpg) top center;}



/* ----- TABLES----- */
#bg{margin:auto; padding:0; background-image: url(../images/bg.jpg); background-position:top center; background-repeat:no-repeat}
#container{ width:980px; margin:auto; padding:0; text-align:center; overflow:hidden}
#container_inner{ background:url(../images/inner_content-bg.jpg); background-position:top; background-repeat: repeat-x; margin:10px; padding:30px 20px 0px 20px; text-align:left;}


#left_side{ float:left; width: 435px}
#right_side{ float:right; width:475px; text-align:left}

#payment_option1{ width:417px; height:94px; background:url(../images/payment_option1_bg.jpg); display:block; text-align:left}
#payment_option2{ width:417px; height:94px; background:url(../images/payment_option2_bg.jpg); display:block; text-align:left}
#payment_option3{ width:417px; height:94px; background:url(../images/payment_option3_bg.jpg); display:block; text-align:left}
#payment_option_txt_desc{float:left; width:190px; padding-left:210px; padding-top:25px; vertical-align:middle}
.table_border{ border:1px solid #FFFFFF}



/* ----- LOGIN AREA ----- */

#top{ width:970px; height:42px; background:url(../images/top.jpg); padding-right:10px; padding-top:22px; text-align:right}
#login{ float:right}
#login_wm{ width:113px; float:left; font-weight:bold; color:#FFFFFF; padding-right:5px; padding-top:3px}
#login_textarea{ width:148px; float:left; padding-left:5px}
#login_button{ width:27px; float:left; padding-left:5px }
.top_login_txtarea{  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3c3c3c; border: 1px solid #929292; margin:0px; width:140px; height:16px; padding-left:6px; margin:0}



/* ----- SIGN UP TEXT BOXES ----- */

.signup_small_txtarea{  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3c3c3c; border: 1px solid #929292; margin:0px; width:100px; height:16px; padding-left:6px; margin:0}

.signup_med_txtarea{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3c3c3c; border: 1px solid #929292; margin:0px; width:185px; height:16px; padding-left:6px; margin:0}

.signup_big_txtarea{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3c3c3c; border: 1px solid #929292; margin:0px; width:240px; height:16px; padding-left:6px; margin:0}

.signup_selectarea{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3c3c3c; border: 1px solid #929292; margin:0px; width:250px; height:20px; padding-left:6px; margin:0}

#signup_table td{ height:22px}





/* ----- NAVIGATION ----- */
#nav {padding-right:10px; height:40px; background-image:url(../images/nav_bg.gif); padding-left:232px}
#nav div { float: left; }
#nav a { height:40px; display: block; text-decoration: none;}

#nav #home{ width:75px; background-image:url(../images/nav_home.gif); }
#nav #home:hover{background-position:0px 40px}
#nav #programs{ width:95px; background-image:url(../images/nav_programs.gif); }
#nav #programs:hover{background-position:0px 40px}
#nav #faq{ width:65px; background-image:url(../images/nav_faq.gif); }
#nav #faq:hover{background-position:0px 40px}
#nav #privacypolicy{ width:115px; background-image:url(../images/nav_privacypolicy.gif); }
#nav #privacypolicy:hover{background-position:0px 40px}
#nav #noemailpolicy{ width:127px; background-image:url(../images/nav_noemailpolicy.gif); }
#nav #noemailpolicy:hover{background-position:0px 40px}
#nav #resources{width:93px; background-image:url(../images/nav_resources.gif);}
#nav #resources:hover{background-position:0px 40px}
#nav #contact{ width:83px; background-image:url(../images/nav_contact.gif);}
#nav #contact:hover{background-position:0px 40px}
#nav #signup{ width:85px; background-image:url(../images/nav_signup.gif);}
#nav #signup:hover{background-position:0px 40px}


/* ----- PAYMENT OPTIONS ----- */

#payments {}
#payments div{ float:left; display:block; height:57px; text-align:left;line-height:15px }
#payments #pps { width:227px; height:42px; background:url(../images/programs_55pps.gif); padding-top:112px; padding-left:26px}
#payments #payopt1 { width:213px; background:url(../images/programs_payopt1.jpg); padding-top:97px; padding-left:26px}
#payments #payopt2 { width:213px; background:url(../images/programs_payopt2.jpg); padding-top:97px; padding-left:26px}
#payments #payopt3 { width:223px; background:url(../images/programs_payopt3.jpg); padding-top:97px; padding-left:26px}



/* ----- OUR SITES ----- */
#oursites div{ float:left; display:block;}



/* ----- FOOTER ----- */
#copyr_signup{ height:99px; font-size:11px; text-align:left; position:relative}
#copyr{ height:99px; font-size:11px; background:url(../images/bottom.jpg); text-align:left; position:relative}
#copyr_text{ position:absolute; bottom:0; padding-left:20px; padding-bottom:20px}
#copyr_text a{font-size:11px}


/* ----- TEXT STYLES----- */

body, td, div{font:normal 12px Arial, Helvetica, sans-serif;  color: #2b2e31; text-decoration:none; letter-spacing:-0.01em;}
h1 { font-size:18px; padding:0; margin:0; font-weight:normal; }
h2 { color:#ff006a; font-size:18px; padding:0; margin:0; font-weight:normal; }
.pink{ color:#ff006b}

a {font: normal 12px Arial, Helvetica, sans-serif; color: #ff006b; text-decoration:underline; outline:none}
a:hover { color:#000000; text-decoration:none }
a img { border:0; outline:none}



#clear { clear:both}
form { margin: 0px;  padding: 0px;}
