@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color:#d2dee7;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	margin: 0;
	padding: 0;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	padding-bottom:10px;
}

#header{
background-image:url(../images/header.gif);
background-repeat:no-repeat;
height:142px;}

#header h1{
display:none;
margin: 0;
padding: 0;
}

#header h2{
display:none;
margin: 0;
padding: 0;
}

#header a{
display:none;
margin: 0;
padding: 0;
}
#middle{
width: 948px;
}

#menu{
margin:0;
padding:0;
width:180px;
float:left;
margin-left:10px;
margin-top:-16px;
}

.navigation{
padding:0;
margin:0;
width:180px;}

.navigation ul{
padding:0;
margin:0;
font-size:12px;
}

.navigation li{
padding:0;
margin:0;
list-style:none;
background-color:#00487b;
border-bottom:1px solid #0a5b90;
}

.navigation ul li ul{
padding:0;
margin:0;
font-size:11px;
}

.navigation ul li ul li{
padding:0;
margin:0;
list-style:none;
background-color:#00487b;
border-bottom:1px solid #0a5b90;
}

.navigation li a {padding:0; margin:0; color:#FFFFFF; text-decoration:none; padding-left:15px; padding-top:7px; padding-bottom:7px; display:block; background-color:#00487b}
.navigation li a.current {background-color:#1968a1}
.navigation li a:link {color:#FFFFFF; text-decoration:none;}
.navigation li a:visited {color:#ffffff; text-decoration:none;}
.navigation li a:active { color:#ffffff; text-decoration:none;}
.navigation li a:hover {background-color:#1968a1; color:#ffffff; text-decoration:none;}

.navigation li ul li a {padding:0; margin:0; color:#FFFFFF; text-decoration:none; padding-left:25px; padding-top:4px; padding-bottom:4px; display:block; background-color:#00487b}
.navigation li ul li a.current {background-color:#1968a1}
.navigation li ul li a:link {color:#FFFFFF; text-decoration:none;}
.navigation li ul li a:visited {color:#ffffff; text-decoration:none;}
.navigation li ul li a:active { color:#ffffff; text-decoration:none;}
.navigation li ul li a:hover {background-color:#1968a1; color:#ffffff; text-decoration:none;}

.navigation p {font-size:10px; padding:0; margin-bottom:5px; margin-top:0px}
.navigation2{
padding:0;
margin:0;
width:180px;}

.navigation2 ul{
padding:0;
margin:0;
list-style:none;
font-size:12px;
border-bottom:#FFFFFF 2px solid;
}

.navigation2 li{
padding:0;
margin:0;
list-style:none;
padding-top:10px;
padding-bottom:10px;
background-color:#003a63;
border-bottom:1px solid #0a5b90;
}

.navigation2 a{
padding:0;
margin:0;
color:#FFFFFF;
text-decoration:none;
padding-left:15px;
}


#widgetbox{
width:180px;
background-image:url(../images/newsbox.gif);
background-repeat:no-repeat;
margin-top:10px;
padding-bottom:10px;
margin-bottom:10px;
}

#widgetbox h1{
padding:0;
margin:0;
font-size:14px;
color:#FFFFFF;
padding-top:12px;
padding-left:35px;
padding-bottom:15px}

#widgetbox h2{
padding:0;
margin:0;
font-size:12px;
color:#99c1f0;
padding-left:10px;
padding-top:20px;
}

#widgetbox h3{
padding:0;
margin:0;
font-size:10px;
color:#99c1f0;
padding-left:10px;
padding-top:10px;
}

#widgetbox p{
padding:0;
margin:0;
font-size:11px;
color:#ffffff;
padding-left:10px;
padding-top:10px;
width:160px;
}

#widgetbox ul{
margin:0;
padding:0;
list-style:none;
padding-top:10px;
}

#widgetbox a:link {color:#ffffff; text-decoration:underline}
#widgetbox a:active {color:#ffffff; text-decoration:underline}
#widgetbox a:visited {color:#ffffff; text-decoration:underline}
#widgetbox a:hover {color:#ffffff; text-decoration:none}

#newsbox2{
width:180px;
height:200px;
background-image:url(../images/newsbox.gif);
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:10px;
}

#newsbox2 h1{
padding:0;
margin:0;
font-size:14px;
color:#FFFFFF;
padding-top:12px;
padding-left:35px;}

#newsbox2 h2{
padding:0;
margin:0;
font-size:12px;
color:#99c1f0;
padding-left:10px;
padding-top:20px;
}

#newsbox2 h3{
padding:0;
margin:0;
font-size:10px;
color:#99c1f0;
padding-left:10px;
padding-top:10px;
}

#newsbox2 p{
padding:0;
margin:0;
font-size:11px;
color:#ffffff;
margin-left:20px;
padding-top:25px;
width:140px;
}

#newsbox2 .transbox{
padding:0;
margin:0;
font-size:11px;
color:#ffffff;
margin-left:25px;
padding-top:25px;
width:100px;

}

