@charset "utf-8";
/* CSS Document */

/* CONTENT */
.content p		{ padding-bottom:15px; margin-left:-5px; }

/* COLORS */
.org 			{ color: #f15900; font-size: 16px; }
.purple 		{ color: #9a0862; font-size: 16px; }

.intro-box				   { width: 230px; }
ul.checkmark 		 	   { list-style:none; padding-top:0px; padding-left:5px; }
ul.checkmark li 	 	   { background: url(../images/check-mark-home.gif) no-repeat left top; padding: 0px 0px 5px 20px; font-size: 16px; }
ul.checkmark li a 	   	   { color:#f15900; text-decoration:none; }
ul.checkmark li a:hover    { color:#9a0862; text-decoration:none; }
ul.checkmark li li 	 	   { list-style: none; background: url(../images/blue-dot.jpg) no-repeat left top; font-size: 16px; padding:0px 0px 0px 15px; }
h2 					 	   { font-size: 21px; padding-bottom:20px; margin:0px; font-weight:normal; }

/* INTRODUCTION AREA */
.intro 			{ width: 436px; float: left; padding: 35px 12px 20px 32px; line-height: 22px; background: url(../images/intro-bg.gif) no-repeat right top; }

/* HOW IT WORKS AREA */
/* .howitworks 	{ width: 190px; float: left; line-height: 20px; padding: 43px 10px 0px 20px; } Original settings*/
.howitworks 	{ 
/*width: 190px; float: left; line-height: 20px; padding: 29px 10px 0px 20px; Original settings*/ 
float:left;
line-height:20px;
padding:29px 10px 0 20px;
width:195px;
}
.howitworks1 	{ width: 436px; float: left; line-height: 20px; padding: 13px 10px 0px 0px; }

/*NEW USER SIGNUP AREA*/
a.new-user-signup  { color: #FF3407; font-size: 15px; font-weight: bold; margin-top: -13px; position: absolute; text-decoration: none; outline: none; margin-left:0px;}


/* LOGIN & TESTIMONIAL AREA */
.login 			{ width: 207px; float:left; padding: 37px 10px 0px 30px; }
.login a 		{ text-decoration: underline; color: #494949; }
.login a:hover	{ text-decoration: none; color: #494949; }
.testi-p 		{ font-size:12px; margin-top: 70px; line-height: 18px; background: url(../images/double-quote.gif) no-repeat left top; padding-top: 7px; }
.login-p 		{ font-size:13px; padding-left: 20px; }
h3 				{ color: #4b4b4b; font-size: 20px; padding-left: 26px; font-weight: normal; padding-bottom: 10px; }

/* FORM SECTION */
label 			{ font-size: 14px; font-weight:bold; color: #4b4b4b; width: 181px; padding:0px 0px 0px 26px; }
.inputbox		{ margin: 0px 0px 5px 20px; border: 0px; padding: 3px 10px 5px 10px; font-family: "comic Sans MS", arial; width: 145px; }
.greenbox 		{ background: url(../images/input-green-bg.gif) no-repeat left top; }
.bluebox 		{ background: url(../images/input-blue-bg.gif) no-repeat left top; }
.greeenbtn 		{ background-color: #97ae59; border: 2px solid #d3e0ac; color: #fff; cursor: pointer; font-family: "comic Sans MS", arial; margin-left: 20px; width: 70px; padding-bottom: 3px; }
/* a.greeenbtn  {text-decoration:none; color:#FFFFFF; font-family: "comic Sans MS", arial; } */
a.greeenbtn {
color:#FFFFFF;
font-family:"comic Sans MS",arial;
font-size:14px;
padding:1px 6px 3px 9px;
text-decoration:none;
}
a.greeenbtn:hover {color:#FFFFFF;}
.greeenbtn:hover{ background-color: #aa4268; border: 2px solid #c97d99; }
.orgbtn 		{ background-color: #b46b2f; border: 2px solid #dcc2af; color: #fff; cursor: pointer; font-family: "comic Sans MS", arial; margin-left: 5px; width: 70px; padding-bottom: 3px; }
.orgbtn:hover { background-color: #aa4268; border: 2px solid #c97d99; }

/* READING, VOCABULARY & SPELLING SECTION */
.rvs 			{ left:0; width: 820px; height: 226px; padding-left:70px; padding-right:80px; float:left; margin-top:11px; }
.rvs ul			{ list-style:none; height: 226px; background: url(../images/rvs-bg.jpg) no-repeat left top; }
.rvs ul li 		{ float: left; height: 226px; text-indent: -99999px; }
.rvs ul li a 	{ text-decoration: none; display: block; height: 226px; }
.bn1 			{ top:0px; left:0px; width:271px; }
.bn2 			{ top:0px; left: 271px; width:278px; }
.bn3 			{ top:0px; left: 549px; width:271px; }
.bn1 a:hover 	{ background: url(../images/rvs-bg.jpg) 0px -226px; }
.bn2 a:hover 	{ background: url(../images/rvs-bg.jpg) -271px -226px; }
.bn3 a:hover 	{ background: url(../images/rvs-bg.jpg) -549px -226px; }

/*.rvsr 				{ left:0; width: 900px; height: 209px; padding-left:31px; padding-right:29px; float:left; margin-top:20px; }
.rvsr ul 			{ list-style:none; height: 209px; background: url(../images/rvsr-bg.jpg) no-repeat left top; }
.rvsr ul li			{ float: left; height: 209px; text-indent: -99999px; }
.rvsr ul li a		{ text-decoration: none; display: block; height: 209px; }
.bn1 				{ top:0px; left:0px; width:221px; }
.bn2 				{ top:0px; left: 221px; width:229px; }
.bn3					{ top:0px; left: 450px; width:228px; }
.bn4 				{ top:0px; left: 678px; width:222px; }
.bn1 a:hover			{ background: url(../images/rvsr-bg.jpg) 0px -209px; }
.bn2 a:hover 		{ background: url(../images/rvsr-bg.jpg) -221px -209px; }
.bn3 a:hover 		{ background: url(../images/rvsr-bg.jpg) -450px -209px; }
.bn4 a:hover			{ background: url(../images/rvsr-bg.jpg) -678px -209px; }*/