

/* Defines the variables dependingon cookie colour setting */

 
 
 
 
 
 
 
 
 
 
 









/* Apply the variables to the actual stylesheet */


body, pre {  	
	font-family: "Arial", Trebuchet MS, Helvetica, sans-serif;





		
	font-size:100%;

	padding:0;
	margin:0;
	background-color:#fafaaa; 
	color:#000;
 }

pre { 
	background-color:#fe8;
	padding:1em;
	margin:.5em 2em;
 }

a { 
	color:#00c;
	background:inherit;
 }

a:focus, a:active, a:hover { 
	color:#a00;
	
}

a:visited {
	
	color:#309;
	
}

h1, h2, h3, caption { 
	padding: 5px 5px 5px 15px;
	margin:0;
}

h1 { 
	font-size: 145%; 
	font-weight:normal; 
	background-image:url(/images/h1_back.png);
	background-repeat: repeat-x;
	 
	background-color:#fe8;
	color:#000;
	border-bottom:#206 solid 1px;
	 



}

h2, caption {  
	font-size: 130%; 
	background-color:#fc3;
	color:#000;
	font-weight:normal;
	background-image: url(/images/goldflare.png);
	background-repeat: no-repeat;
	background-position:top right;
 }

caption {
	width:100%;
}


h3 {  
	border-width: 0px 1px 1px 0px;
	padding: 3px 15px;
	margin-right:1.5em;
	background-color:#009;  
	color:#fff;
	font-weight:normal; 
	font-size:120%;
	background-image: url(/images/bluebar2.png);
	background-repeat: repeat-x;	
	-moz-border-radius-bottomright:.2em;
 }



h4 { 
	font-size:115%;
	border-bottom: solid 1px #fc3;
	padding:0 1em;
	margin:1em 0 0 0;

 }

h5 { 
	display: inline;
	font-size:100%;
	font-weight:bold;
	padding: 0 1em;	
	background-color:#fc3;

 }

img {  
	border-width:0;
	padding:0;
	margin:0;
	display:block;
 }

/* Main page areas */

#area_nav { 
	background-color:#206;
	color:#fff;
	margin:0;
	padding:0px;	
 }

#area_nav a { 
	color:#fff;
	text-decoration:none;
 }

#area_nav a:hover, #area_nav a:focus, #area_nav a:active { 
	color:#104;
	background-color:#fff;
 }

#area_maincontent { 
	position:relative;
	float:right;
	width:80%;
	padding-bottom:1em;
	background-color:transparent;
 }

#area_financemaincontent { 
	position:relative;
	float:right;
	padding-bottom:1em;
 }

#area_maincontent img { 
	border:1px solid #000;
	margin:1em;
 }

#area_maincontent p, #area_maincontent table { 
	padding:0 .5em;
 }

#area_maincontent dt { 
	margin:.5em 0 .2em 0;
	padding:0 1em;
	font-weight:bold;
	background-color:#fe8;
	border-bottom:1px solid #fc3;

}

#area_maincontent dd { 
	padding:0 1em;
	margin:0 0 1em 0;
	font-weight:normal; 
}

#area_maincontent ol#code dd { 
	margin:.5em 0;
	padding:0 1em;
	font-weight:bold;
	display:inline;
	clear:both;
	display:block;
	background-color:#fe8;
	border-bottom:1px solid #fc3;

}

#area_maincontent ol#code dt { 
	padding:0 1em;
	margin:1em 0;
	border-width: 0px 1px 1px 0px;
	background-color:#206;  
	color:#fff;
	font-weight:normal; 
	font-size:110%;
	display:inline;
	clear:both;
}


.lightboxout { 
	background-color:#eef;
	padding-bottom:1em;
	margin-right:3em;
	margin-left:1em;
	margin-bottom:1em;
	border:1px solid #aaf;
 }

.boxout { 
	border:1px solid #009;
	background-color:#fe8;
	margin:1em;
	padding:1em;

 }

.miniboxout { 
	border:1px solid #fc3;
	background-color:#fd6;
	margin:0;
	padding:1em;
 }