#newsbox2 a{
color:#ffffff;
text-decoration:none;}


#testbox{
width:202px;
height:170px;
background-image:url(../images/tests.jpg);
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:10px;
}

#mainimage{
position:relative;
width:739px;
height:190px;
margin-top:0px;

}

.fade-box{
position:absolute;
height:191px;
width:462px;
float:left;
}

#flash {
float:left;
width:462px;
}

#login{
margin:0;
padding:0;
height:187px;
width:270px;
float:left;
text-align:left;
background-image:url(../images/loginbox.gif);
background-repeat:repeat-y;
border:1px #FFFFFF solid;
}

#login . submit{
margin-top:5px;}

#login h3{
margin:0;
padding:0;
background-image:url(../images/loginheader.gif);
background-repeat:repeat-y;
height:29px;
color:#FFFFFF;
padding-left:20px;
padding-top:10px;
}
#login .login{
margin:0;
padding:0;}
#login .login h3
{
margin:0;
padding:0;
padding-left:10px;
padding-top:10px;
font-size:14px;
}
#loginform{
margin:0;
padding:0;
padding-top:10px;
padding-left:10px;}

#loginform label{
padding:0;
margin:0;
color:#FFFFFF;
padding-right:20px;
margin-bottom:5px;}

#loginform input{
padding:0;
margin:0;
border:1px solid #323232;
margin-bottom:5px;
}


#login p {
padding:0;
margin-bottom:6px;
margin-top:0px;
color:#FFFFFF;
font-size:11px;
}

#login td {
padding:0;
margin:0;
color:#FFFFFF;
padding-right:3px;
padding-bottom:3px;
font-size:11px;
}

#login form {
margin:0;
padding:0;
}



	#home {
		width:719px;
		clear: both;
		float: left;
	}
	
/*	.groupWrapper {
		width: 350px;
		margin-right: 9px;
		float: left;
	}
	
	.full .groupWrapper {
		min-height: 1000px;
	}
	
	.serializer
	{
		clear: both;
	}	
	
	.groupItem {
		margin: 0;
		padding: 0;
		margin-bottom: 9px;
		background-color:#ffffff;
		background-image:url(../images/blockbg.gif);
		background-repeat:repeat-x;
		
	}
	
	.itemHeader {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px;
		color:#003a63;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-left: 11px;
		position: relative;
		cursor: move;
		border-bottom:1px solid #d5d6d7;
	}
	
	.itemHeader a {
		position: absolute;
		right: 11px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration:none;
		color: #ffffff;
	}
	
  .sortHelper
	{
		border: 3px dashed #666;
		width: auto !important;
	}
	
/*	.groupItem .block_orange {
		border: 1px solid #d5d6d7;
		
	}
	
	.groupItem .block_orange .itemContent a:link { 
		color: #666666;
		text-decoration: none;	
		font-weight: normal;
		
	} 
	
	.groupItem .block_orange .itemContent a:visited { 
		color: #666666;
		text-decoration: none;	
		font-weight: normal;
	} 
	
	.groupItem .block_orange .itemContent a:hover {
		color: #000000;
		text-decoration: underline;
		font-weight: normal;
	} 
	
	.groupItem .block_orange .itemContent a:active { 
		color: #ffffff;
		text-decoration: none;	
		font-weight: normal;	
	}	
	
	.block_orange .itemHeader {
		background-color: #ffffff;
	}
	
	.block_orange .itemHeader a {
		color: #f3e3d4;
	}
	
*/	
	
	/* ----------------------------------------------------- blocks ---------------------------------------------------- */
	
	

	
	/*.block_gallery ul {
		margin: 0;
		padding: 0;
		list-style: none;
		padding-top: 10px;
	}
	
	.block_gallery li {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 110px;
		height: 84px;
		float: left;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
	.block_gallery p {
		margin: 0;
		padding: 0;
		clear: both;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
	.block_gallery img {
		border: none;
	}
	
	
*/
	
