
/* CSS Document -positionals*/


#TITLE {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:115px;
	z-index:10;
}
body > div#TITLE_gallery {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:115px;
	z-index:10;
}
#TITLE_gallery {
 	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:115px;
	z-index:10;
}

#COL_1 {
	position:absolute;
	left:20px;
	top:116px;
	width:190px;
	height:293px;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: 20px;
	
}
body > div#COL_1_gallery {
	position:fixed;
	float:left;
	left:20px;
	top:116px;
	width:190px;
	height:293px;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: 20px;
	vertical-align:top;
}
#COL_1_gallery {
position:absolute;
	float:left;
	left:20px;
	top:116px;
	width:190px;
	height:293px;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: 20px;
	vertical-align:top;
}

#COL_3 {
	position:absolute;
	
	left:420px;
	top:116px;
	width:400px;
	font-family: Georgia;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	margin: 0px;
	z-index: 5;
	padding-bottom: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align:top;
}
#COL_2 {
	position:absolute;
	left:210px;
	top:116px;
	padding:0px;
	width:190px;
	line-height: 20px;
	font-size: 15px;
	vertical-align:top;
}
body > div#COL_2_gallery {
	position:fixed;
	left:210px;
	top:116px;
	padding:0px;
	width:190px;
	line-height: 20px;
	font-size: 15px;
	vertical-align:top;
}
#COL_2_gallery {
position:absolute;
	left:210px;
	top:116px;
	padding:0px;
	width:190px;
	line-height: 20px;
	font-size: 15px;
	vertical-align:top;
}
#COL_4 {
	position:absolute;
	left:420px;
	top:116px;
	width:190px;
	font-family: Georgia;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	margin: 0px;
	z-index: 5;
	padding-bottom: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#COL_5 {
	position:absolute;
	left:630px;
	top:116px;
	padding:0px;
	width:190px;
	font-family: Georgia;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	margin: 0px;
	z-index: 5;
	padding-bottom: 100px;
}
.bod #COL_3_gallery {
	position:absolute;
	left:420px;
	padding-top:116px;
	font-family: Georgia;
	font-size: 14px;
	line-height: 17px;
	color: #CCCCCC;
	margin: 0px;
	padding-bottom: 100px;
	z-index:1;
}
#LOGO-ROUND {
	position:absolute;
	left:773px;
	top:-4px;
	width:66px;
	height:72px;
	z-index:11;
}

body > div#LOGO-ROUND_gallery {
	position:fixed;
	left:773px;
	top:-4px;
	width:66px;
	height:72px;
	z-index:11;
}
#LOGO-ROUND_gallery {
	position:absolute;
	left:773px;
	top:-4px;
	width:66px;
	height:72px;
	z-index:11;
}
#HOME_BOX_1{
	position:relative;
	left:0px;
	top:0px;
	width:320px;
	z-index:1;

}
#HOME_BOX_2{
	float:right;
	left:360px;
	width:320px;
}

#HOME_BOX_3{
	float:right;
	left:0px;
	padding-top:60px;
	width:320px;
	padding-bottom:10px;
}

#HOME_BOX_4{
	position:relative;
	clear:both;	
	left:0px;
	top:0px;
	width:320px;
}

#HOME_BOX_5{
	float:right;
	left:360px;
	width:320px;
}

#HOME_BOX_6{
	float:right;
	left:0px;
	padding-top:60px;
	width:320px;
	padding-bottom:10px;

}










/*formatting text*/
body > .h1_30_30, .h1_white_30_30 , .h1_white_30_30_line {
	font-size: 28px;
	line-height: 30px;
	letter-spacing:-1px;
	margin: 0;
	font-weight: normal;
	
}

 .h1_30_30, .h1_white_30_30 , .h1_white_30_30_line {
	font-size: 28px;
	line-height: 30px;
	letter-spacing:-0.2px;
	margin: 0;
	font-weight: normal;
	
}

.h1_white_30_30 {

}
.h1_white_30_30_line{
color:#FFFFFF;
}

.h2_15_20, .h2_white_15_20 {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
.h2_white_15_20 {
	color:#ffffff;
}
.p12_15 {
	font-size: 12px;
	line-height: 15px;
}
.supertitle_12_15 {
	color: #ffffff;
	text-decoration: underline;
	line-height: 15px;
	font-size:20px;
}

.supertitle_12_15 span {
	color: #333333;
	text-decoration: none;
	line-height: 15px;
	font-size:12px;
}




/*Format background colour*/

body#PINK div#TITLE_gallery{
background-color:#f95bfe !important;
}

body#GREY div#TITLE_gallery{
background-color:rgb(204,204,190) !important;
}

body#BLUE div#TITLE_gallery{
background-color:#33CCFF !important;
}

body#ORANGE div#TITLE_gallery{
background-color:#faad22 !important;
}

#PINK{
background-color:#f95bfe !important;
}

#GREY{
background-color:rgb(204,204,190) !important;
}

#BLUE{
background-color:#33CCFF !important;
}

#ORANGE{
background-color:#faad22 !important;
}




/*Extra tag formatting-rules*/

.halfline {
	line-height:9px;
	font-size:0px;
	margin:0 auto;
	padding:0 auto;
}
.quartline {
	line-height:4px;
	font-size:0px;
	margin:0 auto;
	padding:0 auto;
}
.captionspace {
	line-height:0px;
	font-size:0px;
}
.highlight{
color:#ffffff;
font-style:italic;
}
.highlight_line{
	color:rgb(255,255,255);
/*	text-decoration:underline; */
	line-height:15px;
	
}
.highlight span {
	color:#ffffff;
	text-decoration:none;
	line-height:20px;
	font-size:15px;
}


hr {
	border:0;
	background-color:#000000;
	color:#000000;
	margin-bottom:-4px;
	margin-top: -5px;
	line-height:1px;
	height:1px;


}




html>body hr {
	background-color:#333333;
	height: 1px;
	padding:0px;
	border: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;

}






/*gallery*/
.galleryimage{
float:left;
}
.gallerytext{
float:left;
margin: 0 0 20px 0;
margin-top:-15px;
vertical-align:bottom;
padding-top:10px;

}

.galleryitem{
clear:both;
}
.galleryitem img{
margin:0 10px 20px 0;
}


/*links*/
a {
	font-style:normal;
	color: #333333;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	font-style: italic;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}





/*other*/
.Nav_selected {
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
}
.Nav_select {color: #FFFFFF; text-decoration: none; font-style: italic; }

td{
width:28px;
text-align:center;
height:10px;
font-size:14px;
}
tr{
height:10px;
}
.timetable_tutor {
	font-style: italic;
	color: #333333;
	font-size: 12px;
}
.timetable_title {
	font-size: 14px;
	color:#333333;
}
.timetable_times {
	font-size: 12px;
}
.caption_right {
	font-size: 12px;
	line-height: 15px;
	text-align:right;
	padding-top:10px;
	padding-right:2px;
	color:#FFFFFF;
}
.timetable_title_white {
	font-size: 14px;
	color: #FFFFFF;
}



body, p, img, a {
	margin:0px;
	padding:0px;
	
}
body, p, a {
	color:#333333;

}
body {
	background-image: url();
	background-color: #f95bfe;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
}
.caption_events{
	font-size:10px;
	text-align:left;

}
