/* CSS Document for web design 2007*/
 #thumbBox
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    Z-INDEX: 10;
    BACKGROUND: #313131;
    LEFT: 0px;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 0px;
    WIDTH: auto;
    CURSOR: pointer;
    PADDING-TOP: 10px;
    POSITION: absolute;
    TOP: 0px
}
#thumbBox .footerbar
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    FONT: bold 16px/1.1em Tahoma;
    COLOR: white;
    PADDING-TOP: 5px;
    LETTER-SPACING: 5px;
    TEXT-ALIGN: right
}
#thumbBox #thumbImage
{
    BACKGROUND-COLOR: white
}
#thumbLoading
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 5px;
    Z-INDEX: 5;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: black 1px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #efefef
}
	#contentleft {
		width:333px;
		padding:5px;
		float:left;
		background:#ffffff;
	}
		

	#cos {
		width:678px;
		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:220px;
		height:330px;
		padding:0px,0px,0px,0px;
		float:left;
		background-image:url(img/newupbg_short.jpg);
/*		background-image:url(img/bar.jpg);*/
		background-position:center;
		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;
	}

	
/* 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;
}

.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;
}


/*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: 163px;

}
.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;
}
.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:#FFCC66;
}

/*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:#FFCC00;
}


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;
}




.substitle {
font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #0066cc;
}


.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(images/shade.jpg);
	text-decoration: none;
}
.shade:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff9900;
	background-image: url(images/shade.jpg;
	text-decoration: none;
}
/*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(ticimg/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(ticimg/anchor_bg.jpg);
}

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

}

  @media screen
  {
    blink { behavior:url(javascript/blink.htc);}
  }
  
.newsb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9933;
	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;
}
.ticright {
	background-image: url(ticimg/left.jpg);
}

.mtitle
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-style: normal;
	background-color: #006699;
}

.btitle
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	background-color: #000000;
	font-style:italic;



}

.eg-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;
}

div.eg-bar{
width: 708px;
}

.bottom
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #10253f;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #10253f;
}

.timeprog{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #004674;
	text-decoration: none;
	background-color: #99CCFF;
}

.titleprog {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.titleprog:hover {
	font-family: Arial;
	font-size: 10px;
	color: #FFCC66;
	font-weight: bold;
	text-decoration: none;
}

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