#content{
width:709px;
float:left;
margin-left:7px;
font-size:13px;
color:#003a63;
padding-bottom:10px;}

#content h1{
margin:0px 0px 0px -10px;
width:100%;
padding:0;
padding-top:10px;
padding-bottom:10px;
padding-left:25px;
font-size:16px;
border-bottom:#999999 1px solid;
background-image:url(../images/small_logo.gif);
background-repeat:no-repeat;
background-position: 0px 10px;
}

#content h2, #content h3, #content h4{
padding:0;
margin:0;
font-size:14px;}

#content a{
margin:0;
padding:0;
color:#0f354f;
}

#content a img{
margin:0;
padding:0;
color:#0f354f;
text-decoration:none;
border:0;
}

#content .content{
padding-top:10px;
padding-left:10px;}

#news{
font-size:12px;
color:#003a63;

}

#news h2{
font-size:12px;
padding-left:10px;
}


#news p{
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
}

#quizes{}


#quizes ul{
list-style:none;
padding:0;
margin:0;}

#quizes li{
padding:0;
margin:0;}

#bottomsection{
padding:0;
margin:0;
clear:both;
height:277px;
width:928px;
background-color:#00243d;
margin-left:10px;
background-image:url(../images/bottombg.gif);
background-repeat:none;}

#bottomsection h1 {font-size:24px; padding:0; margin:0; margin-bottom:10px;}

#linkbox{
padding-top:20px;
padding-left:20px;
height:232px;
width:255px;
color:#FFFFFF;
font-size:11px;
float:left;
}

#linkbox a{
color:#FFFFFF;}

#contactbox{
padding-top:20px;
padding-right:30px;
height:232px;
width:255px;
color:#FFFFFF;
font-size:11px;
float:right;
}

#missionbox{
padding-top:20px;
padding-left:50px;
height:232px;
width:255px;
color:#FFFFFF;
font-size:11px;
float:left;
}

#student{
padding-top:10px;
padding-left:10px;}

#student input{
width:250px;
margin-bottom:10px;
border:#005088 solid 1px;
}

#student label{
padding-right:10px;
}

#student .submit{
width:60px;
background-color:#002743;
border:#005088 solid 1px;
color:#FFFFFF;
margin-left:265px;
}

#footer{
padding:0;
margin:0;
clear:both;
height:36px;
background-color:#0a5b90;
width:928px;
margin-left:10px;
}
#footer p{
padding:0;
margin:0;
font-size:11px;
color:#FFFFFF;

padding-right:10px;
}
#footer a{
color:#FFFFFF;}
#footerleft{
width:600px;
float:left;}

#footerleft p{
margin-left:380px;
margin-top:10px;}

#footerright{
padding:0;
margin:0;
height:36px;
width:320px;
float:right;
color:#FFFFFF;
background-color:#0c6dac;
}

#footerright a{
padding:0;
margin:0;}

#footerright img{
margin:0;
padding:0;}

#footerright p{
margin-left:20px; margin-top:10px; text-align:right}

#layout {
	width: 717px;
	position: relative;
	float: left;
	border: 1px solid #cd1c69;
	margin-bottom: 10px;
	
}

.groupWrapper
{
	width: 350px;
	float: left;
	margin-right: 10px;
	min-height: 400px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	    margin: 0;
		padding: 0;
		margin-bottom: 9px;
		background-color:#ebebeb;
		background-image:url(../images/blockbg.gif);
		background-repeat:repeat-x;
		border: 1px solid #d5d6d7;
}
.groupItem .itemHeader
{
	padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px;
		color:#003a63;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-left: 11px;
		position: relative;
		cursor: move;
		border-bottom:1px solid #d5d6d7;
}

.groupItem .itemHeader a
{
	position: absolute;
	right: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;
}


.itemContent a:link { 
		color: #666666;
		text-decoration: none;	
		font-weight: normal;
		
	} 
	
.itemContent a:visited { 
		color: #666666;
		text-decoration: none;	
		font-weight: normal;
	} 
	
