/* Style sheet here */

/*#content {
width:596px !important;
}*/



#content #Heated img{
padding: 7px;	
	}


b{
	color: #131242;
}

#sectionTitle{
	background: #534A96;
	background-image:	url(../images/bannertop.jpg);
	background-position:right;
	background-repeat:	no-repeat;	
}
	
h2, #content h2, #contentWithColumn h2{	
/*	font-size: 22px;*/
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

h3, #content h3, #contentWithColumn h3{	
	color: #1D196A;
}

#content .rightColumn h3, #contentWithColumn .rightColumn h3, .rightColumn h3{
	color: black;
}

#contentWithColumn .rightColumn, #content .rightColumn{
	border-bottom: 2px solid #777;
}

#contentWithColumn .rightColumn ul, #content .rightColumn ul{
	list-style: disc;
}

#contentWithColumn .rightColumn ul li, #content .rightColumn ul li{
 	padding-left: 0px;
 	margin-left: 0px;
 	font-size: 10px;
 	background: url('na') no-repeat 0 6px;
}
#contentWithColumn {
width:439px !important;
margin-left:2px;
}

#sideBarContent{
	margin:0px !important;
}

#rightContent {
	margin-top: 2px;
	margin-right:10px;
	float:right;
	margin-top: 10px;
	}


#content ul, #content ul li ul, #contentWithColumn ul, #contentWithColumn ul li ul{
	list-style: none;
	position: relative;
}

#content ul li, #contentWithColumn ul li{
	background: url('../images/stylebullet.gif') no-repeat 0 6px;
	padding-left: 17px;
	padding-top: 3px;
}

#content ul li ul li, #contentWithColumn ul li ul li{
	background: url('../images/stylebullet2.gif') no-repeat 0 6px;
}

.photoHolderRight{
	padding: 			5px;
	margin: 			3px 0px 10px 10px;
	float: 				right;
	background: 		#E7E3EF;
}

.photoHolderLeft{
	padding: 			5px;
	margin: 			3px 10px 10px 0px;
	float: 				left;
	background: 		#E7E3EF;	
}

a:link, a:visited, a:active {
	text-decoration:	none;
	color:				#1a67b4;
}

a:hover {
	color:				#1a67b4;
	text-decoration:	underline;
}

#tableDates {
	border-collapse: 	collapse;
	width:				439px !important;
	margin-top:	20px;
}

#tableDates td {
	border-bottom:		1px dotted #aea79f;
	padding: 			5px 10px;
}

#tableDates th {
color: #ffffff;
	background:		#233289;
	padding: 			5px 10px;
}

#tableDates h4 {
	margin: 0;
	padding: 3px 0;
}
.UsefulInfo {
border:1px solid #D0E1FF;
	background: #f8faff;
	padding: 10px;
	margin-top: 5px;
	font-size: 1em !important;
	overflow:auto;
}
.UsefulInfo p{
	margin: 5px 0;
}

.formStyle{
	border: 0px;
	border: 1px solid #555;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	font-size: 11px;
	font-family:		Arial, Helvetica, Sans-serif;
	padding: 2px;
	margin:5px 0px 5px 0px ;
}

.submitButton{
	border-left: 		1px solid #CEE9CE;
	border-top: 		1px solid #CEE9CE;
	border-right: 		2px solid #333;
	border-bottom: 		2px solid #333;
	background-image: 	url('../images/buttonback.gif');
	cursor: 			pointer;
	font-size:			12px;
	font-family:		Arial, Helvetica, Sans-serif;	
	font-weight:		bold;
	margin-bottom:      5px;
	height: 			21px;
}

.dash{
	border-top: 1px dashed #ccc;
	
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.question{
	margin: px;
	padding: 0px;
	font-weight: bold;
border-style:solid;
border-width:1px 2px 2px 1px;
font-family:Arial,Helvetica,Sans-serif;
font-size:11px;
padding:2px;

}

#formbox{
	margin-left: 80px; 
	width: 420px; 
	background: #F0F0F5; 
	padding: 10px; 
	border: 1px solid #aaa;
	border-bottom: 2px solid #777;
}

	#profile{
		width:				164px;
		background: white;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		border:				1px #aaa solid;
		border-bottom: 2px solid #777;
		float:				right;
		margin-top:			10px;
		margin-left:			12px; 	
		margin-bottom:			12px;
		padding:			4px;
		overflow:			auto;
		text-align:			justify;
/* commented backslash hack v2 hide from mac ie5 \*/
	display:			block;
/* end hack */
	background-image:	url('../images/profilebk.gif');
	background-position: bottom;
	background-repeat:	repeat-x;		

}

#profile img{
	margin-left: 10px;
	border: 8px solid #DEDEEC;
	margin-top: 10px;
}

