*{
	margin:0;
	padding:0;
}
html{
	height:100%;
	background:#dfe6ee url('images/HTML_bgTiler.gif') repeat-x center top; 			
}
body{
	height:100%;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#303030;
	background:transparent url('images/BodyBGBig3.jpg') center  50px no-repeat;		
}
/*------Structure------*/
#Container{
	width:931px;
	min-height:100%;
	position:relative;
	margin:0 auto;
	background:transparent url('images/ContainBGTiler.png') repeat-y;
}
#Header{
	height:50px;
	background:transparent url('images/TopMenuBGTiler.gif') repeat-x;
}
#Body{
	padding: 0 0 55px 0;
}
#Footer{
	height:55px;
	bottom:0;
	width:100%;
	position:absolute
}
/*------Structure------*/
#LogoImgBar{
	height:164px;
	margin:0;
	padding:0;
}
#LIBlogo{
	width:173px;
	height:164px;
	float:left;
}
#LIBSlideShow{
	width:758px;
	height:164px;
	float:left;
}

/*---Welcome and Quick Links---*/
#WelcomeQLinks{
	height:183px;
	background:transparent url('images/WQLDropShad.gif') repeat-x center bottom;
	margin:0 13px 0 13px;
}
#Welcome{
	float:left;
	width:619px;
	height:169px;
	background:transparent url('images/WelcomeBGTiler.gif') repeat-x;
}

#QuicLinks{
	float:left;
	width:275px;
	height:169px;
	margin-left:10px;
	background:transparent url('images/QuickLinksBGTiler.gif') repeat-x;
}
#QuicLinksCopy{
	width:252px;
	padding:15px 0 0 15px;
	height:106px;
	float:left;	
	/*background:transparent url('images/QuickLinksBGPills.jpg') no-repeat right top;*/
}
#QuicLinksCopy h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	padding-bottom:10px;
	font-weight:normal;
	color:#5B1703;
}

#QuicLinksRightBend{
	float:left;
	width:8px;
	height:121px;
	background:transparent url('images/QuickLinksRightBend.gif')
}
/*---- Notice Board, News and Events ----*/
#NoteEventsNews{	
	background-color:#E5E5E5;
	min-height:300px;	
	margin:0 13px 0 13px;
}
#Notices{
	color:#243470;
	text-align:center;
	background:#C5C5C5 url('images/NoticeShad.gif') repeat-x center bottom;
	height:35px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:normal;
}
#GBWelcome{
	width:250px;
	padding:15px;
	float:left;
	min-height:260px;
	background:transparent url('images/GBoxRightBorderTiler.gif') repeat-y right top;
}
#GBNews{
	width:270px;
	padding:15px;
	float:left;
	min-height:240px;
	background:transparent url('images/GBoxRightBorderTiler.gif') repeat-y right top;
}
#CardConf{
	float:left;
	width:346px;
	padding:10px;		
	min-height:240px;	
	background:transparent url('images/GBoxRightBorderTiler.gif') repeat-y right top;	
}


#GBContactDetails{
	width:220px;
	padding:15px 15px 10px 15px;
	float:left;
	min-height:100px;
}
#ContactSetup{
	/*border-bottom:1px gray dotted;*/
}
#ContactCat{
	width:25px;
	margin-left:10px;
	float:left;
	color:#102861;
}
#ContactDevider{
	float:left;
	width:10px;
}
#ContactDet{
	width:160px;
	float:left;
}



#GBEvents{
	width:270px;
	padding:0 15px 10px 15px;
	float:left;
}
#GBWelcome h3, #GBEvents h3, #GBNews h3, #GBContactDetails h3{
	font-family:Arial, Arial narrow, Helvetica, sans-serif;
	font-size:16pt;
	color:#222;
	padding:5px 0 10px 0;
	font-weight:normal;
}
/*-------Welcome Styling---------*/
#WelcomeSubNote{
	padding-bottom:5px;
	color:#102861;

}

/*----------News Styling---------*/
#NewsArt{
	border-bottom:1px gray dotted;
	padding-top:5px;
}
#NewsHeadDate{
	font-weight:bold;
	padding:5px 0 5px 0;
	color:#102861;
	font-size:10pt;
}
#NewsDet{
	color:#4A4A4A;
	line-height:1.4em;
}
#NewsRMore{
	width:120px;
	float:right;
	color:#A41639;
	text-align:right;
	padding-bottom:10px;
	padding-top:5px;
}

