﻿/* ================================
    Css STYLES FOR BRUNEL UNIVERSITY
    v1.0, 07/2004
   ================================

New BrandColour = 00529B
New TintColour = DCE1EF

Old BrandColour = 003399
Old TintColour = eeeeff
*/   
 /*Left Menu Links */
ul#leftmenu a{color : #000000;text-decoration : none;}
ul#leftmenu a:hover{color: #003399; text-decoration : none;}
ul#leftmenu ul a{font-weight: normal;color: #000000;text-decoration: none;}
ul#leftmenu ul a:hover{text-decoration : none;font-weight: normal;color: #003399;}
ul#topmenu a{color : #003399;text-decoration : none;}
ul#topmenu a:hover{color : #003399;text-decoration :underline;}
.Menu_Selected{color : #003399;text-decoration : none;}
.brandcolour{background-color: #003399;}
.CenteredTitle{font-weight: bold;font-size: 120%;color: #003399;text-align: center;}
.tintcolour, .tc{background-color: #DCE1EF;}
h1#PageTitle{margin: 0px;padding-top:5px;padding-bottom:10px;color: #003399;}
div.halfcol{width: 49.8%;float: left;padding: 0px; margin: 0px;}
div.Border{border: 1px solid #000000;margin: 0em 0.5em 1em 0.5em;}
div.Border div{padding: 0.2em;}
div.box {border: 1px solid #003399;padding: 0px;margin: 0em 0.5em 1em 0.5em;background-color: #003399;color:#FFFFFF;}
div.boxcontent{padding: 0.5em;color: #000000;background-color: #003399;}
img.logoTop
{
	position:absolute;
	top:0px;
	left:0px;
	display:inline;
}
td.spacer
{
	width:140px;
	margin:0;
	height:80px;
	padding:0px 3px 0px 3px;
}
td#sn2
{
	width:100%;
	min-width:720px;
	background-color:#0066cc;
	text-align:center;
	margin:0;
	padding:0;
}

td#sn2 img
{
	border:0;
	margin:1px 0 0;
}

td#sn2 ul
{
	list-style-type:none;
	height:20px;
	width:720px;
	margin:0 auto;
	padding:2px 0 0;

}

td#sn2 ul li
{
	float:left;
	list-style-type:none;
	border-right:1px solid #FFF;
	height:14px;
	margin:1px 0;
	padding:0 10px;
}

td#sn2 ul li.last
{
	border-right:0;
}
td.leftmenucol
{
	border:0px;
	width:140px;
	margin:0;
	padding: 0px 3px 3px 3px;
}

div#logo
{
	width:auto;
	height:auto;
	background-color:#CC0033;
	position:absolute;
top:22px;
background-image:none;
	float:left;
}
div.header
{
	position:relative;
	width:100%;
	min-width:720px;
	height:72px;
	background:#003399 url(/images/pageimage.jpg) no-repeat 160px 0;
}
div.header
{
	position:relative;
	width:100%;
	min-width:720px;
	height:73px;
	background-image:none;
	background:none;
}
div#logo img
{

	border:0;
	margin: 0px  0px;
}
/* Gareth Jones extra */

table#res_homelayout {
				width: 700px;
				font-family: verdana, arial, sans-serif;
			}
			table#res_homelayout td {
				vertical-align: top;
				border: 0;
				padding: 0;
			}
			td.res_home_links {
				width: 234px;
				font-size: 100%;
			    vertical-align: center;
				}
				
				table#res_homelayout td.res_home_links {

				text-align: center;
				vertical-align: middle;
				}
				
				td.res_home_links h2 {
				margin: 0;
				padding: 5px;
				color: #003399;
				font-size: 140%;
				font-weight: normal;
				

			}
			td.res_home_links h2 a, td.resnews h2 a:active, td.resnews h2 a:visited {
				color: #003399;
				text-decoration: none;
				}
			
			td.res_home_links h2 a:hover {
				color: #ff0000;
				text-decoration: none;
			}
			
			td.res_home_links a, td.res_home_links a:visited, td.res_home_links a:active  {
				color: #003399;
				text-decoration: none;
			}
			
			td.res_home_links a:hover {
				text-decoration: underline;
				
				}
				td.res_home_links p {
				margin: 0;
				padding: 0px;
				font-size: 90%;
			}
			
			td.resnews {
			  width: 300x;
			  background-color: #ffcc33;
			  
			}

			td.resnews h2 {
				color: black;
				font-size: 110%;
				font-weight: bold;
				text-align: center;
				margin: 0;
				padding: 3px;
			}
			td.resnews h2 a, td.resnews h2 a:active, td.resnews h2 a:visited {
				color: #000000;
			}
			
			td.resnews h2 a:hover {
				color: #ff0000;
				text-decoration: none;
			}
			
			td.resnews div {
				background-color: white;
				margin: 0 3px 3px 3px;
				padding: 3px;
			}
			
			td.resnews div p {
				margin: 0; padding: 0;
				font-size: 85%;
			}
		
			td.resnews a, td.resnews a:visited, td.resnews a:active {
				color: #000000;
				text-decoration: none;
			}
			td.resnews a:hover {
			color: #ff0000;
			text-decoration: underline;
			}
			
			td.resnews ul {
			margin: 0;
			padding: 0px 0px 0px 8px;
	
		
			
			}
			
		td.resnews ul li {
			font-size: 80%;
			font-weight: normal;
			color: black;
			padding: 0px 0px 8px 0px;
			
			}
			td.resnews ul li a, td.resnews ul li a:visited, td.resnews ul li a:active {
			color: black;
			text-decoration: none;
			}
			
			td.resnews ul li a:hover {
			color: #666666;
			text-decoration: underline;

			}

			
			td.res_home_side {
				background-color: #CCCCFF;
				width: 250px;
				
			
			}
			td.res_home_side h2 {
				color: #000000;
				text-align: center;		
				font-size: 100%;
				margin: 0;
				padding: 8px;
				
				
			}
			
			td.res_home_side h2 a, td.res_home_side h2 a:visited, td.res_home_side h2 a:active{
				color: #000000;
				margin: 0;
				padding: 0px;
				text-decoration: none;
				
				}
				td.res_home_side h2 a:hover {
				color: #ff0000;
			}

			td.res_home_side p {
				background-color: #ffffff;
				text-align: center;		
				margin: 0px 3px 3px 3px;
				padding: 5px;
				font-size: 85%;
			
	
			}
			
			table#res_centrelayout {
				width: 750px;
				font-family: verdana, arial, sans-serif;
			
			}
			table#res_centrelayout td {
				vertical-align: top;
				border: 0;
				padding: 0;
							

			}
			td.centre_head {
			  width: 100%;
			  }
			  
			  td.centre_head h2 {
				color: #003399;
				font-size: 140%;
				font-weight: bold;
				text-align: default;
				margin: 0;
				
			}
			  
			
			
			td.centre_head p {
				color: #000000;
				background-color: #ffffff;
				margin: 0; 
				padding: 5px;
				font-size: 90%;
			}
			
					
			
			td.res_centre_highlights {
			  width: 60%;
			  background-color: #ffffff;
			
			
			  }
			  
			  
			td.res_centre_highlights h2 {
				color: #ffffff;
				background-color: #003399;
				font-size: 120%;
				font-weight: bold;
				text-align: default;
				margin: 0;
				padding: 3px;
				border-top: medium solid #003399;
				border-left: medium solid #003399;
				
			}
			  
			
			td.res_centre_highlights ul {
				margin: 0;
				padding: 20px;
				border-left: medium solid #003399;
			}
			
		td.res_centre_highlights ul li {
			font-size: 100%;
			font-weight: bold;
			color: #000000;
			padding: 0px 0px 12px 5px;
			
			}
			
			td.res_centre_highlights p {
			font-size: 100%;
			color: #000000;
			padding: 5px;
			
			
			}
			
			
			
			

			
			td.res_centre_sidepanel {
				width: 30%;
			 	background-color: #ffffff;
			
			}
			td.res_centre_sidepanel h2 {
				color: #ffffff;
				background-color: #003399;
				font-size: 120%;
				font-weight: bold;
				text-align: default;
				margin: 0px;
				padding: 3px;
				border-top: medium solid #003399;
				border-left: medium solid #003399;
				
			
				
			}
			
			td.res_centre_sidepanel a, td.res_centre_sidepanel a:visited, td.res_centre_sidepanel a:active {
				color: #000000;
				text-decoration: none;
			}
			
			td.res_centre_sidepanel a:hover {
			color: #ff0000;
			text-decoration: underline;
			}
			
			

			
			td.res_centre_sidepanel ul {
				background-color: #ffffff;
				border-left: medium solid #003399;
				margin: 0px;
				list-style-type: none;
				padding: 10px 0px 3px 10px;
				
		
	
			}

			td.res_centre_sidepanel li {
				background-color: #ffffff;
				font-size: 85%;
				padding: 0px 0px 5px 3px;
	
			}
			
			/* added by Andrew Palmer */
			li.topright {
			 BORDER-RIGHT: #aaaaaa 1px solid; 
			 PADDING-RIGHT: 10px; 
			 PADDING-LEFT: 10px; 
			 PADDING-BOTTOM: 0px; 
			 MARGIN: 1px 0px; 
			 PADDING-TOP: 0px;
}

li#topright a{
	 text-decoration:none}
	 li#topright a:hover  {
	 text-decoration:underline
	 }
}
	

