/****************************************
Made by Baldeep Birak
© Baldeep Birak 2008 and beyond
Colour Changes (since w3c does not recognise
lightsteelblue - #B0C4DE
lightslategrey - #778899
lightcyan - #638000
More colours available:
- http://www.draac.com/colorconvert.html
****************************************/

/******************** Center Page Content ********************/
#container{
	min-width:760px;
	max-width:1020px;
	margin: -10px auto 0px auto;
}

/******************** Body of Page ********************/
body {
	background:#E5E5E5;
	color: black;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	z-index:0;
}

/******************** HTML Content on page ********************/
.pageContent {
	background: #FFFFFF;
	color:black;
	margin:-10px auto -10px auto;
	min-height:540px;
}

.pageContent a:hover {
	text-decoration:none;
}

.pageContent a {
	color:blue;
}

/******************** Navigation Bar (AKA Page Header) ********************/

.pageHeader {
	background: top repeat-x #660066;
	font: bold 8pt Arial;
	height: 24px;
	margin:10px auto -10px auto;
	position: relative;
}

.headerTitle a{
	color: #FFFFFF;
	float:left;
	font: bold 8pt Arial;
	margin: 5px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	text-align:left;
	text-decoration: none; 
}

.headerLinks{
	float:right;
	margin: 5px 15px 0px 0px;
}

.headerItem{
	color:#FFFFFF;
	margin-left: 10px;
	padding: 5px;
	text-decoration:none;
}

/******************** Homepage Banner ********************/
.capBanner{
	background: no-repeat #E9EFEF;
	color: #000;
	height: 110px;
	margin:-6px auto 0px auto;
	max-width:1020px;
	min-width:760px;
}

.capLogo{
	float: left; 
	margin: 5px 0px 0px 5px;
}

.capText{
	font: bold 22pt Arial;
	text-align:center;
	margin:auto 90px auto auto;
}

.portLogo{
	margin: -90px 5px 0px 0px;
	float:right;
}

/******************** Begin Side Menu ********************/

.sideMenu{
	background: top repeat-x #FEFDFB;
	border: 1px solid #FFCC99;
	height:480px;
	max-height:540px;
	margin: -14px 0px 0px 0px;
	text-align:center;
	width:140px;
}

.menuHeader{
	color: #000099;
	font: bold 14pt verdana, arial, sans-serif;
	text-decoration: none;
}

.menuLink{
	color: #006699;
	font: 10pt Arial;
	text-decoration: none;
}

/**NEWMENU - Below**/

.sideMenuBar { /**Shows Underline**/
	border: 2px solid #CCCCCC;
	height: 0px;  
	margin: -4px 0px 0px 0px;
}

.sideMenu li {
	margin-left: -40px;
	list-style-type: none;
}

.sideMenu li:hover{
	background-color: #824182;
}

.ulNavFooter, .ulNavFooter li{
	display: block;
	margin-left: -20px;
	padding: 4px;	
	text-align: left;
}

.ulNavHeader, .ulNavHeader li{
	display: block;
	font: bold 14px Arial;
	margin-bottom: 3px;
	padding: 4px;	
	text-align:left;
}

.ulNavFooter a{
	color: #000;
	display: block;
	margin-left: 10px;
	text-decoration:none;	
}

.ulNavHeader a{
	color: #000;
	display: block;
	text-decoration:none;	
}

.ulNavHeader a:visited, .ulNavFooter a:visited{
	color: #000;
}

.ulNavHeader a:hover, .ulNavFooter a:hover{
	color: #FFF;
	text-decoration: underline;
}

.activeLink{ /**Becomes highlighted and indents**/
	background-color: #994C99;
	border-bottom: 4px solid #994C99;
	border-top: 4px solid #994C99;
	margin: -4px -4px -4px -4px;	/**Prevents double up of block**/
	padding:0px 0px 0px 10px;
}

	/******************** Page with Side Menu ********************/

	.contentCenteredWMenu{
		margin-left:140px;
		margin-top:-485px;
	}

/******************** End Side Menu ********************/

/******************** Contact ME and Add user ********************/

.contentCentered{
	width:600px;
	text-align:left;	
	margin: auto;
}

.contentCentered400px{
	width:400px;
	text-align:left;	
	margin: auto;
}

/******************** Headings ********************/
h1 {
	color: #000099;
	font-family: verdana, arial, sans-serif;
	font-size: 26px;
	text-align: center;
}

h2 {
	color: #000099;
	font-family: verdana, arial, sans-serif;
	font-size: 20px;
	text-align: center;
}

h3 {
	color: #000000;
	font-family: arial;
	text-align: left;
	margin-left: 20px;
}

/******************** Image Settings ********************/
.img{   /**Footer Buttons**/
	border: 0px;
	margin: 4px 0 0 0;
	vertical-align: middle;
}