.boxout h4 { 
	background-color:#fc3;
	color:#000;
	padding:0 1em;
	margin:0;
 }

.boxout h5 { 
	border:1px solid #fc3;
	background-color:#fd6;
	margin:0;
	padding:0 1em;
	display:block;
 }

.pdfbox { 
	float:right;
	background-color:#eef;
	margin:1em;
	padding:1em;
	border:1px solid #aaf;
}


#area_sidebar { 
	width:19%;
	border-right: solid 1px #fc3;
	-moz-border-radius-topright:.5em;

 }

#area_financesidebar { 
	width:19%;
	border-right: solid 1px #fc3;
	margin-top:1px;
 }

#area_header { 
	color:#004;
	background: #ddf url(/images/7907_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height:5.7em;
 }

#area_footer { 
	clear:both;
	padding: .2em 1em;
	margin-top:2em;
	border-top:#546 solid 5px;
	background-color:#104;
	background-repeat: repeat-x;		
	color:white;
	position:relative;
 }

/* Main area selectors */

#contents ul { 
	list-style-type:none;
 }

#contents ol { 
	list-style-type:decimal;
 }

#area_footer p { 
	padding: 0;
 }

#area_header img { 
	border:0;	
	padding:0;
	margin:0;
	top:0;
	height:84px;
	display:inline;
 }

#area_indexcontent ul { 
	margin: 0 3%;
	padding:0;
	list-style-type:none;
 }

#area_indexcontent li { 
	border-color:#fe8;
	margin:.5em;
	padding:0em 0em 0em 3px;
 }

#area_indexcontent li h3 { 
	padding: 1em 0 0 1em;
	margin:0;
 }

#area_indexcontent li p { 
	padding: 0 0 1em 1em;
	margin:0;
 }

#area_indexcontent li h3, #area_indexcontent li p { 
	border-left: solid 1px #284444;
 }

#area_nav ul { 
	list-style-type: none;
	margin:0;
	padding:0;
 }

#area_nav li { 
	display:inline;
	padding: 0 .3em ;
	border-right: solid white 1px;

 }
div#area_header div#images { 
	float:left;
 }

div#area_header div#links { 

 }

div#area_header ul { 
	background-color:transparent;
	text-decoration:none;
	margin:0;
	padding:0 0 .5em 30px;
	font-size:95%;
	list-style:none;
 }

div#area_header ul#l1 {
	padding:1.5em 0 0 0;
}	

div#area_header li { display:inline; position:relative;}

div#area_header li a { 
	background-color:transparent;
	color:#004;
	padding: 0 5px 0 18px;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	text-decoration:none;
 }

div#area_header li a:hover, div#area_header li a:focus, div#area_header li a:active { 
	background-color:#444;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;		
	color:#fff;
	opacity:0.8;
	-moz-opacity:0.8;
 }

#area_header a { 
	color:#004;
	background-color:transparent;
 }

#area_header li a:hover, #area_header li a:active, #area_header li a:focus { 
	color:#1144af;
	background-color:#fff;
 }


#area_header .lastitem {  
	border: none;
 }

#area_sidebar ul { 
	margin: 0;
	padding: 0;
	list-style-type:none;
	text-align:left;
	/*
	background-image:url(/images/redbar.png);
	background-position:top right;
	background-repeat:x-repeat;
	padding-top:10px;
	*/
 }

#area_sidebar li { 
	display:block;
	margin:0 0 0 0;
	margin-right:0;
	padding:0;
	font-weight:bold;
	background-color:#fe6;
	border-bottom: solid 1px #fc3;
	text-align:left;
	font-size:95%;
 }

#area_sidebar li a, #area_sidebar li span, #area_sidebar li h5 { 
	padding:.2em .5em .2em 1em;
	text-decoration:none;
	display:block;
	font-weight:normal;
}



/*
#area_sidebar li a {
	background-image:url(/images/goldsidebar.png);
	background-position:top right;
	background-repeat:no-repeat;	
 }
*/


a:hover, a:focus, a:active { 
	background-color:#a00;
	color:#fff; 
 }

