* {
font-family: Arial, Helvetica, sans-serif;color: #666666;
}

#maincontainer{
margin:0;
min-width:780px;
} 



/* ======================================== Header ==============================*/
#topsection{
height: 146px;
margin: 0;
color: #fff; 
padding: 0; 
background: 
url(/media/Media,35,en.jpg) top right no-repeat; 
display:block;
overflow:hidden 
} 

#topsection span{
height: 170px;
margin: 0;
color: #fff; 
padding: 0; 
background: url(/media/Media,36,en.jpg) top left no-repeat;
display:block;
} 


/* ======================================== Navigation  ==============================*/

#nav {background-color:#6b0000; padding-bottom:3.5em;border-top:1px solid #fff;color:#fff;}
#nav ul{margin:10px 10px 10px 10px; float:left;list-style-type:none;  }
#nav ul li{margin:0px 10px 0px 0px; float:left; }
#nav ul li a:link{color:#fff;padding:0 10px 0 0px; border-right:1px solid #fff;font-size:1.1em;}
#nav ul li a:visited{color:#fff;padding:0 10px 0 0px; border-right:1px solid #fff;font-size:1.1em;}

#nav form { float:right;margin:10px 10px 10px 10px;  }
#nav form fieldset { color:#fff; margin:0 0px 0 0px;font-weight:bold; font-size:1.2em; border:0px solid #eee; padding: 0;float:left;clear:none;display:inline;}
#nav form label { color:#fff; padding:0px;font-size:1em; font-weight:bold;clear:none;display:inline; float:left; margin-right:10px; }
#nav form input{ font-family: Arial, Helvetica, sans-serif;color:#666666;height: 1.2em;padding: 3px 0px 3px 3px;margin:-4px 0px 0 0;font-size:1em;font-weight:normal; float:left; clear:none;width:170px;}
#nav form input.search_button{font-family: Arial, Helvetica, sans-serif;color:#fff;height:2em;padding: 0px 3px 0 3px;margin:-4px 0px 0 0;font-size:1em;float:left; background-color:#cc0000;border:0; margin-left:5px;font-weight:bold;width:35px;}



#breadcrumb {background-color:#fff; height:2.7em;color:#666; border-bottom:1px solid #eee; clear:left;padding-left:10px;}
#breadcrumb ul {margin:8px 10px 12px 0px; float:left;list-style-type:none;}
#breadcrumb ul li {margin:0px 5px 0px 0px; float:left; color:#666; font-size:1.1em; }
#breadcrumb ul li a:link{ color:#666; }
#breadcrumb ul li a:visited{ color:#666;  }

#contentwrapper{
float: left;
width: 100%;
}




/* ======================================== Main Content - Centre Column ==============================*/
#contentcolumn{
margin: 0 177px 30px 166px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:21px 23px 10px 23px;
font-size:1.2em;
line-height:1.5em;
border-right: 1px solid #eee;
display:block;

}

#contentcolumn a{color:#6b0000;text-decoration:underline;}
#contentcolumn a:hover{ color:#cc0000;text-decoration:underline;}
#contentcolumn a:visited{ color:#440000;}

#contentcolumn a{color:#6b0000;text-decoration:underline;}
#contentcolumn a:hover{ color:#cc0000;text-decoration:underline;}
#contentcolumn a:visited{ color:#440000;}

#contentcolumn a img{margin:5px 10px 10px 0px;padding:5px;border:1px solid #ddd;display:inline; clear:left;}
#contentcolumn h1.appointment{background: url(/media/Media,38,en.gif) top left no-repeat;padding:0px 15px 10px 32px;font-weight: normal;}
#contentcolumn h1.events{background: url(/media/Media,39,en.gif) top left no-repeat;padding:0px 15px 10px 32px;font-size:1.6em;font-weight: normal;}
#contentcolumn h1.projects{background: url(/media/Media,41,en.gif) top left no-repeat;padding:0px 15px 10px 32px;font-size:1.6em;font-weight:normal;}
#contentcolumn h1.publications{background: url(/media/Media,42,en.gif) top left no-repeat;padding:0px 15px 10px 32px;font-size:1.6em;font-weight: normal;}
#contentcolumn h1.whatsnew{background: url(/media/Media,43,en.gif) top left no-repeat;padding:0px 15px 10px 32px;font-size:1.6em;font-weight: normal;}
#contentcolumn h1.organisation{background: url(/media/Media,40,en.gif) top left no-repeat;padding:0px 15px 10px 32px;font-size:1.6em;font-weight: normal;}


#contentcolumn ul.children{list-style:url(/media/Media,3816,en.gif); padding:0px 0px 0px 1.4em;	}
#contentcolumn ul.children li {background:none;padding: 0;}
#contentcolumn ul.children li a{ color:#666;text-decoration:none;font-weight: bold;}
#contentcolumn ul.children li a:hover{ color:#cc0000;text-decoration:underline;}
#contentcolumn ul.children li a:visited{ color:#999;}

#contentcolumn ul{list-style:none; padding:0px 0px 0px 0em;		}

#contentcolumn ul li {  
	padding:0px 0px 0 1.4em;
	margin:0;
	background-color: transparent;
	color: #666;
   font-size:1em;
   background:transparent url(/media/Media,4352,en.gif) no-repeat 0px 8px;
	}

.leftlist{float:left; margin:-5px 2em 0px 0px;clear:none;width:22em;display:block;}
.rightlist{float:left; margin:-5px 0 0px 0px;clear:right;display:block;}

.onelist{float:left; margin:-5px 0em 0px 0;clear:none;width: 49em; display:block;padding: 0;}
.onelist ul {}
.onelist ul li {width: 22.5em;clear:none;float:left;}

