﻿/* CSS layout */
#TopHead{
	background-image: url('images/topRight.jpg');
	background-position:right;background-repeat:no-repeat;
	padding-top:10px;	height:140px;
	text-align:left;	min-width:850px;
}
#AffilTable{
	margin:2px;		text-align:center;
	vertical-align:sub;	background-color:white;;
	}
}

#container {	position: relative;	width: 100%;	}

.PageTitleShade{
	height: 50px;
	width:100%;
	background-color: orange;
	padding-top: 15px; margin-top:0px;
	vertical-align: middle;
	font:normal bold 1.5em/1.2 Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;

}

.CustPageHeader{
	height: 50px;
	width:100%;
	padding-top: 15px; margin-top:0px;
	vertical-align: middle;
	font:normal bold 1.5em/1.2 Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}


.SubTitle{
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.MainDiv{	 width:80%; min-width:850px; margin-left:10%; background-color:white; text-align:center;}

.ColLogo{	width:152px; height:111px; float:left; vertical-align:middle; padding:10px 10px 0px 10px;	}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	height:23px;	vertical-align:middle;
	font-size: 10pt;
	text-align: center;
	border-top-style: ridge;
	background-image: url('images/footer_bg.gif');
}
#footer a:link{	font:bold 10pt Arial, Helvetica, sans-serif; color:#0066CC; text-decoration:none;}
#footer a:visited{	font:bold 10pt Arial, Helvetica, sans-serif;color:maroon;	}

#footer a:hover {
	font:bold 10pt Arial, Helvetica, sans-serif;
	padding:2px 0;	color: white;
	background-color: orange; text-decoration:overline;
}

