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

/*--- G E N E R A L   E L E M E N T S ---*/

body {
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #005293; /* #252778; */
}
a:active {
	color: #E5621F; /* #6669B3; */
}
a:hover {
	color: #005293; /* #252778; */
}

/*----- C L E A R ,   H I D D E N ,   A N D   F L O A T   S T Y L E S -----*/

.clear {
	clear: both;
}
.hidden {
	position: absolute;
	height: 1px;
	width: 1px;
	left: -10000px;
	top: auto;
	overflow: hidden;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

/*--- L A Y O U T   E L E M E N T S ---*/

#wrapper {
	width: 777px;
	margin: 0px;
	padding: 0px;
}
#header {
	width: 777px;
	height: 124px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	width: 777px;
	height: 96px;
}
#menubar {
	height: 28px;
}
#content {
	width: 777px;
	margin-right: auto;
	margin-left: auto;
}
#column_1 {
	float: left;
	height: 459px;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#column_2and3 {
	float: left;
	height: 459px;
	width: 404px;
	margin: 0px;
	padding: 0px;
}
#column_2 {
	float: left;
	height: 120px;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#column_3 {
	float: right;
	height: 120px;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#column_4 {
	float: right;
	height: 459px;
	width: 171px;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
#main_pane {
	height: 337px;
	width: 402px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding: 0px;
}
#news_pane {
	height: 337px;
	width: 170px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.cell {
	color: #FFFFFF;
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 6px;
}
.cell a {
	color: #FFFFFF;
	text-decoration: none;
}
.cell a:hover {
	text-decoration: underline;
}
.click_cell {
	color: #FFFFFF;
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	padding-right: 18px;
	padding-bottom: 6px;
}
.click_cell a {
	color: #FFFFFF;
	text-decoration: none;
}
.click_cell a:hover {
	color: #FF6D22;
}

/*--- C O L U M N   1   ( B R O W S E )   E L E M E N T S ---*/

#browse {
	background-color: #E5621F;
	height: 459px;
	width: 200px;
}
#browse a:link {
	text-decoration: none; 
	color: #FFFFFF;
}
#browse a:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
#browse a:hover {
	text-decoration: underline; 
	color: #FFFFFF;
}
#browse a:active {
	text-decoration: underline; 
	color: #005293;
}
#browse ul {
	margin-top: 0px;
	list-style-type: square;
}
#browse li {
	color: #FFFFFF;
	line-height: 1.35;
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}
#browse li.list_seperate {
	margin-top: 15px;
}
#browse_header {
	margin: 0px; 
	padding: 0px;
	position: relative;
	width: 200px; 
	height: 43px;
	overflow: hidden;
}
#browse_header span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 200px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/browse_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--- C O L U M N   2   ( S E A R C H )   E L E M E N T S ---*/

#search {
	background-color: #4D87B4;
	width: 200px;
	height: 120px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#search_header {
	margin: 0px; 
	padding: 0px;
	position: relative;
	width: 200px; 
	height: 43px;
	overflow: hidden;
}
#search_header span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 204px; 
	height: 43px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/search_new.gif);
	background-repeat: no-repeat;
	background-position: -2px top;
}

/*--- C O L U M N   3   ( W H A T ' S   N E W )   E L E M E N T S ---*/

#whatsnew {
	background-color: #3275A9;
	width: 200px;
	height: 120px;
	margin-top: 0px;
}
#whatsnew_header {
	margin: 0; 
	padding: 0;
	position: relative;
	width: 200px; 
	height: 43px;
	overflow: hidden;
}
#whatsnew_header span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 200px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/whatsnew_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--- C O L U M N   4   ( S T U D E N T   A C C O U N T )   E L E M E N T S ---*/

#stu_view {
	background-color: #22659E;
	width: 171px;
	height: 120px;
	margin: 0px;
}
#stu_view_header {
	margin: 0; 
	padding: 0;
	position: relative;
	width: 171px; 
	height: 43px;
	overflow: hidden;
}
#stu_view_header span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 171px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/studentaccount_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--- M A I N   P A N E   E L E M E N T S ---*/

/*--- N E W S   P A N E   E L E M E N T S ---*/

#news_image {
	height: 140px;
	width: 171px;
	margin: 0px;
	padding: 0px;
}
#news_text {
	background-color: #CCDDE9;
	height: 197px;
	width: 171px;
	margin: 0px;
	padding: 0px;
}
#news_text h4 {
	color: #005293;
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}
#news_text p {
	color: #005293;
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding-right: 12px;
	padding-left: 12px;
}

/*--- N E W S B A N D   E L E M E N T S ---*/

#newsband {
	background-color: #990000;
	text-transform: uppercase;
	padding: 5px;
	width: 767px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#newsband p {
	color: #FFFFFF;
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
}
#newsband a {
	color: #FFFFFF; 
	text-decoration: underline;
}
.newsband_off {
	visibility: hidden;
	display: none;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -10000px;
	top: auto;
}

/*--- F O O T E R   ( L I N K S )   E L E M E N T S ---*/

#footer_links {
	background-color: #363636;
	margin-top: 2px;
}
#footer_links p {
	color: #FFFFFF; 
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 9px; line-height: 1.2em; 
	margin-bottom: 10px; 
	margin-top: 10px; 
	margin-left: 10px; 
	margin-right: 10px;
}
#footer_links a {
	color: #FFFFFF; 
	text-decoration: none;
}
#footer_links a:hover {
	text-decoration: underline;
}
.footer_indent {
	padding-left: 5px;
}

/*--- F O O T E R   ( C O N T A C T   I N F O R M A T I O N )   E L E M E N T S ---*/

#footer_contact {
	background-color: #EFEFEF; /*#005293;*/
	height: 61px;
	width: 584px;
	margin-top: 2px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}
#footer_contact p {
	color: #363636; /*#FFFFFF;*/ 
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	line-height: 1.2em; 
	margin-bottom: 0px; 
	margin-top: 5px; 
	margin-left: 5px;
}
#footer_contact a {
	color: #363636; /*#FFFFFF;*/ 
	text-decoration: none;
}
#footer_contact a:hover {
	text-decoration: underline;
}
.footer_contact_box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 500px;
}
.footer_contact_left {
	font-style: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 75px;
}
.footer_contact_right {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 425px;
}

/*--- F O O T E R   ( S O C I A L   M E D I A )   E L E M E N T S ---*/

#footer_social {
	background-color: #EFEFEF; /*#E5621F;*/
	float: right;
	height: 55px;
	width: 151px;
	margin-top: 2px;
	padding: 10px;
}
#footer_social p {
	color: #363636; /*#FFFFFF;*/ 
	font-family: "Ludica Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	text-transform: uppercase;
	line-height: 1.2em; 
	margin: 0px;
	padding-bottom: 5px;
}
.social_icon {
	margin-top: 5px;
	margin-right: 5px;
}

/*--- F O O T E R   ( C O L O U R B A R )   E L E M E N T S ---*/

#footer_colourbar {
	margin-top: 2px; 
	margin-left: auto; 
	margin-right: auto;
}
#footer_colourbar td {
	height: 10px; 
	font-size: 1px;
}