/* CSS Document for web design 2007*/
/*
body {
		text-align:center;
		background-color:#E0DFE3;
		margin-left:auto;
		margin-right:auto;
		margin:500px;
		}*/
 
	#top {
		background-color:#FFFFFF;
		width:923px;
		height: 26px;
 		}
	
	#date {
		margin-top:6px;
		margin-left:22px;
		width:auto;
		float:left;
		}
		
	#quicklink{
		margin-bottom:1px;
		margin-top:-20px;
		margin-left:0px;
	 	margin-right:10px;
    	top:-15px;
		width: 100px;
		height: 10px;
		position:?;
		}
		
	#global
	{
		margin-left:550px;
		margin-top:3px;
	}	
	
	#frame {
		width:1000px;
		margin-right:0px;
		margin-left:-10px;
		/*margin-left:auto;
		margin-right:auto;*/
		margin-top:-13px;
		padding:0px;
		text-align:left;
		}
		
	#contentleft {
		width:333px;
		padding:5px;
		float:left;
		background:#ffffff;
	}
		
	#intra {
		width:350px;
		margin-left:0px;	
		padding:0px,10px,0px,5px; /*t,r,b,l*/
		}

	#about {
		width:333px;
		margin-left:0px;
		padding:0px,5px,10px,0px; 
		float:left;
		background:#ffffff;
		position:?;
		
		}
		
	#cos {
		padding:0px,0px,0px,0px; 
		float:left;
		background:#ffffff;
		}
		
	#campus {
		width:680px;
		left:38px;
		padding:5px;
		float:left;
		background:#ffffff;
		position:fixed;
		top:380px;
		}	
		
	#features {
		width:680px;
		left:38px;
		padding:5px;
		float:left;
		background:#ffffff;
		position:fixed;
		top:500px;
		}
	#bk {
		width:680px;
		left:38px;
		padding:5px;
		float:left;
		background:#ffffff;
		position:?;
		top:500px;
		}
		
	#newsupdate {
		width:311px;
		height:300px;/* ori: 356px */
		padding:0px,0px,0px,0px;
		float:left;
		background-image:url(img/newupbg_short_bigH300.jpg); /* newupbg_content_big.jpg */
/*		background-image:url(img/bar.jpg);*/
		background-position:top;
		background-position:top;
		position: ?; 
		bottom: 0px;
		top:300px;
		background-repeat:no-repeat;
		}
	
	#contentright {
		width:200px;
		padding:5px;
		float:left;
		background:#fff;
		}
	
	#contentheader {
		background:#fff;
		}
	#contenttop {
		background-image:url(img/w_qa.jpg);
		width:1000px;
		height:49px;
		}
		
	#left	{
		background-image:url(img/w_content_left.jpg);
		width:38px;
		height:380px;;
		float:left;
		padding:0px;
		}
		
	#center	{
		width:923px;
		height: 375px;
		float:left;
		padding:0px;
		background-color:#FFFFFF;
		}		
		
	#right	{
		background-image:url(img/w_content_rig.jpg);
		width:38px;
		height:380px;;
		float:left;
		padding:0px;
		position:fixed;
		top:226px;
		}
		
	#bottom	{
/*		background-image:url(img/w_bottom.jpg);
*/		width:1000px;
		height:49px;
		float:left;
		padding:0px;
		position:?; 
		top: 600px; 
		left: 0px;
		font-family: Arial;
		color: #666666;
		font-size: 9px;
		font-weight: bold;
		text-transform: none;

		}
				
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
		
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
	
	#contentright p { font-size:10px}
	
	#banner {
	font-family: Arial;
	font-size: 12px;
	color: #CCCCCC;
	background-image: url(img/w_banner.jpg);
	height:149px;
	width:1000px;
	}
	
	#content {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	background-color:#FFFFFF;
	}
	
	.contblk {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}

	
/* Classes corner */

/*Site map properties*/

A.ctour
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0571BC;
	font-weight: bold;

}

A.ctour:hover 
{
	color:#ffcc66;
}

/*Top propoerties*/
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #648eb8;
	text-decoration: none;
	font-weight: bold;
	padding:10px,0px,0px,px; 
	}
.top:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
}