h2{	font-family:"Lucida Sans"; font-weight:bold;font-size:18pt;color:#333333;}
h3{	font-size:20px;color:maroon;font-family:Arial;}

.top_nav {	height:24px;	margin-top:2px;	background-image:url('images/hdr_bg.gif');}

.FloatTopMenu{	float:left; margin-left:20%;}

.page_content {
	border-width: 1px;
	vertical-align: top;
	width: 100%;	height: 100%;
	padding: 0px 0px 5px 0px;
	font-family: Verdana;	font-size: 12px;
	text-align: justify;
	border-left-style: dotted;
}
.ContentsTextArea{	
	min-width:600px;
	font-family: Verdana;	font-size: 12px;	text-align: justify;
	padding: 10px 5px 5px 10px;

}
.mainBody {
/**/
	background-image:url('images/black-stripe.gif');
	margin:0;	font: normal normal 12/1.5em verdana #000080;
	text-align: justify;
	background-color:gray;
}

.mainCellBorder {	font:normal normal small verdana;	color: #000099;	text-align: justify;}

.SideIndex {
	margin:10% 0 0 20px;
	border: medium inset #000080;
	width: 170px; height:210px;	
}

.LeftSideTD{	width:170px; height:100%; vertical-align: top;}

.UKBANews {
	text-decoration:none; display:block; font:bold 10pt arial;
	color:#fff;background-color:navy;
	padding:2px;
}
.ApplyOnline{	vertical-align: baseline;	text-align:center;	margin-left:10%;}

.MarqueCell {
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;

	height: 200px;
	padding: 5px 4px 1px;
	background-image: url('images/marqBox.jpg');
}
.NewsTable{
	float:left;
	width:180px; height:130px;
	padding:0 15px 5px 0;
/*	margin:-25px 0px 0 0;
*/
	font:normal normal x-small Arial;
	color: #FF9900;
	background-image: url('images/ReqConfirm.gif');
	background-position:bottom right;
/*	border: 1px solid black;
*/
}

.NewsTH {
	height: 25px;
	text-align: center;
	padding-top: 0;
	background-image: url('images/newsTH.jpg');
	font-size: medium;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}
.NewsTD{
	text-align:justify;font-size:8pt;font-family:Arial;
	color:maroon;
	padding:5px 5px 0px 10px;
	border-left:1px solid black;
	text-decoration:none;
}

.RedBold12 {	font-size: medium;	font-weight: bold;	color: #FF0000;}

.RedBold10 {	font:normal bold small Arial;	color: #FF0000;}
.CollegeTitle {
	font: normal bold 2em Arial, Helvetica, sans-serif;
	color: #3C0000;		margin-top:40%;
	text-align: left;		vertical-align: middle;

}
a:hover {	font:normal bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;	background-color: #666699;}
	
a:visited {	font:10pt verdana;	color: black;}

.ITtable {
	background-attachment: fixed;
	background-image: url(images/e-sign.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.styleTable {	border: thick groove;}
.accabody {
	background-image: url(images/acca_logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin:0px;
}

.CourseTitle {
	color:#FFA500;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.CourseFeeTable {
	border:2px; font-family: verdana;
	color: #000099;
	text-align: left;
	width: 95%;
}
.TableTitle {
	text-align:center;
	font-family: Arial;
	font-size: large;	
	background-image: url('images/hdr_bg.gif');
}
.MainTable {
	border-style: hidden hidden hidden groove;
	border-color: #0000CC;
	width: 80%;
	border-spacing: 0px;
	border-width: 0px 0px 0px 1px;
	margin-left: 10%;
}
/*	
	INSIDE THE MAIN CELL WHERE WE WRITE THE BODY TEXT.. HAS TO BE THE FOLLOWING FORMAT.
*/
.MainContent {
	width:80%;
	font-family: verdana;
	font-size: small;
	font-weight: normal;
	text-align:justify;
	border-right-style: inset;
	border-right-color: #0033CC;
	border-right-width: thin;
	
}
/*	
	LATEST NEWS AND USEFUL LINKS BOXES
*/
.ReadMore {
	border-width: thin;
	text-decoration: none;
	font-family: tahoma;
	font-size: xx-small;
	color: #FF3300;
/*	border-bottom-style: inset;
*/	text-align: right;
	vertical-align: bottom;
}
.CourseDetailBox {
	background-position: right;
	width: 90%;
	margin-left: 10px;
	padding: 0px 10px 5px 10px;
	text-align: justify;
	font-family: Tahoma;
	font-size: small;
	background-image: url('images/e-sign.jpg');
	background-repeat: repeat-y;
}

.LinkedImages{	 float: left; border:0px; margin-right:10px;}
.NormalPara{	margin-left:10px; float:left; width:90%;	}

li {
	font-family: verdana;
	font-size: 10pt;
	color: #2A2A2A;
	text-align: justify;
	line-height: 14px;
	list-style-type: circle;
	list-style-image: url('images/nlcbs_pt.gif');
	list-style-position: outside;
	font-weight: normal;
}

P {	font-family:normal normal 10pt/14px verdana;	color: #2A2A2A;	text-align: justify;}

.MedBoldBlue{	color: #800000;	font-family: Arial;	font-size: medium;}

.SS_CourseTitle {
	font: normal normal 14px Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-align: left;
	font-weight: bold;
}

input{	font:normal bold 1.2em/1em arial;	color:maroon; border:1px;}
input:focus {	background-color:#C0C0C0;	color: #0000FF;}
textarea:focus {	background-color:#C0C0C0;	color: #0000FF;}
textarea{	font:normal bold 1.2em/1em arial;	color:maroon; border:1;}


.MarqueTable {
	text-align: center;
	height: 200px; width:180px;
	float:left;
	background-image: url('images/marqBox.jpg');
/*	padding:5px 4px 1px 1px;
*/

}

.UserForm{
	box-shadow: 5px 5px #818181;
	-moz-box-shadow: 5px 5px #818181;
	-webkit-box-shadow: 5px 5px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	
	padding:0 2px;
	border-style:ridge;
	border-width: 4px;
	background-color: #6699FF;
}

/*
	the following is  a sample for BOX-Shadow
*/
.shadow1{
	box-shadow: 5px 5px #818181;
	-moz-box-shadow: 5px 5px #818181;
	-webkit-box-shadow: 5px 5px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}

.Go2TopImage {
	border-width: 0px;
	margin-top: 0px;
	float: right;
	display: block;
}
.BackImageButton {
	border-width: 0px;	margin:0px;	float: left; width:30px; height:30px;
	padding-left:5px;
}
