@charset "UTF-8";
/* MAIN ELEMENTS */
body
{
text-align: center;
margin: 30px auto 0 auto;
color: #60605B;
background: #fff;
font-family: arial, verdana;
font-size: 62.5%;
}
body.join {
background-color: #f3fbea;
margin: 0px;
}

body.refer {
background-color: #f3fbea;
margin: 0px;
font-weight:normal;
}

html
{
min-height: 100%;
margin-bottom: 1px;
}
.clearall {clear:both; margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right; }
img
{
border: 0px none;
display: block;
}
hr {display: block; height: 1px; background: #CCCCCC; color: #CCCCCC; border: 0; margin: 10px 0px 10px 0px; clear: both;}
form
{
padding: 0;
margin: 0;
float: left;
}
a span
{
cursor: help;
border-bottom: 1px solid #ffffff;
}
a span.green
{
cursor: help;
border-bottom: 1px solid #5BBF21;
}
a:link
{
color: #81b915;
text-decoration: none;
outline: none;
}
a:visited
{
color: #8cc61e;
text-decoration: none;
outline: none;
}
a:hover, a:active
{
color: #81b915;
text-decoration: underline;
outline: none;
}
iframe, frame, frameset {margin: 0px; padding: 0px;}
h2
{
color: #81b915;
margin: 0 0 12px 0;
padding: 5px 0 0 0;
font-size: 1.5em;
line-height: 1.4em;
}
h2.unpre
{
height: 17px;
width: 117px;
margin-bottom: 12px;
color: #FFFFFF;
}
p, h3
{
margin: 0 0 9px 0;
padding: 0;
font-size: 1.3em;
line-height: 1.4em;
}
h3 { 
color:#EA0F6B;
font-size: 1.2em;
}
.error {color:#EA0F6B;}
ul, ol
{
margin: 0 0 10px 15px;
padding: 0 0 0 15px;
}
ul li, ol li
{
font-size: 1.1em;
line-height: 1.4em;
}
ul li {
list-style-image:url(/images/bullet-blue.gif);
}
ul li ul
{
margin: 0 0 0 15px;
}
li li
{
font-size: 1em;
}
.text ul
{
font-size:1.2em;
}
.red {color:#EA0F6B;}
.blue {color:#00BCE2; font-size:1.1em;}

ul.skip {display: none;}

/**FORMS**/
#contact label {display: block; width: 196px; margin: 0px 0px 5px 0px;}
#contact p.submit
{
margin: 20px 0px 0px 0px;
text-align: right;
}
#contact p.submit input
{
color: #fff;
background: #60605B !important;
width: auto;
border: 0 none;
cursor: pointer;
padding: 3px 6px;
}
#contact input {margin: 0px 0px 15px 0px}
#contact .radio {margin: 0px;}
#contact .extramargin {margin: 15px 0px 5px 0px}
#contact .textinput {
font-size: .9em;
line-height: 1em;
background: #ffffff !important;
color: #817e83;
padding: 4px;
margin: 0px 0px 15px 0px;
width: 190px;
border: 1px solid #a1ac81;
}
textarea {
font-size: 1.2em;
line-height: 1em;
background: #ffffff !important;
color: #817e83;
padding: 4px;
margin: 0;
border: 1px solid #a1ac81;
width: 340px; height: 140px;
}





/*START MAIN CONTAINER */
#container
{
width: 842px;
text-align: left;
margin: auto;
position: relative;
}
#header
{
width: 842px;
padding: 0px;
float: left;
margin-bottom: 17px;
}
#header .left {
width: 208px;
}
#header .right {
width: 634px;
}

#header ul
{
float: left;
width: 819px;
height: 27px;
list-style-type: none;
padding: 0;
margin: 0;
}
#header ul li
{
text-indent: -8000px;
padding: 0;
margin: 0 0 2px 0;
font-size: .05em;
line-height: .05em;
}
#header ul li, #header ul li a
{
display: block;
float: right;
text-decoration: none;
height: 18px;
border-bottom: 0px none;
}

/* LOGO AND LOGIN ON HEADER */
h1.logo, h1.logo a
{
margin: 0;
padding: 0;
height: 174px;
width: 180px;
display: block;
text-decoration: none;
font-size: .05em;
line-height: .05em;
text-indent: -8000px;
margin-left: 5px;
}
h1.logo a {
background: url(/images/logo.gif) no-repeat;
}
h1.logo a:hover
{
text-decoration: none;
}
h1.hello
{
background-image: none;
text-indent: 0px;
margin: 5px 0px 17px 0px;
font-size: 11em;
/*color:#EA0F6B;*/
color: #00BCE2;
line-height: 70px;
}

h1.welcome
{
padding: 0;
text-decoration: none;
font-size: 2.8em;
font-weight: normal;
margin: 10px 0px 10px 0px;
}

h1.tagline
{
padding: 0;
text-decoration: none;
font-size: 2.2em;
font-weight: bold;
color: #00BCE2;
margin: 0px 0px 0px 0px;
}

p.intro
{
clear: both;
margin: 0;
padding: 0 0 5px 0px;
float: left;
min-height: 25px;
display: block;
height: auto;
width: 634px;
}
/*\*/
* html p.intro
{
height: 25px;
width: 634px;
}
/**/

#main {width: 842px; clear: both;}

/**HOME**/
#homeholder
{
float: left;
width: 632px;
padding-left: 10px;
}
#home
{
float: left;
width: 632px;
margin: 0px 0px 17px 0px;
}


#home .panel a {
float: left;
width: 242px !important;
height: 284px;
display: block;
}