#contentcolumn div.leftlist ul li a{color:#666;text-decoration:none;}
#contentcolumn div.rightlist ul li a{color:#666;text-decoration:none;}
#contentcolumn div.onelist ul li a{color:#666;text-decoration:none;}


/* ======================================== Left ==============================*/

#leftcolumn{
float: left;
width: 166px; /*Width of left column*/
position:absolute;
top:220px;
left:0px;

}



#leftcolumn ul{list-style:none; margin:8px 0 30px 0px; padding:0px;	}
#leftcolumn ul li ul{list-style:none; margin:0px; padding:0px;	}

#leftcolumn ul li.header {  
	background-color: #cc0000;
	color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 1.2em;
	line-height:2.1em;
	background-image: url(/media/Media,33,en.gif); background-position: top left; background-repeat:no-repeat; 
	}

#leftcolumn ul li.header a{ color:#fff;font-size: 1.2em;}

#leftcolumn ul li {  
	padding:0px 0px 0 28px;
	margin:0;
	background-color: #FFFFFF;
	color: #666;
	border-bottom: 1px solid #eee;
	line-height:2.1em;
	background-image: url(/media/Media,32,en.gif); background-position: top left; background-repeat:no-repeat; 
	
	}
#leftcolumn ul li ul li {  
	padding:0px 0px 0 0px;
	margin:0;
	background-color: #FFFFFF;
	color: #666;
	border: none;
	line-height:1.5em;
	background: none; 
	font-size: 0.9em;
	}
#leftcolumn ul li a{ color:#666;font-size: 1.2em;line-height:1.9em;}
#leftcolumn ul li a:hover{ color:#000000;}
#leftcolumn ul li ul li { color:#666;font-size: 1.1em;line-height:1.9em;}
#leftcolumn ul li ul li a{ font-size: 1.0em;}
#leftcolumn a{ color:#666;}

/* ======================================== Right ==============================*/
#rightcolumn{
float: left;
width: 177px; /*Width of right column*/
margin-left: -177px; /*Set left margin to -(RightColumnWidth)*/
background: #fff;
margin-bottom:5px;
text-align:left;
}

#rightcolumn p{padding:8px 10px 0px 10px; font-size: 1.1em;line-height:1.6em; text-align:left;}

#rightcolumn p a {color:#c40109;}
#rightcolumn p a:hover {color:#c40109;}
#rightcolumn p a:visited {color:#c40109;}
#rightcolumn .rightbox{
border:1px solid #ede6cd;
background-color:#fefaef;
margin-top:10px;
}

#rightcolumn h2{
height: 27px;
color: #fff;
font-size: 1.2em;
line-height:2.3em;
font-weight:bold;
padding: 0px 0 0 22px;
margin:  0px 0 0 0px;
background-image: url(/media/Media,31,en.gif); background-position: top left; background-repeat:no-repeat;
background-color:#6b0000;
}

#rightcolumn h2 a{color:#fff;}

#rightcolumn h5{
font-weight:bold;
}

#rightcolumn .rightbox p{padding:5px 10px 10px 10px;	font-size: 1.2em;line-height:1.6em; float:none;text-align:left;}
#rightcolumn .rightbox form label { color:#666; padding:5px 10px 10px 10px; font-weight:normal;font-size:1em; clear:none;display:inline; float:left; line-height:1.3em; }
#rightcolumn .rightbox form fieldset { color:#fff; margin:0 0px 7px 0px;font-weight:bold; font-size:1.2em; border:0px solid #eee; padding: 0;}
#rightcolumn .rightbox form input.search_button{font-family: Arial, Helvetica, sans-serif;color:#fff;height:2em;padding: 0px 3px 0 3px;margin:-4px 0px 10px 8px;font-size:0.9em;float:left; background-color:#cc0000;border:0; font-weight:normal; display:inline;}

#rightcolumn ul{list-style-type:square;margin:8px 0 4px 25px; padding:0px;	}

#rightcolumn ul li {  
	background-color: transparent;
	color:#666;
	font-size: 1.1em;
	line-height:1.5em;

	}

#rightcolumn ul li a{ color:#666;font-size: 1.2em;}


/* ======================================== Footer ==============================*/

#footer{
border-top: 1px solid #eee;
clear: left;

background: white;
color: #515151;
font-size:1.1em;
text-align: center;
padding: 15px 0;
}

#footer p{color:#515151;}

#footer a{
color: #515151;
}

#footer div{text-align: center;float:none; }
#footer ul{margin:10px 10px 20px 10px; list-style-type:none;color:#999;text-align: center;float:none; }
#footer li{margin:0px 10px 0px 0px; display: inline ; }
#footer ul li a:link{color:#999;padding:0 10px 0 0px; border-right:1px solid #999;font-size:1em;}
#footer ul li a:visited{color:#999;padding:0 10px 0 0px; border-right:1px solid #999;font-size:1em;}



/* Templates */
#contentcolumn .sitemap ul li {
   font-size:1.0em;
}

.photo {
	float: left;
	display: block;
	width: 200px;
	height: 140px;
	text-align: center;
	margin:10px;
}
.photo span {
	clear: left;
}


.poll form label { color:#666; padding:0; font-size:1em; font-weight:normal; text-align:left; clear:none;  display: block;}
.poll form input {clear: left;height: auto;padding: 0;margin:0px 0 0 0;}


.fullwidth{
	margin:0; padding:0;
	overflow:hidden; /* Clears the floats */
	width:100%; /* IE and older Opera fix for clearing, they need a dimension */
}