.quick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #648eb8;
	text-decoration: none;
	font-weight: bold;
	}
.quick:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
	background-color:#CCFFFF;
}

/*date propoerties*/

.date {
	font-family: Verdana, serif;
	font-size: 10px;
	font-weight: bold;
	color: #648eb8;
	text-decoration: none;
}
/*
.date:hover  {
	font-family: Verdana, serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}*/

.yattention {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #006ca2;
	text-decoration: underline;
}


.yattention:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
	text-decoration: underline;
}
/*End of date propoerties*/

.bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004674;
	text-decoration: none;
	background-color: #cce1f2;
	text-align:center;

}

.att {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004674;
	text-decoration: none;
	background-color: #e4eef6;
	text-align:center;
	border: 4px;
	border-color: #CCCCCC;
}


.barNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004674;
	text-decoration: none;
	/*	background-color: #cce1f2;
*/	text-align:center;
	

    
}


.norepeat {
	background-repeat: no-repeat;
}

.links
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
/*	font-weight: bolder;*/	
	font-style: normal;
	text-transform: none;
	vertical-align:top;	
	}

.links:hover 
{
	color:#FF9900;
}
/* Css for the newsupdate*/

.links1
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
/*	font-weight: bolder;*/	
	font-style: normal;
	text-transform: none;
	vertical-align:top;	
	}

.links1:hover 
{
	color:#FFFFFF;
}

/*Top propoerties*/
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #648eb8;
	text-decoration: none;
	font-weight: bold;
}


/* Newsupdate Properties*/
.irc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #004674;
	text-decoration: none;
	background-color: #99CCFF;
	width: 250px;

}
.irc:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #FF0000;
	text-decoration: none;
}

/*Address*/
.address {
	font-family: Arial;
	color: #666666;
	font-size: 9px;
	font-weight: bold;
	text-transform: none;
}
.address:hover {
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	color: #0066ff;
}

.repeat-y {
	background-repeat:repeat-y;
}

.tic {
	background-repeat:no-repeat;
	background-image: url(img/tic_bg.gif);
	background-position: center;
	width: 290px;
}

.view {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	width: 600px;
}

.view:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0066FF;
	text-decoration: none;
	width: 600px;
}
.tview {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004674;
	text-decoration: none;
	background-color: #CCE1F2;
	width: 600px;
}
.sview {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #336600;
	text-decoration: none;
	background-color: #CCFFCC;
	width: 600px;
}


/*Left frame properties*/
.leftitle
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #004577;
	font-weight: bolder;
	letter-spacing: 0.2em;
}
.nav {

	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #648eb8;
	font-weight: bold;
	background-attachment: fixed; 
	background-position: 30% 30px; 	
	background-repeat: repeat
}
.nav:hover {

	color:#FF6633;
}

/*alumni extra link*/
.nav1 {

	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #648eb8;
	background-attachment: fixed; 
	background-position: 30% 30px; 	
	background-repeat: repeat
}
.nav1:hover {

	color:#FF6633;
}


A.studIB
{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0571BC;
	font-weight: bold;

}

A.studIB:hover 
{
	color:#ffcc66;
}


A.b1 
{

	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #010066;
	font-weight: normal;
}
A.b1:hover {
	color:#CC3300;
	text-decoration: underline;

}

/*Content Page properties*/

.contitle
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #012277;
	font-weight: bold;
	text-decoration: none;


}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.supersub {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-style: none;

}

.supersub16 {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-style: none;

}

.super2sub {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;

}
.super2bsub {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.subcontitle {
	font-family: Arial;
	font-size: 12px;
	color: #012277;
}
.subtitle {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #0066cc;

}
.shade {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #012277;
	background-image: url(img/shade.jpg);
}

/*Small font for note or small attention*/
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BF0000;
	font-style: italic;

}

.red2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BF0000;
	
}
.anchor {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #012277;
	background-repeat: repeat-x;
	background-color: #e4eef6;
	/*background-image: url(img/anchor.jpg);*/
}

/*anchor bg*/
.ancbg {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: repeat;
	/*background-color: #99CDFF;*/
	/*background-image: url(img/anchor_bg.jpg);*/
}