#home .panel a {
text-decoration: none;
color:#EA0F6B;
margin: 0px;
padding: 0px;
text-indent: -9000px;
}

#home .panel a:hover {
text-decoration: none;
color:#EA0F6B;
text-indent: -9000px;
}

#home #home_earn a {
position:relative;
margin: 0px;
z-index: 4;
background: url(/images/home_panel1.png) 0 0 no-repeat; 

}

#home #home_ethical a {
position:relative;
background:url(/images/home_panel2.png) 0 0 no-repeat; 
z-index: 3;
margin-left: -40px;
}

#home #home_enlighten a {
position:relative;
background:url(/images/home_panel3_n.png) 0 0 no-repeat; 
z-index: 2;
margin-left: -55px;
}

#home #home_lsc a {
position:relative;
background: url(/images/home_panel4.png) 0 0 no-repeat; 
z-index: 1;
margin-left: -60px;
}


#home #home_earn a:hover {
background: url(/images/home_panel1.png) 0px -284px no-repeat; 
z-index: 4;
}

#home #home_ethical a:hover {
background:url(/images/home_panel2.png) 0px -284px no-repeat; 
z-index: 3;
}

#home #home_enlighten a:hover {
background:url(/images/home_panel3_n.png) 0px -284px no-repeat; 
z-index: 2;
}
#home #home_lsc a:hover {
background:url(/images/home_panel4.png) 0px -284px no-repeat; 
z-index: 10;
}

.spacer {display: block; height: 1px; font-size: 1px; line-height: 1px; margin: 0px 0px 17px 0px; border: 0;
}
.textwrapper {
margin: 0px 0px 0px 0px; padding: 0px;
}

.alignright {
text-align: right;
}

.nomargin {
margin: 0px;
}

.text {
margin: 0px 0px 0px 0px;
width: 602px;
border-left: 10px solid #f3fbea;
border-right: 10px solid #f3fbea;
padding: 5px;
background-color: #f3fbea;
}

.nobg {background-color:#FFFFFF; border: 0;padding: 5px 15px 5px 15px;}

.text h3 a { 
color:#EA0F6B;
}

#join {
text-align: left;
margin: 0px;
padding: 0px;
background-color: #f3fbea;
color: #60605B;
}

#refer {
text-align: left;
margin: 0px;
padding: 0px;
background-color: #f3fbea;
color: #60605B;
}

.lefttext {float: left; margin: 0px;}
.righttext {float: right; margin: 0px;}

img.panellsc {width:160px; padding-bottom:25px;}
img.panellsc.last{width:160px; padding-bottom:0px;}



div.panel2
{
float: left;
width: 206px;
padding-left: 0px;
margin-top: 17px;
margin-right: 7px;
}

div.last {
margin-right: 0px;
}

div.panel2 h2
{
margin: 0px;
margin-bottom: 10px;
background:#FFFFFF url(/images/panel2.gif) no-repeat;
display: block;
width:196px;
height: 35px;
padding: 13px 0px 0px 10px;

}
div.panel2 p, div.panel2 ul
{
float: left;
width: 186px;
padding: 0 10px 0 10px;
}
div.panel2 p img {
margin: 10px 12px 0px 0px;
float: left;
}
div.panel2 ul
{
list-style-type: none;
margin: 0;
}
div.panel2 ul li
{
float: right;
list-style-image:none;
}
div.panel2 p {
min-height: 120px;
display: block;
}

.nebu {
width: 602px; 
height: 450px; 
display: block; 
border: 0px; 
margin: 0px; 
padding: 0px; 
overflow: hidden;
background-color: #f3fbea;
}