#area_sidebar a:focus, #area_sidebar a:hover, #area_sidebar a:active {
	background-color: #01cb01;
	background-image: url(/images/greenbar.png);
	background-repeat: repeat-x;	
	color:#000;
}

#area_sidebar li h5 { 
	background-color:#206;
	color:#fff; 
 }

#area_sidebar li span  { 
	background-color:#009;
	color:#fff; 
 }

#area_sidebar li span.normal { 
	background-color:#fe6 !important;
	color:#000 !important;
 }

#area_sidebar li h5 { 
	margin:0;
	font-weight:boild;
	text-align:center;	
	background-color: #a90000;
 }

#area_sidebar li ul li { 
	width:80%;
	font-size:95%;
	background-color:#009;
	color:#fff;
 }

#area_sidebar ul#masternav li { 
	background-color:#fd6;
 }

#area_sidebar ul#masternav li span, #area_sidebar ul.indexnav li span { 
	background-color:#009;
	color:#fff; 
 }

#area_footer ul { 
	list-style-type:none;
	margin:.3em 1em .3em 30px;
	padding:0;
 }

#area_footer li { 
		display:inline;
		font-size:80%;
		border:#546 1px solid;
		padding:0px 5px 0px 0px;
		margin-right:1em;
		background-color:transparent;
 }

#area_footer li span { 
	border-right:1px solid #4f028e;	
	padding:0px .5em 0px .5em;
 }

#area_footer li a { 
	text-decoration:none;
	color:white;
 }

/* ID and classes */

.unobox { 
	float:right;
	border:1px solid #000;
	margin: 0 0 .5em .3em;
 }

.img { 
	border:1px solid #000;
 }

.fl { 
	float:left;
}

.fr {
	float:right;	
}

.obox { 
	float:left;	
 }

.nolist { 
	list-style-type:none;

 }

ul.nolist li { 
	margin-bottom:.8em;
	padding-right:1em;
 }

.boxout p { 

 }

#preflang { 
	margin-bottom:1em;
 }

#preflang th { 
	background:#206;
	color:#fff;
 }

#preflang td { 
	border-bottom:#fc3 solid 1px;
	padding:2px 2em 2px 2px;
 }


#mini_copy { 
	background-color:#aa0000;	
	color:white;
	font-weight:bold;
 }

#mini_a { 
	background-color:#00aa00;	
	color:white;
	font-weight:bold;
 }

#mini_b { 
	background-color:#0000aa;	
	color:white;
	font-weight:bold;
 }

#mini_c { 
	background-color:#00aaaa;	
	color:white;
	font-weight:bold;
}

#mini_d { 
	background-color:#fbf9fd;	
	background:url(../images/plogo_mini.png);
	color:black;
	font-weight:bold;
	background-position: bottom left;
	background-repeat:no-repeat;
	border-width: 0px 0px 0px 1px;
 }

p.boxout { 
	margin:2em;
	width:80%;
	display:block;
	border:2px solid #fc3;;
	font-size:100%;
	background-image:url(/images/h1_back.png);
	background-color:#fe8;
	background-repeat:repeat-x;		
	color:#000;
	

 }

#area_maincontent p.boxout {
	padding:1em;

}

table { 
	margin:1em;
	padding:0;
	border-collapse:collapse;
	caption-side:top;
	empty-cells:hide;
	table-layout:auto;
	height:1%;
 }

table caption { 
	text-align:left;
	margin-bottom:1em;
 }

table tr { 
	margin:0;
	padding:0;
 }

table th { 
	background-color:#fc3;
	margin:0;
	padding:0 .4em;
	border:1px solid #206;
	font-size:90%;
 }

table tr.overall th { 
	font-size:100%;
	background-color:#fe6;
 }

table td { 
	border:1px solid #206;
	padding:0;
	padding:0 .4em;
	text-align:center;
	vertical-align:top;
 }

table.la td {
	text-align:left;
}

table tr.total th { 
	background-color:#fe6;
 }

table tr.total td, td.total { 
	background-color:#fe8;
 }

table td#first { 
	border:none;
 }

.college { 
	font-weight:bold;
 }