#profile p{
		font-family:		Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding-left: 10px;
		padding-right: 6px;
		color: #48484E;
}

#profile #title{
	font-weight: bold;
	color: black;
}



	.col{
		width: 138px;
		float: left;
	}
	
	.top, .largeArrow, .arrowBody, .arrow{ width: 138px;}
	
	
	.top{
		background-color: #d71523;
		color: white;
		height: 80px;
	}
	
	.largeArrow{
		background-color: white;
		background-image:	url('../images/largearrow.gif');
		background-position: top center;
		background-repeat:	no-repeat;
		height: 70px;
	}
	
	.arrowBody, .arrow, .textpart{
		background-color: #e8e4ee;
		color: #332273;
	}
	
	.arrowBody{
		background-image:	url('../images/arrowline.gif');
		background-position: top center;
		background-repeat:	repeat-y;	
	}
	
	.arrow{
		margin-bottom: 2px;
		background-image:	url('../images/smallarrow.gif');
		background-position: top center;
		background-repeat:	no-repeat;	
	}
	
	.text{
		padding: 2px;
		padding-top: 4px;
		padding-bottom: 4px;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
	}
	
	#content .col .textpart ul{
		list-style: disc;	
		padding-left: 22px;
		margin-left: 5px;
	}
	
	#content .col .textpart ul li{
		font-size: 10px;
 		background: url('na') no-repeat 0 6px;
 		padding-left: 0px;
 		margin-left: 0px;
	}		
	
.photoHolderRight{
	padding: 			5px;
	margin: 			3px 0px 10px 10px;
	float: 				right;
	background: 		#E7E3EF;
}

.photoHolderLeft{
	padding: 			5px;
	margin: 			3px 10px 10px 0px;
	float: 				left;
	background: 		#E7E3EF;	
}
	
	.nobottom{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.notop{
		margin-top: 0px;
		padding-top: 0px;
	}
	
	
	
	
/* Styles for the online learning pages */

.smallBox {
	width: 139px;
	height: 335px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 11px;
}

.smallBox a {}
.smallBox a:hover {}

.smallBox p {
		color: #333333;
		font-size: 11px;
		padding: 0 5px 0 5px;
		margin: 0;
}
.smallBox ul {
	margin: 0;
	padding: 2px;
	font-size: 11px;
}
#content .smallBox ul li {
	font-size: 11px;
	background: url(../images/stylebullet2.jpg) no-repeat 4px 8px;
}
.smallBox img {
	margin: 0;
	padding: 0;
}
.smallBox h4, .smallBox h4 a, .smallBox h4 a:hover, .smallBox h4 a:visited {
	height: 40px;
	margin: 0;
	color: #fff;
}
.smallBox h4 {
	border-bottom: 1px solid #fff;
	padding: 4px 0 0 8px;
}

.last {margin: 0;}

/* box colours */

.brownHeader {background: #996666;}
.blueHeader {background: #5A5F88;}
.greenHeader {background: #5F885B;}
.brownGreenHeader {background: #998E66;}
.purpleHeader {background: #996699;}
.aquaHeader {background: #5D7C8B;}
.oliveHeader {background: #8C9362;}
.lightBrownHeader {background: #997E66;}

.brown {background: #EAEAEA url("../images/bg/arrows/brown.gif") bottom right no-repeat;border-bottom: 3px solid #996666;}
.blue {background: #EAEAEA url(../images/blue-arrow.gif) bottom right no-repeat;border-bottom: 3px solid #5A5F88;}
.green {background: #EAEAEA url("../images/bg/arrows/green.gif") bottom right no-repeat;border-bottom: 3px solid #5F885B;}
.brownGreen {background: #EAEAEA url("../images/bg/arrows/brownGreen.gif") bottom right no-repeat;border-bottom: 3px solid #998E66;}
.purple {background: #EAEAEA url("../images/bg/arrows/purple.gif") bottom right no-repeat;border-bottom: 3px solid #996699;}
.aqua {background: #EAEAEA url("../images/bg/arrows/aqua.gif") bottom right no-repeat;border-bottom: 3px solid #5D7C8B;}
.olive {background: #EAEAEA url("../images/bg/arrows/olive.gif") bottom right no-repeat;border-bottom: 3px solid #8C9362;}
.lightBrown {background: #EAEAEA url("../images/bg/arrows/lightBrown.gif") bottom right no-repeat;border-bottom: 3px solid #997E66;}


h3 a:link, h3 a:visited, h3 a:active {
	color: #1D196A;
}
h3 a:hover {
	color: #cc0000;
}

.img-bottom-center {
    display: 				block;
    margin-left: 			auto;
    margin-right: 			auto;
}



/* end of box colours */

.homepage{
	margin-top:15px;
}