/*--------Events Setup---------*/
#EventsHead{
	font-size:10pt;
	font-weight:bold;
	color:#102861;
	padding-bottom:5px;
}
#EventCat{
	width:60px;
	float:left;
	color:#102861;
}
#EventDevider{
	float:left;
	width:10px;
}
#EventDet{
	width:150px;
	float:left;
}
/*------------Sub Page--------------*/
#LogoImgBarSP{
	height:120px;
	background:#ADBBD9 url('images/SubPageTopBGTiler.jpg') repeat-x;
}
#SPLogoLeft{
	float:left;
	width:521px;
	height:120px;
	background:transparent url('images/SubPageTopLogoTLB.jpg') no-repeat left top;
}
#SPTopRight{
	float:right;
	width:410px;
	height:120px;
	background:transparent url('images/SubPageTopRight.jpg') no-repeat left top;
}

#SupPageHeader{
	height:50px;
	background:transparent url('images/SPHeadBGTiler.gif') repeat-x center top;
	margin:0 13px 0 13px;
}
#SupPageLeftBend{
	float:left;
	width:10px;
	height:50px;
	background:#FFF url('images/SPHeadLeftBend.gif') no-repeat left top;
}
#SupPageCenter{
	float:left;
	width:880px;
	height:37px;
	padding-top:13px;
	padding-left:5px;
}
#SupPageRightBend{
	float:left;
	width:10px;
	height:50px;
	background:#FFF url('images/SPHeadRightBend.gif') no-repeat left top;
}

/*----Sub Page Content setup----------*/
#SubPageContent{
	margin:10px 13px 10px 13px;
}

#SubPageLeftMenu{
	float:left;
	width:230px;
}
#SubPageTop{
	background:#FFF url('images/SPLeftMenuHead.gif') no-repeat;
	height:12px;
}
#SubPageBody{
	background:#FFF url('images/SPLeftMenuBody.gif') repeat-y;
}
#SubPageFoot{
	background:#FFF url('images/SPLeftMenuFoot.gif') no-repeat;
	height:12px;	
}

#RightBody{
	padding:10px 0 0 15px;
	float:left;
	width:660px;
}
#RightBodyOnline{
	padding:10px 0 0 15px;
	float:left;
	width:98%;
}
#RightBody h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:normal;
	color:#000050;
	padding-bottom:15px;
}
#RightBodyOnline h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:normal;
	color:#000050;
	padding-bottom:15px;
}
#RightBody h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:normal;
	color:#8D2D05;
	padding-bottom:10px;
}
#RightBody h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:normal;
	color:#0E8BC5;
	padding-bottom:10px;
}


#BodyClear{
	clear:both;
	height:15px;
}
#LayOutDivLeft{
	width:260px;
	float:left;
	margin-right:20px;
	line-height:1.6em;
}
#LayOutDivRight{
	width:340px;
	float:left;
	line-height:1.6em;	
}

/*---------Organisation Box layout-----------*/
#OrgBoxLeft, #OrgBoxRight{
	float:left;
	margin:0 10px 10px 0;
	background-color:#E6EBF5;
	padding:10px;
	width:290px;
	min-height:140px;
	border:1px #8C9CC1 solid;
}

td{
	padding:2px;
}
#univer{
	vertical-align:top;
	line-height:1.4em;
}
.BorderSet {
	border-collapse: collapse;
	border: 1px solid #979797;
}
.Headers{
	font-weight:bold;
	background-color:#EFEFEF;
	font-size:9pt;
}
#GreyTableHead{
	font-weight:bold;
	background-color:#D2D2D2;
	font-size:9pt;
}
#GreyTableBody{
	background-color:#EFEFEF;
	font-size:9pt;
}

#GreyLine{
	height:1px; border:0; color:#A0A0A0; background-color:#A0A0A0;
}

#SearchLink{
	background:#f0f0f0;
	padding:10px;
	border:1px #cccccc solid;
	width:250px;
}

/*------------Document Table Setup-----------*/

.DocTableSetup, .FeesTableSetup{
	width:655px;	
}
#DocTableHead{
	background-color:#BECEE5;
	font-weight:bold;
}
#DocTableBody{
	background-color:#E7EFFF;
}
.WidthCat{
	width:120px;
}
.WidthTitle{
	width:475px;
}
.WidthOption{
	width:150px;	
}
.WidthType{
	width:30px;
}

.FeesDescrip{
	width:355px;	
	text-align:center;
}
.FeesExlVat{
	width:100px;
	text-align:center;
}
.FeesVat{
	width:100px;
	text-align:center;
}
.FeesIncVat{
	width:100px;
	text-align:center;
}

.FeesDate{
	width:175px;
	text-align:center;	
}

/*---HOD---*/
#HODPhotos{
	float:left;
	width:96px;
	height:140px;
}
#HODDetails{
	float:left;
	margin-left:20px;
	width:540px;
	min-height:200px;
}
#HODDetailsName{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#7f7f7f;	
	padding-bottom:5px;
}
#HODDetailsTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	padding-bottom:15px;
}
#HODClear{
	clear:both;
	height:15px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#a41578;
	font-weight:regular;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #5b5410; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #5b5410;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubbleP.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_fillerP.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubbleP.png) no-repeat bottom;
}