html, body {
font-family:Arial, Verdana, Helvetica, Serif;
margin-top:5px;
background-color: #CCC;
font-size:small;
}

#wrapper{
width: 760px;
margin-left:auto;
margin-right:auto;
background-color: #FFF;
border-left:2px solid #369;
border-right:2px solid #369;
border-top:2px solid #369;
}

#header{
padding:5px;
margin:0;
height:79px;
}
.center{
	text-align:center;
}
img{
	border: 0;
}

p{
	text-align: justify;
	margin-top:0px;
	margin-bottom:8px;
	line-height:1.3em;
}
a{
	color:#369;
	text-decoration:none;
}
a:hover{
	color:#909;
	text-decoration:underline;
}
ul{
	padding-left: 1.2em;
	margin:0;
	padding-bottom: 1.5em;
}

ul ul {
	padding-bottom: 0;
}

#right-header{
float:right;
}

#leftheader{
float:left;
}

#topnav-container{
margin-top:0px;
margin-left:6px;
margin-right:6px;
background-color: #369;
height: auto;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
background-image:url(/images/navbar.jpg);
background-position:left;
background-repeat:no-repeat;
/*font-size:80%;*/
}

#topnav-container a{
color:#fff;
text-decoration: none;
padding-left:10px;
padding-right:10px;
}

#topnav-container a:hover{
color:#ff0;
text-decoration: underline;
}

#breadcrumb{
margin-top:-3px;
padding-left:16px;
padding-top:6px;
padding-bottom:3px;
padding-right: 3px;
}

#breadcrumb a{
font-size:90%;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	padding-top: 1.1em;
	padding-bottom: 0.2em;
}

h1{	/*Used for page name*/
	color:#369;
	font-size: 120%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight:normal;
}

h2 {	/*For blue bar (as on front page) use <h2 class="bluebar"> defined below*/
	font-size: 115%;
}

h3 {
	font-size: 108%;
}
h4{
	font-size: 95%;
}
h5, h6{
	font-weight:normal;
	color:#369;
	font-size: 95%;
}

p, li{
	padding-right: 7px;
}
li{
	margin-bottom: 0.5em;
}
div.restrict-width{
	display: block;
}
.restrict-width{
	width: 340px;
}
.clr {
clear: both;
}
.clr_right{
clear:right;
}

#left{
width:184px;
float:left;
margin-left:6px;
margin-right:6px;
margin-top:-8px;
}

#left ul{
list-style-type:none;
margin-left:20px;
padding:0;
margin-top:3px;
}

#left ul li {
font-size:85%;
margin-bottom:0.2em;
}

.bluebar{ /*Empty class allows squiz to pick up "bluebar"*/
}

#left h2, #news h2, h2.bluebar{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color:#fff;
margin-top: 8px;
margin-bottom:0px;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #369;
background-image: url(/images/white_corner.gif);
background-repeat: no-repeat;
background-position: top right;
}
#left h2{
font-size: 90%;
}
#news h2, h2.bluebar{
font-size: 110%	;
}
#content
{
margin-left:225px;
margin-right:0;
padding-right:8px;
margin-bottom:2em;
}

/*Prevent IE from trying to wrap around the left column*/
/* Hides from IE5-mac \*/
* html div#content{
/*height:0px;*/
}
/* End hide from IE5-mac */

#footer {
color:#fff;
background-color: #369;
padding:5px;
font-size:80%;
}

#footer a{
color:#fff;
}

#footer a:hover{
color:#ff0;
}

#right-footer{
float:right;
}

#right-footer ul{
list-style-type:none;
margin:0;
padding:0;
}

#right-footer li{
display:inline;
}

.green{
	color:#009900;
}
.small{
	font-size:75%;
}

/* INFORMATION BOXES */
.infobox{}/*Empty style that allows CMS selection*/

table.infobox{
	border: 1px black solid;
	margin-bottom:15px;
	border-collapse:collapse;
}
.infobox p, .infobox li, .infobox h1, .infobox h2, .infobox h3, .infobox h4{
	text-align:left;
}
.infobox td, .infobox th{
	background-color:#f6ffff;
	color:black;
	padding:2px;
	border:1px black solid;
}

.row2, .even{}/*Empty style that allows CMS selection*/
.row2 td, .even td{
	background-color: #e6f3f3;
	color:black;
}
.headerbox p, th.infobox p{
/*	text-align:center;*/
}
.headerbox td, .headerbox th{
	background-color: #369;
	color:white;;
}
.headerbox a{
text-decoration:underline;
	color:white;;
}
.headerbox a:hover{
text-decoration:none;
}

