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

.page-content 		{ width: 870px; padding: 20px 45px 0px 45px; float:left; }
.page-content h1 	{ font-size: 25px; padding-bottom: 5px; }
.vocab-card-content 	{ float:left;width:870px;padding:18px 0px 2px 22px;}

/* TEXT COLORS */
.maroon 			{ color: #c42e2f; }
.grey 			{ color:#CCCCCC; }
.blue 				{ color: #1688bb; }
.violet 			{ color: #850f7f; }
.pink 				{ color: #d00870; }

/* LIST ITEM */

ul.checkmark 			   { list-style:none; padding-top:10px; padding-left:10px; }
ul.checkmark li 		   { background: url(../images/check-mark.jpg) no-repeat left top; padding: 0px 0px 10px 20px; line-height:24px; font-size: 16px; }
ul.checkmark li a 	   	   { color:#494949; 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; line-height:24px; padding:0px 0px 0px 15px; }

/* SCROLLING SECTION */
.page-scroll 		{ width: 850px; padding: 10px; float:left; color: #494949; overflow: auto; height: 408px; }
.page-scroll p 		{ font-size: 16px; color: #4b4b4b; padding-top:10px; padding-bottom:10px; text-align: justify;}
.page-scroll p a	{ color:#850f7f; text-decoration:none; }
.page-scroll p a:hover	{ color:#4b4b4b; text-decoration:none; }
.page-scroll h2 	{ font-size: 20px; font-weight: normal; }
.page-scroll img 	{ padding:0px 0px 0px 20px; }

/*star mandatory in contact form*/
.star_mandatory {
color:#FF4231;
margin-left:3px;
margin-top:0;
}
.error_message {
color:#FF4231;
float:left;
margin-bottom:7px;
margin-left:-34px;
width:505px;
}
/* READING, VOCABULARY & SPELLING SECTION */
.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; }
.l1 				{ top:0px; left:0px; width:221px; }
.l2 				{ top:0px; left: 221px; width:229px; }
.l3					{ top:0px; left: 450px; width:228px; }
.l4 				{ top:0px; left: 678px; width:222px; }
.l1 a:hover			{ background: url(../images/rvsr-bg.jpg) 0px -209px; }
.l2 a:hover 		{ background: url(../images/rvsr-bg.jpg) -221px -209px; }
.l3 a:hover 		{ background: url(../images/rvsr-bg.jpg) -450px -209px; }
.l4 a:hover			{ background: url(../images/rvsr-bg.jpg) -678px -209px; }
a { outline:none; }
a:hover { outline:none; }
.grey a			{ color:#CCCCCC; text-decoration: none; }
.grey a:hover		{ color:#000;text-decoration: none; }