.itemContent a:hover {
		color: #000000;
		text-decoration: underline;
		font-weight: normal;
	} 
	
.itemContent a:active { 
		color: #ffffff;
		text-decoration: none;	
		font-weight: normal;	
	}

.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}

		/* page */

	.block_page ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.block_page li {
		margin: 0;
		padding: 0;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		
		padding-left:200px;
	}
	
	.block_page .inside {
		
		
	}
	.block_page p {
	width:330px;
	padding-left:10px;}
	
	.block_page img{
	padding-left:10px;
	padding-top:10px;}

#gallery{
width:709px;
padding:0;
margin:0;
padding-bottom:60px;

}

#gallery .picture{
border:none;
}

#gallery ul {
	margin: 0;
	padding: 0;
	padding-left:10px;
	list-style: none;
}

#gallery li {
	margin: 0;
	padding: 0;
	padding-bottom:20px;
	list-style: none;
	float: left;
	width: 130px;
	height: 130px;
	text-align: center;
	display: table-cell;
	vertical-align:middle;
}


#gallery a {
text-decoration:none;
color:#663300;
}

#gallery p {
margin:0;
padding:0;
width:420px;
padding-left:8px;
padding-bottom:50px;
}



#gallery img{
border: #FFFFFF 1px solid;
}

#gallery_album{
padding:0;
margin:0;}



#gallery_album p{
padding:0;
margin:0;}

#gallery_album h2{
padding:0;
margin:0;
font-size:14px;}



#gallery_album {
padding: 6px;
font-size: 13px;
padding-left:5px;
padding-bottom:50px;
}

#gallery_album ul {
	margin: 0;
	padding: 0;
	padding-left:10px;
	list-style: none;
}

#gallery_album li {
	margin: 0;
	padding: 0;
	padding-bottom:20px;
	list-style: none;
	float: left;
	width: 137px;
	height: 137px;
	text-align: center;
	display: table-cell;
	vertical-align:middle;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
#lightbox a {
text-decoration:none;
color:#000000;
font-size:16px;

}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.html);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.html", sizingMethod="scale");
	}
	
	
/*-----induction quiz ----*/
#content2{
width:709px;
float:left;
margin-left:15px;
font-size:13px;
color:#003a63;
padding-bottom:10px;}

#content2 h1{
margin:0;
padding:0;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
border-bottom:#999999 1px solid;
background-image:url(../images/small_logo.gif);
background-repeat:no-repeat;
background-position: 0px 10px;
}

#content2 h4{
padding:0;
margin:0;
font-size:14px;}

#content2 a{
margin:0;
padding:0;
color:#0f354f;
text-decoration:none;
}	

.login2{
margin:0;
padding:0;}

 .login2 h3
{
margin:0;
padding:0;
padding-top:10px;
font-size:14px;
}
#loginform2{
margin:0;
padding:0;
padding-top:10px;
padding-left:20px;}

#loginform2 label{
padding:0;
margin:0;
padding-right:20px;
margin-bottom:5px;
}

#loginform2 input{
padding:0;
margin:0;
border:1px solid #323232;
margin-bottom:5px;
}


#login2 p {
padding:0;
margin:0;
color:#FFFFFF;
padding-left:20px;
}

#Enqform label {
width: 200px;
float: left;
}

#Enqform input {
border: 1px #999999 solid;
}

#Enqform form {
padding:0;
margin:0;}

#Enqform p{
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;}

#Enqform h2{
padding:0;
margin:0;
color:#0e3149;
text-decoration:underline;
font-size:16px;
}

#Enqform h3{
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
color:#0e3149;
}

#Enqform .submit{
color:#ffffff;
background-color:#0e3149;
}

#induction{}

#induction h1{
padding-left:20px;}

#induction h3{
padding:0;
margin:0;
padding-bottom:5px;}

#induction p {
padding:0;
margin:0;
padding-bottom:5px;}

#induction .submit{
color:#FFFFFF;
background-color:#0e3149;
border:1px #FFFFFF solid;}

.img-left {float:left; margin-right:10px}
.img-right {float:right; margin-left:10px}

.red {color:#b92b2b}
.blue {color:#1968a1}
.green {color:#579c0c}
.orange {color:#e18809}
.black {color:#000000}