/* SITE SEARCH */
div#search-box{
vertical-align:top;
margin-top:5px;
padding:5px;
}

form{
padding:0px;
margin:0px;
vertical-align:top;
}
/* SITE SEARCH TEXT BOX */
input.site-search{
width:70px;
height:14px;
font-size:85%;
border:1px solid #369;
}

/* SITE SEARCH IMAGE SUBMIT BUTTON */
input.search-button{

}

/* GREY TEXT BELOW SEARCH FORM */
span.search-text{
font-size:80%;
color:#676767;
margin-top:-10px;
}

div.news, .news li{
width:98%;
padding:4px 2px 2px 2px;
border-bottom:#666666 groove 2px;
display:table-cell;
float:left;
}
div.news img, .news li img{
float:left;
padding-right:6px;
}
div.news h3{
padding-top:.25em;
}

#content p, #content li{
	/* margin-right:20px; */
}
div.no_drop, table.no_drop{
	width:99%;
}
#right-column{
	float:right;
	width:130px;
	margin-left:15px;
	margin-right:6px;
	margin-bottom:15px;
}

/* Hides from IE5-mac \*/
* html div#right-column{
	height: 1px;
	margin-right: -2px;
}
/* End hide from IE5-mac */

#right-column p, #right-column li{
	font-size: 85%;
	text-align: center;
	/* margin:0.4em; */
	padding: 0;
}

#right-column table{
	width:120px;
}

#right-column td{
	padding: 2px;
	margin: 0;
}

#right-column h2, #right-column h3{
	padding: .4em;
	margin: 0;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#right-column h2{
	font-size: 90%;
}
#right-column h3{
	font-size: 86%;
}

.images p{
	text-align:center;
}

/*Blank classes to allow selection from WYSIWYG*/
.left-img{}
.right-img{}

img.content-img, img.left-img{
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
img.right-img{
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 10px;
}
ul#sub-nav{
margin:0px;
padding:0px;
}

.menu-bkg{
margin-left:5px;
padding:0px;
}
.restrict-width{
	width: 380px;
}
.clr {
clear: both;
}

/******* For UCAS tariff tables ********/
table#ucas_tariffs{
	border: 1px outset black;
}
#ucas_tariffs td, #ucas_tariffs th{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 0px;
}
#column_headers th{
	border: 2px inset #CCCCCC;
	border-bottom: 0px;
/*	border-left: 2px inset #CCCCCC;
	border-right: 2px inset #CCCCCC;*/
	height:106px;
	margin: 0;
}
#group_headers th{
	border: 2px inset #CCCCCC;
	border-bottom: 0px;
	padding: 3em;
	width:9%;
}
#ucas_tariffs td{
	background-color:#D1E4CD;
}
#ucas_tariffs td.filled{
	background-color:#7AB66E;
}
#ucas_tariffs td.score{
	background-color: white;
	border: 2px groove #999999;
}

.internal	{ font-weight: bold; font-variant: normal; text-decoration: none; color: #FFFFFF; background-color: #FF3366}
a:link.white    { color: #FFFFFF; font-weight: bold; text-decoration: none;}
a:visited.white { color: #FFFFFF; font-weight: bold; text-decoration: none;}
a:active.white  { color: #FFFFFF; font-weight: bold; text-decoration: none;}
a:hover.white   { color: #FFFFFF; font-weight: bold; text-decoration: underline;}

/* BIG LINKS */

ul.links{

	list-style:none;

	padding:0;

	margin:0;

}

ul.links li{

	margin:3px 0px;

	padding:0;

}

ul.links li a{

	display:block;

	font-size:110%;

	font-weight:bold;

	padding:6px 6px 6px 20px;

}

/*** BLUE - WHITE ***/

div.bluewhite{

	background-color:white;

}



.bluewhite h2{

	background-color:#336699;

	color: white;

	background-image:url(/images/white_corner.gif);

	background-position:top right;

	background-repeat:no-repeat;

}

div.bluewhite ul.links li{

	background-color:#336699;

	color: white;

}

div.bluewhite ul.links li a{

	background-image:url(/images/cblue_arrow.gif);

	background-position:left;

	background-repeat:no-repeat;

	background-color:#336699;

	color:#FFFFFF;

}

div.bluewhite ul.links li a:hover{

	background-color:#003366;

}



div.bluewhite ul.smlinks li a{

	background-image:url(/images/smarrow_blue.gif);

}

div.group ul.smlinks li a{
    background-image:url(/images/smarrow.gif);
    background-position:left;
    background-repeat:no-repeat;
}
div.group ul.smlinks li a:hover{
    background-color:#EEEEEE;
}