/*  Quality Tuitions Website CSS by Elvin Wong (www.elvinwong.com) and Ragence Wong		*/
/*  All associated graphics copyright 2008 												*/

/*  === BODY === */

* { 	/* Reset the margins so IE doesnt barf all over with Box Model problems */
		margin: 0px;
		padding: 0px;
		}

body {
		margin: 0;
		padding: 0;
		font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #888888;
		background-color: #4D8B3A;
		background-image: url(../images/bg.gif);
		background-repeat: repeat-x;  
		background-position: top;	  
		/* border:1px dotted yellow;	*/
		}

#container {
		width: 980px;
		margin: auto;
		padding: 0 0 0 0;
		position: relative;
		margin-top: 0px;
		/* border:1px dotted red;  */   
		}

#header {
		width: 980px;
		height: 122px;
		margin-top: 0px;
		background-image: url(../images/header.png);
		background-repeat: no-repeat;
		background-position: top;
		position: relative;
		float: left;
		z-index: 1;				
		}

h2 {
		font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
}

.header_text {
		margin-top: 80px;
		margin-right: 30px;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #579564;
		float: right;
		}

.header_text a:link {
		color: #579564; 
		text-decoration: none;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;		
		}

.header_text a:visited {
		color: #579564; 
		text-decoration: none;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;		
		}
		
.header_text a:hover, a:active { 
		color: #FF9900; 
		text-decoration: underline;
		font-family: "Verdana", Arial, Helvetica, sans-serif;	
		font-size: 10px;
		}
/*
#admin_portal {
		width: 400px;
		height: 122px;
		right: -73px;
		margin-top: 35px;
		background-image: url(../images/admin_portal.gif); 
		border: 1px;
		border-color: #00FFFF;
		background-repeat: no-repeat;
		background-position: top;
		position: absolute;
		}
		
.admin_portal_contents {
		width: 380px;
		height: 110px;
		margin-left: 100px;
		margin-top: 30px;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
		}
*/

#contents {
		width: 980px;
		background-image: url(../images/body_background.png); 
		background-repeat: repeat-y;
		background-position: top;
		margin-top: 0px;
		z-index: 4; 
		position: relative;
		float: left;
		/* border:1px dotted red; */  
		}
		
#main_menu {
		width: 208px;
		height: 230px;
		margin-left: 41px;
		margin-top: 0px;
		background-image: url(../images/main_menu.gif);
		background-repeat: no-repeat;
		background-position: top;
		position: relative; 
		float: left;
		}

#main_menu_links {
		width: 180px;
		height: 200px;
		margin-left: 24px;
		margin-top: 40px;
		position: relative;
		}

#latest_news {
		width: 208px;
		height: 240px;
		margin-top: 20px;
		background-image: url(../images/latest_news.gif);
		background-repeat: no-repeat;
		background-position: top;
		position: relative;
		float: left;
		}
		
.latest_news_contents {
		width: 180px;
		height: 120px;
		margin-left: 20px;
		margin-top: 40px;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
		}
		
#body_content {
		width: 480px;
		margin-top: 0px;
		margin-left: 20px;
		position: relative;
		float: left;
		}

#adverts {
		width: 159px;
		/* height: 350px; */
		right: 25px;
		margin-top: 50px;
		position: absolute; 
		float: right;
		}

.body_content_text {
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #888888;
		line-height: 1.8em;
		}

.body_h1 {
		margin-top: 20px;
		font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 26px;
		color: #336666;
		}

.body_h2 {
		margin-top: 20px;
		font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #336666;
		padding-top: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dashed;
		}


#footer {
		width: 980px;
		height: 91px;		
		/* margin-left: 36px; */
		background-image: url(../images/footer.png);
		background-repeat: no-repeat;
		background-position: center;
		float:left;
		bottom: 0px; 
		z-index: 5;
		position: relative;		
		}

.footer_text_left {
		height: 20px;
		margin-left: 50px;
		margin-top: 44px;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		float: left;		
		}
		
.footer_text_right {
		height: 20px;
		margin-right: 40px;
		margin-top: 44px;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		float: right;		
		}		

.footer_text_right a:link {
		color: #FFFFFF; 
		text-decoration: none;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;		
		}

.footer_text_right a:visited {
		color: #FFFFFF; 
		text-decoration: none;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;		
		}
		
.footer_text_right a:hover, a:active { 
		color: #FF9900; 
		text-decoration: underline;
		font-family: "Verdana", Arial, Helvetica, sans-serif;	
		font-size: 10px;
		}

/*  === LINKS === */

a:link { 
		font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #579564; 
		text-decoration: none;
		}

a:visited { 
		font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #579564; 
		text-decoration: none;	
		}

a:hover, a:active { 
		font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FF9900; 
		text-decoration: underline;
		text-underline-style: dashed;
		}

ol {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #888888;
		margin-top: 10px;
		margin-left: 20px;		
		}

ul {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #888888;
		margin-top: 10px;
		margin-left: 20px;		
		}

li {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #888888;
		margin-top: 10px;
		margin-left: 20px;		
		}

.table_student_update {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
label {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: right;
		margin-right: 20px;
		margin-top: 10px;
		display: block;
		float: left;
		width: 13em;
		clear: left;				
	}	

label_left {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: right;
		margin-right: 20px;
		margin-top: 10px;
		display: block;
		float: left;
		width: 13em;
		clear: left;				
	}

label_right {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: left;
		margin-top: 10px;
		display: block;
		float: left;				
	}
	
sublabel {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: right;
		margin-top: 10px;
						
	}
	
input {
		color: #999999;
		background: #FCFCFC;
		border: 1px solid #888888;
		margin-top: 10px;
}

	

select {
		 background-color: #669933;
		 color: #FFFFFF;
		 border: 1px dotted #666666;
		 margin-top: 10px;
		 width: 200px;
}


checkbox {
		color: #666666;
		font-size: 14px;
		margin-top: 10px;
		border: 0px;
}

label_radio {	
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-left: 6px;
		}

textarea {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 250px;
		color: #666666;
		background: #FCFCFC;
		border: 1px dotted #666666;
		margin-top: 10px;
}	

.error_message {
		font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: red;
}

fieldset {
		border: 1px dotted #CCCCCC;
		width: 550px;
		height: 2000px;
		padding: 20px;
		height: 1%;
		margin:  3em 0;	
		background-color: #f9f6f1; 		
		}

legend {
		font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		background-color: #FFFFFF;
		color: #336666;
		border-bottom: 1px dashed;
		padding-left: 10px;
		padding-right: 10px;
		} 
		
.submit input {
		color: #666666;
		background: #FFFFFF;
		border: 2px solid outset #666666
		} 
		
a.rollover_ad_tutor {

		display: block;
		width: 159px;
		height: 79px;
		text-decoration: none;
		background: url(../images/registration_tutor.gif);
}

a.rollover_ad_tutor:hover {
		background-position: -159px 0;
}

a.rollover_ad_student {

		display: block;
		width: 159px;
		height: 79px;
		text-decoration: none;
		background: url(../images/registration_student.gif);
}

a.rollover_ad_student:hover {
		background-position: -159px 0;
}