.college th { 
	background-color:#206;
	color:#fff;	
 }

.college td { 
	background-color:#64c;
	color:#fff;
 }

.college tr.total td, .college td.total { 
	background-color:#42a;
	color:#fff;
 }

		

fieldset { 
	border: none;
	margin:0;
	padding:0;
 }

fieldset ul { 
	list-style-type:none;
	border:1px solid #fc3;
	margin:0;
	padding:0;
 }

fieldset ul li {
	padding:0 1em;
}

.lib { 
	background-color:#fe8;
 }

textarea {
	margin-left:2em;
}

fieldset ul li select { 
	border:1px solid #206;
}


input.submit { 
	float:right;
	margin:0;
	padding:.5 1em;
	font-size:130%;
	border:1px solid #fc3;
	border-top:none;
	background-color: #fe8;
 }

form {
	padding:0 0 2em 0;
}

form#options, form#default {
	padding:0;
}

.action { 
	background-color:#206;
	color:#fff;
	font-weight:bold;
	padding:0 1em;
 }


.even { 
	background-color:#fe8;
 }

table#resp tr:hover { 
	background-color:#fe8;
 }

td#resp a:hover, td a.on:hover { 
background-color:#42a;
 }

div#uoe { 
	float:left; 
	margin-left:0px;
	margin-top:1em;
	font-family:Tahoma;
	margin-right:1.2em;
}

div#uoe p.sub { 
	font-size:100%;
	font-family:Perpetua, "Lapidary 333 BT", "Times New Roman", Georgia, serif;
	font-weight:normal;
}

div#uoe p {
	padding:0;
	margin:0;
}

div#uoe p .i {
	font-style:italic;
}


div#uoe a { 
	text-decoration:none;
	font-weight:normal;
	color:#008;
}

div#uoe p.main a {
	font-size:200%;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

p.author { 
	border:#fc3 1px solid;
	background:#fe8;
}

div#news { 
	border-left: solid 1px #fc3;
 }

div#news ul {
	list-style-type:none;
	margin:1em;
	padding:0;
}

div#news ul li {
	padding-bottom:.6em;
}

div#news .firstitem { 
	padding-left:.3em;
	padding-right:.3em;
	background:#fe8;
 }

#area_maincontent p.summary { 
	background:#fe8;
	border-color:#fc3;
	border-style:solid;
	border-width:0 1px 1px 1px;
	margin-top:0;
	padding:1em;
 }

/* UoE Stuff */


#bar

{
	background-color: #008;
	background-image: url(/images/bluebar2.png);
	background-repeat: repeat-x;
	padding: 0;
	position: relative;
	z-index: 100;
	font-weight:normal;
}



#bar ul

{
	padding: 0 !important;
	margin: 0 0 0 0 !important;
}



#bar ul li

{
	list-style: none !important;
	list-style-image: none !important;
	padding: 0 !important;
	margin: 0 -4px 0 0 !important;
	display: inline;
}



#bar ul li a, #bar ul li span

{
	border-right: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	padding:0 .5em;
	text-decoration: none;
}



#bar ul li.on a

{
	background-color: #009;
	color: #fff;
	text-decoration: none;
}



#bar ul li span, #bar ul li a.current  

{
	background-color: #cb0000;
	background-image: url(/images/redbar.png);
	background-repeat: repeat-x;	
	color: #fff;
	text-decoration: none;
	padding-bottom:20px;
}

#bar ul li a:hover

{
	background-color: #01cb01;
	background-image: url(/images/greenbar.png);
	background-repeat: repeat-x;	
	color: #000;
	text-decoration: none;
	padding-bottom:20px;	
}

/*

#bar ul li ul

{
	display: none;
	background-color: #009;
}


*/

.a /* 'a' is for 'accessibility hint', hidden elsewhere */

{
	margin-left: -999px !important;
	font-size: 1px  !important;
	position: absolute;
}

#container { 
	background-image: url(/images/7907_bottom.jpg); 
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	padding-top:20px;
}

address { 
	border-left:1em solid #fc3;
	padding-left:1em;
	font-style:normal;
 }