#footer
{
margin: 20px 0 0 0;
padding: 10px 0 0 0;
float: left;
width: 842px;
border-top: 1px solid #cfcfcf;
}
#footer ul
{
width: 839px;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
#footer ul li
{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
font-size: 1.05em;
color: #bcbcbe;
list-style-image:none;
position: relative;
}
#footer ul li a
{
padding: 0 .8em 0 .8em;
border-left: 1px solid #bcbcbe;
line-height: 25px;
}
#footer ul li.copy, #footer ul li.about
{
float: none;
}
#footer ul li.noborder a, #footer ul li.accessibility a
{
padding-left: 0;
border-left: 0 none;
}
#footer ul li a:link, #footer ul li a:visited
{
color: #bcbcbe;
text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:active
{
color: #bcbcbe;
text-decoration: underline;
}
#footer ul li a span
{
border-bottom: 1px dotted #bcbcbe;
}
#footer ul li.w3c_css, #footer ul li.w3c_xhtml
{
margin-top: 0px;
position: relative;
top: -29px;

}
#footer ul li.w3c_css {
	top: -54px;}
#footer ul li.w3c_css, #footer ul li.w3c_xhtml, #footer ul li.w3c_css a, #footer ul li.w3c_xhtml a
{
float: right;
border: 0 none;
padding: 0;
width: 88px;
height: 31px;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;

}
#footer ul li.w3c_css, #footer ul li.w3c_css a
{
background: url(/images/w3c_css.png) no-repeat;
}
#footer ul li.w3c_xhtml, #footer ul li.w3c_xhtml a
{
background: url(/images/w3c_xhtml.png) no-repeat;
}
.QuestFont
{
font-size:16px;
}
.OptionFont
{
font-size:16px;
}


/**Updates 01-11-09**/
.address {float: left; width: 200px;}
.contact {float: left; width:400px;}
.faqs p, .faqs ul li {font-size: 12px; line-height: 18px;}
.faqs p a{font-size: 12px; line-height: 18px; font-weight: bold; }
.faqs h3 {font-size: 14px;}
.sep {margin: 0px 0px 50px 0px;}
.faqs div {margin: 10px 0px 30px 0px;}
.ans {display: none;}
.join a {background: #EA0F6B !important; font-weight: bold; font-size: 14px; padding-top: 9px !important; padding-bottom: 7px !important;}
.refer a {font-weight: bold; font-size: 14px;}
.jointop {color: #EA0F6B !important; font-weight: bold;}
.refer {color: #EA0F6B !important; font-weight: bold;}

a.refer { clear: both; background:url(/images/join-button.png) top left no-repeat; display: block; text-align: center; color: #fff !important; font-weight: bold; font-size: 16px; padding: 0px 0px; width: 160px; height: 44px; line-height: 39px; margin: 0px auto 0px auto;}

h1 .join-m {float:right;}
a.join-m  { clear: both; background:url(/images/join-button.png) top left no-repeat; display: block; text-align: center; color: #fff; font-weight: bold; font-size: 16px; padding: 0px 0px; width: 160px; height: 44px; line-height: 39px; margin: 0px auto 0px auto;}

a.join-large  { clear: both; background:url(/images/join-button-large.png) top left no-repeat; display: block; text-align: center; color: #fff; font-weight: bold; font-size: 28px; padding: 0px 0px; width: 382px; height: 60px; line-height: 60px; margin: 57px auto 0px auto;}

a.join-large1  { clear: both; background:url(/images/join-button-large1.png) top left no-repeat; display: block; text-align: center; color: #fff; font-weight: bold; font-size: 28px; padding: 0px 0px; width: 382px; height: 60px; line-height: 60px; margin: 88px auto 0px auto;}

a.join-large2  { clear: both; background:url(/images/join-button-large2.png) top left no-repeat; display: block; text-align: center; color: #fff; font-weight: bold; font-size: 28px; padding: 0px 0px; width: 382px; height: 60px; line-height: 60px; margin: 88px auto 0px auto;}

/**/
a.bubble-h  {clear: both; display: block; text-align: center; color: #fff; font-weight: bold; font-size: 16px; padding: 0px; width:196px; height:122px; margin: 0px;}

a#ben-1 {background:url(/images/benefit1.png) top left no-repeat;}
a#ben-2 {background:url(/images/benefit2.png) top left no-repeat;}
a#ben-3 {background:url(/images/benefit3.png) top left no-repeat;}

a:hover#ben-1 {background-position:0px -122px;}
a:hover#ben-2 {background-position:0px -122px;}
a:hover#ben-3 {background-position:0px -122px;}

a.join-stu {background: #ea0f6b; color:#fff; padding:5px;}

a.lsc-top  {position: absolute; top: -15px; right: 2px; background: url(/images/lsc-top.gif) top left no-repeat; width: 170px; height: 141px; display: block; text-indent: -10000px;}
.op-logo {margin-top: 20px; display: block;}

#joinlogindate {font-size:0.9em;}