.imageAboutCenter{
	border:0px;
	text-align:center;
	width:620px;height:95px;
	margin:auto;
}

.imageCaptcha{
	cursor: pointer;
	float: right;
	margin:0px;
	/*width:150px;height:150px;*/
	border: 0px;
}

.imageLeft{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	border: 0px;
}

.imageRight{
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	border: 0px;
}

.imageRef img{
	border: 0px orange solid;
	vertical-align: bottom;
}

/**********Actual Images**********/

.imgIcons{   /**Footer Buttons**/
	border: 0px;
	margin: -1px 0 0 0;
	vertical-align: middle;
}

.uoplogo{
	float:left;
	height:24px;
	width:24px;
	margin:0px -15px 0px 0px;
}

/******************** Submit Buttons ********************/
.inpSumbit{
	font-family: arial, sans-serif;
	background-color: #663366;
	border: 1px outset #000;
	color: #fff;
	padding: 2px;
}

.inpSumbit:hover{
	cursor: pointer;
	background-color: #824182;
}
/******************** Forms ********************/
.loginbox{
	background: top repeat-x #FFFFCC;
	border-top:1px solid #FFCC66;
	border-right: 1px ridge #FFCC66;
	border-bottom:1px ridge #FFCC66;
	border-left: 1px solid #FFCC66;	
	color:#000099;
	font-family: bold, arial, sans-serif;
	margin:auto;
	text-align:center;
	width:410px;
}

.moveaway{ 
/*****Used to move the content out the way and hidden so the user cannot see it*****/
	position:absolute;
	left:-200px;
	top:-200px;
	width:1px;
	height:1px;
	visibility: hidden;
}

/******************** Table ********************/
.tableCentered{
	font-family: arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.tableCentered a:visited{
	color:blue;
}

.tableCentered th{ /***1st Column left. Others centered***/
	background-color: #C0C0C0;
}

.tableCentered td.left{
	text-align: left;
}

.tableCompare {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.tableCompare th{
	background-color: #C0C0C0;
}

.tableCompare td.left{
	text-align: left;
}

.tableLogin{
	border-top:1px solid #000000;
	border-right: 1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left: 1px solid #000000;		
	height:189px;
	margin:0px -1px 0px 0px;
	text-align: center;
	width:410px;
}

.tableHelp{
	margin:auto;
	width:600px;
}

.tableHelp td.center{
	height:200px;
	text-align:center;
	width:500px;
}

.tableHelp td.left, .tableHelp td.right{
	width:50px;
}

/*****Table Tags*****/
tr.color0 td {
	background-color: #FCF6CF;
}

tr.color1 td {
	background-color: #FEFEF2;
}


.th{
	font: bold 20pt Arial;
	text-align: center;
}

/******************** Standard Tags ********************/
p, .paragraph {
	line-height: 14px;
	margin: 10px 20px 20px;
	text-align: justify;
}

p a:visited {
	color:blue;
}

/******************** Page Footer ********************/

.pageFooter {
	background: top repeat-x #660066;
	font: bold 8pt Arial;
	height: 24px;
	margin:-10px auto -10px auto;
}

.footerItem{
	color:#FFFFFF;
	float:left;
	margin: 5px 20px 0px 20px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}

.vertcenter{	/**Used to v-align footer text as it does not without floats**/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:310px;
}

/******************** ERROR PAGES - 404 ********************/

.error404{
	border: 1px dashed black;
	text-align:left;
	margin:auto;
}

.error404 th{
	color: rgb(204, 0, 0);
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 18px;
	font-style: italic;
}

/******************** Filetypes: icons ********************/
/**http://www.iconfinder.net**/

/* External links - keep first as icon hidden if file download*/
a[href^="http://"], a[href^="https://"] {
background: url(/project/images/icons/external.png) center right no-repeat;
display:inline-block;
padding-right:15px;
line-height:15px;
}

/* Archive documents links */
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] {
background:transparent url(/project/images/icons/filetypes/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Excel document links */
a[href$='.xls'] {
background:transparent url(/project/images/icons/filetypes/xls.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* PDF document links */
a[href$='.pdf'] {
background:transparent url(/project/images/icons/filetypes/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Powerpoint document links */
a[href$='.ppt'] {
background:transparent url(/project/images/icons/filetypes/ppt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Text Files and RTFs */
a[href$='.rtf'], a[href$='.txt'] {
background:transparent url(/project/images/icons/filetypes/txt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Word document links */
a[href$='.doc'], a[href$='.docx'] {
background:transparent url(/project/images/icons/filetypes/doc.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Contact us and Mailto: links */
a[href^="contactus.php"] {
background:transparent url(/project/images/icons/filetypes/mail_2.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/******************** INDIV PAGES ********************/

/* Contact Form */
.formComments{
	float:right;
}