/*News Content  - turn from blue to yellow*/
.news {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0066ff;
}

.news1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0066ff;
	text-decoration:none;
}

.news:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC66;
}
.ntitle {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(img/ntitle.jpg);

}
.super2sub:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0066ff;
}


/*clickable link from greyblack(#666666) will turn blue(#0066ff) upon mouse over*/
.update {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
.update:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0066ff;
	text-decoration: underline;
}

/*news update style*/
.newsup {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}
.newsup:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFF00;
}

/*Lifelong Learning style*/
.white {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.blue {
	font-family: Arial;
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}
.blue:hover {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

/*right hand side table style*/
.righttable {
	font-family: Arial;
	font-size: 11px;
	color: #0066ff;
	text-decoration: none;

}
.righttable:hover {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #ccffff;
/*	background-image: url(img/anchor_bgo.jpg);*/
}

/*About style*/
.brown {
	color: #660000;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Alumni style*/
.alumni {
	font-family: Arial, Helvetica;
	font-size: 24px;
	color: #BF0000;
	font-weight: bold;
}
/*Campuses address style*/
.address {
	font-family: Arial;
	color: #666666;
	font-size: 9px;
	font-style: normal;
	text-transform: none;
}
/*Ctour style*/
.cttitle {
	font-family: Verdana, serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	font-style: none;

}

/* for job vacancies title */
.jsubtitle {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

/*index properties*/
.date {
	font-family: Verdana, serif;
	font-size: 9px;
	font-weight: bold;
	color: #F7F8FC;
	text-decoration: none;
}


/*Forms or interactive quest*/
.formtitle {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #996699;
	text-decoration: none;
}

.formtable {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-style: ARIAL NARROW;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	BGCOLOR: #CCCCCC;
	text-decoration: none;
	background-color: #CCCCCC;
}

/*Forms or interactive quest*/
.developed {
	font-family: Verdana;
	font-size: 9px;
	font-style: italic;
	color: #010066;
	text-decoration: none;
}

.redinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
}
.blink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;

}
 
.newsb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #660033;
	text-decoration: none;
}
.enote {
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
}

/*more link*/
.more {
	font-family: Arial;
	font-size: 11px;
	color: #0066ff;
	text-decoration: none;

}
.more:hover {
	font-family: Arial;
	font-size: 11px;
	color: #0066ff;
	text-decoration: underline;
	
}
/*courses style*/
.courses {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFEC;
	text-decoration: none;

}
.courses:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #f8f791;
}
/*SPUS left bar style*/
.leftbar {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #006ca2;
	text-decoration: none;

}
.leftbar:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.press {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #004674;
	text-decoration:none;
	/*	background-color: #cce1f2;
*/	/*text-align:center;*/
	

    
}

.press:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
		color: #FF0000;
	text-decoration:none;
	/*	background-color: #cce1f2;
*/	/*text-align:center;*/
	

    
}
.presst {
	background-repeat:no-repeat;
	background-image: url(img/news-centre.jpg);
	background-position: center;
	width: 285px;
}
.inew {
	background-repeat:no-repeat;
	background-image: url(img/news.jpg);
	background-position: center;
	width: 290px;
}
.sbs {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;

}
.sbs:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ff6633;
}

.sbsu {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;

}
.sbsu:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;

}

.sbscontitle {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}


.sbscontent {
	font-family: Times New Roman;
	font-size: 13px;
	font-weight: none;
	color: #666666;
	text-decoration: underline;
	background-color:#FFFFFF;
	}
	.r-bar{
background-color: #FCC;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0066ff;
	text-decoration: none;
border: 2px solid  #F00;
padding: 3px;
}	



	.h-bar{
background-color: #f3fdff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0066ff;
	text-decoration: none;
border: 1px solid #b8e7ef;
padding: 3px;
}
	.h1n1{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F00;
	text-decoration: none;
}
	.h1n1:hover{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0066ff;
	text-decoration: none;
}

.photo{
	background-repeat:no-repeat;
	background-image: url(pubinfo/pubimg/photography.jpg);
	background-position: center;
	width: 285px;
}

.photot{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000;
	text-decoration:none;  
}

.photot:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
		color: #00F;
	text-decoration:none;
}