@charset "UTF-8";
/* CSS Document */
/* Rebecca Esler */
/* 26/08/08 */

body {
	background:url(../images/mcbg.jpg) repeat-x top left;
	margin:0;
	padding:0;
	font:12px/18px Arial, Helvetica, sans-serif;
}
img {
	border:0;
	margin: 0 4px 3px 0;
}

/*----- header -----*/
#flash {
	margin:0 auto;
	padding:0;
	width:959px;
	height:150px;
	background:url(../images/header.jpg) top left no-repeat;
}

/*----- frame - centres site -----*/
#frame {
	margin:0 auto;
	padding:0 3px;
	width:953px;
	background:url(../images/frame.gif) repeat-y top left;
}

/*----- navigation -----*/
#nav {
	margin:0;
	padding:0;
	width:953px;
	height:32px;
	background:url(../images/nav_bg.gif) repeat-x top left;
	text-transform:uppercase;
	font-size:90%;
}
#nav ul {
	margin:0;
	padding:8px 0 0 30px;
}
#nav li {
	margin:0;
	padding:0 25px 0 0;
	display:inline;
	float:left;
	list-style:none;
}
#nav a {
	text-decoration:none;
	color:#01496e;
	display:block;
}
#nav li:hover a, #nav a:hover {
	text-decoration:none;
	color:#009900;
}
#nav li ul {
	position: absolute;
	left:-999em;
	width:170px;
	font-weight:normal;
	border:0;
	float: left;
	clear:both;
	margin:0;
	padding: 15px 0;
	background:url(../images/dropdown_bg.gif) top left repeat-x;
	border-bottom:1px solid #d6d6d6;
}
#nav li.research ul{
	width:211px;
	background:url(../images/dropdown_bg_big.gif) top left repeat-x;
}
#nav li li {
	margin:0;
	padding:2px 10px;
}
#nav li ul a:link, #nav li ul a:visited {
	background:0;
	text-transform:none;
	color:#1f5c7d;
	width:150px;
	padding:0 0 0 1px;
	display:block;
	margin:0;
	text-align:left; /* left align lower levels */
}
#nav  li.research ul a:link, #nav  li.research ul a:visited{
width:189px;}
#nav li ul a:hover {
	color:#009900;
}
/* update next 2 rules to match number of levels in menu - this is for 3 levels */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}
#nav li:hover, #nav li.sfhover {
	position: static;
}


/*----- content area (grey gradient at top) -----*/
#contentarea {
	margin:0;
	padding:0;
	background:#ffffff url(../images/content_bg.gif) repeat-x top left;
	width:953px;
}

/*----- left side - text -----*/
#left {
	width:500px;
	margin: 30px 0 20px 30px;
	float:left;
	display:inline;
	color:#4e688e;
	font-size:100%;
}
#left h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-size: 150%;
	font-weight:normal;
	clear:both;
}

#left a {
	color:#009900;
	text-decoration:none;
	font-weight:bold;
}
#left a:hover {
	color:#009900;
}
#left ul{
	margin:0;
	padding:0;}
#left li{
	background: url(../images/liMain.gif) top left no-repeat;
	padding:0 0 0 12px;
	margin:0;
	list-style:none;}

/*----- breadcrumbs -----*/
#breadcrumbs {
	color:#000000;
	font-size:80%;
	margin:0 0 35px 0;
	padding:0;
	width:550px;
	float:left;
	display:inline;
}
#breadcrumbs ul {
	margin:0;
	padding:0;
}
#breadcrumbs li {
	margin:0;
	padding:0 10px 0 5px;
	display:inline;
	float:left;
	background: url(../images/breadcrumbs.jpg) right no-repeat;
}
#breadcrumbs li.start {
	background: url(../images/spacer.gif) right no-repeat;
	padding:0;
}
#breadcrumbs li.end {
	background: url(../images/spacer.gif) right no-repeat;
}
#breadcrumbs li a {
	color:#000000;
	font-weight:normal;
}
#breadcrumbs li a:hover {
	color:#009900;
}

/*----- right side -----*/
#right {
	width:282px;
	margin: 30px 30px 20px 30px;
	float:right;
	display:inline;
	text-align:right;
}

#right a {
	color:#009900;
	text-decoration:none;
	/*font-weight:bold;*/
}

/*----- search box -----*/
#search {
display:none;
	margin:0;
	padding:0 0 30px 0;
}
.search {
	background-color:#e5e5e1;
	border: 1px solid #9f9f9f;
	padding:2px;
	margin:0 5px 0 0;
	font-size:80%;
	width:153px;
}

/*------ news -------*/
#news h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#4E688E;
font-weight:bold;
}

#news p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4E688E;
}

#news a:link, #news a:visited{
text-decoration:underline;
}

#news a:hover{
color:#009900;
}

/*----- footer -----*/
#footer {
	clear:both;
	margin:0;
	padding:85px 0 0 55px;
	background:url(../images/footer.gif) no-repeat top left;
	width:898px;
	height:36px;
	color:#ffffff;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
	font-size:95%;
}
#hl {
	width:959px;
	margin:5px auto 0 auto;
	padding:0 5px 10px 0;
	text-align:right;
	font-size:90%;
	color:#0c2b56;
}
#hl a {
	color:#0c2b56;
	text-decoration:none;
}