/* CSS Document */
html {
	width: 				100%;
	height: 			100%;
}

body {
	margin:				0px;
	background-color: 	#FFFFFF;
	font:				normal 12px Arial, Helvetica, sans-serif;
	text-align:			center;
}

a {
	color:				#441678;
	text-decoration: 	none;
	font:				normal 12px Arial, Sans-Serif;
}
a:hover {
	text-decoration: 	underline;
}

/* MAIN SECTIONS ////////////////////////////////////*/
#container {
	margin: 	10px auto;
	width: 		780px;
}

#header {
	height: 			50px;
	margin-bottom: 		10px;
	padding: 			24px 10px 0px 0px;
	background: 		url('/images/header.gif') top left no-repeat;
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-align: 		right;
}

#area_login {
	margin: 			40px auto;
	width: 				300px;
	border: 			2px solid #000000;
	padding: 			2px;
}

#area_menu {
	float: 				left;
	width: 				200px;
	margin-top: 		0px;
	margin-left: 		10px;
	padding: 			0px;
	list-style-type:	none;
}

#area_menu li {
	width: 				200px;
	height: 			25px;
	margin: 			1px;
	border: 			1px solid #441678;
	background-color: 	#441678;
	text-align: 		left;
	
}

#area_menu li A {
	line-height: 		24px;
	font-size: 			16px;
	font-weight: 		bold;
	color: 				#FFFFFF;
}

#area_menu li IMG {
	float: 				left;
	border: 			0px;
	padding: 			0px 2px;
	background-color: 	#FFFFFF;
	margin-right: 		5px;
}


#area_content {
	margin-left: 		10px;
	margin-top: 		1px;
	float: 				left;
	width: 				552px;
	text-align:			left;
}

#footer {
	clear: 				both;
	margin: 			10px 0px 0px 0px;
	background-color:	#441678;
	padding: 			1px 5px;
	font-size: 			10px;
	border: 			1px solid #000000;
	color: 				#FFFFFF;
}

/* DISPLAY TABLE ////////////////////////////////*/
#table_results {
	width: 				100%;
	border-collapse:	collapse;
}

#table_results TH {
	background-color:	#441678;
	color:				#FFFFFF;
	border:				1px solid #000000;
	text-align:			center;
}

#table_results TD {
	padding: 			2px;
	border: 			1px solid #000000;
	text-align:			center;
}

/* //////////////////////////////////////////////*/
#approval {
	margin: 			0px auto;
	width: 				260px;	
	background-color:	#441678;
	color:				#FFFFFF;
	border:				1px solid #000000;
	text-align: 		center;
}

#approval form {
	margin: 			0;
	padding: 			0;
	text-align: 		center;
}

/* DISPLAY //////////////////////////////////////*/
#student_display {
	margin: 			0px 0px 10px 0px;
	background-color:	#441678;
	text-align:			left;
	padding: 			2px 5px;
}

#student_info {
	display: 			none;
	background-color: 	#FFFFFF;
	margin-bottom: 		w14px;
}

#student_info TABLE {
	width: 				100%;
}

#content_header {
	background-color:	#441678;
	font-size: 			14px;
	font-weight: 		bold;
	padding: 			2px;
	border-bottom:		1px solid #000000;
	margin-bottom: 		5px;
	color: 				#FFFFFF;
}


#area_login FORM {
	text-align: 		left;
}

#area_login LABEL {
	float: 				left;
	width: 				80px;
}

#area_login P {
	clear:				both;
	margin: 			2px;
}

#area_login .textbox {
	width: 				200px;
}

#area_content FORM {
	text-align: 		left;
}

#area_content FORM LABEL {
	float: 				left;
	width: 				130px;
}

#area_content FORM P {
	clear:				both;
	margin: 			2px;
}

#summary {
	padding-left: 		10px;
	text-align: 		left;
}

#summary a {
	line-height: 		24px;
	color: 				#441678;
}

#summary a IMG {
	border: 			0px;
	padding: 			0px 2px;
	background-color: 	#FFFFFF;
	margin-right: 		5px;
}

#student_link {
	line-height: 		18px;
	color: 				#FFFFFF;
	font-weight: 		bold;
}

.error {
	padding: 			5px;
	color: 				#CC0000;
	font-size:			12px;
}

#error {
	background-color:	#CC0000;
	text-align:			center;
	color:				#FFFFFF;
	font-weight: 		bold;
	padding: 			5px;
}

.clear {
	clear: both;
	margin:0px;
	padding:0px;
}

#emailForm {
	margin-top: 		10px;
	display: 			none;
	border: 			1px solid #441678;
	background-color: 	#CCCCCC;
}