body  { color: #333333;  font: 70%/120% tahoma, verdana, arial, sans-serif; background: #ddeeee url("/images/site/main_background.gif") center; margin: 0; padding: 0 }

.hide, .submenu h2, #breadcrumb h2, .imageSet {
	display:none;
	font-size: 1%;
}

#header  { color: #ffffff; background: #000066 url("/images/site/background.gif"); margin: 0; padding: 0; position: relative; width: 100% }

#header_image {
	float:left;
	left:16px;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, #logo, #menuBar ul li a, .submenu ul li, .submenu ul li a {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
}


#logo {
	position: relative;
	right:16px;
	top:0px;
	font-size: 1em;
	font-size: 11pt !ie;
	line-height: 0.9em;
	text-align:right;
}

#topBar {
	position:relative;
	top:0px;
	left:0px;
	width: 100%;
	background: #003399 url("/images/site/top_bar.gif") top repeat-x;
}

#topBar h1 {
	font-size:1em;
	font-weight: normal;
	color:#ffffff;
	margin:0;
	padding:2px 16px;
}

#menuBar {
	position:relative;
	top:0px;
	top:-1px !ie;
	left:0px;
	background: #003399 url("/images/site/menu_bar.gif") bottom repeat-x;
	color:#ffffff;
	padding:0 16px;
	padding:2px 8px;
	margin:0;
	clear:both;
}

#menuBar ul, #menuBar li {
	display:inline;
	margin:0;
	padding:0px;
}

#menuBar ul li {
	/*padding:2px !ie;*/
	margin:2px 0;
}

#menuBar ul li span {
	display:none;
}

#menuBar ul li a  { color: #ffffff; text-decoration: none; padding-right: 10px; padding-left: 10px; border-right: 1px solid #6666cc; border-left: 1px solid #333344 }

#menuBar ul li a.about {
	border-left:0;
}

#menuBar ul li a.members {
	border-right:0;
}

#menuBar ul.about li a.about, #menuBar ul.events li a.events {
	color:#aaaadd;
	/*border-bottom:1px solid #aaaadd;*/
	text-decoration: underline;
}

#breadcrumb {;
	left: 0;
	margin:0;
	padding:8px 16px 0 16px;
}

#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration:none;
	color:#333333;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

#columns {
	position:relative;
	top:-8px;
	top:0 !ie;
	left:0;
	width: 100%;
	height:auto;
}

#rightColumn {
	/*position:absolute;*/
	
	float:right;
	top:0;	
	width:300px;
	z-index:200;
}

#rightColumn:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#leftColumn {
	float:left;
	width:250px;
	z-index:100;
}

#main {
	position:relative;
	top:8px;
	top:0 !ie;
	left:0;
	width:auto;
	padding-bottom:4px;
	padding-bottom:8px !ie;
	z-index:300;
}

.two_column_layout .container .content #columns #main {
	margin:0 8px 0 250px;
}

.three_column_layout .container .content #columns #main {
	margin:0 300px 0 250px;
}
	
.box {
	background-color:#ffffff;
	margin:8px;
	padding:8px;
}

#main .box {
	margin:8px 0;
}

.boxContent {
	border: 1px solid #000000;
	background-color: #cccccc;
	padding:8px;
	margin:0;
}

.boxContent h2 {
	margin:0;
	padding:0 0 4px 0;
	font-size:1.4em;
}

#rightColumn {
	right:0;
}

.pane {
	border: 1px solid #000000;
	background: #ffffff !important;
	padding:0.5em;
	margin:0;
	overflow: visible;
}

.pane p, .pane h3,  .pane h4 {
	margin:0;
	padding:0 0 0.5em 0;
}

.pane h3  {
	font-size: 1.1em;
	padding:4px 0;
	margin:4px 0;
	border-bottom: 1px solid;
}

.pane h4 {
	font-size:1em;
	padding:4px 0 0 0;
	margin:4px 0 0 0;
}

.submenu ul {
	margin:0;
}

.submenu ul li {
	display:block;
	margin:0;
	padding:4px;
	list-style: none;
	border-top:1px solid;
	font-weight:bold;
}
.submenu ul li.first {
	padding-top:0;
	border:0;
}

.submenu ul li.last {
	padding-bottom:0;
	border-bottom:0;
}
.submenu ul li.sub {
	padding-left:2em;
}
.submenu ul li.subsection {
	padding-left:4em;
	border:0;
}

.submenu ul li a {
	text-decoration:none;
	font-weight:normal;
}
.submenu ul li span {
	font-weight: bold;
}
.memberslist p {
	line-height:1.2em;
	font-weight: bold;
}

.institution {
	font-weight:normal;
}

#columns p.quote, #columns p.quote strong {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	padding:0;
}
#columns p.quote {
	margin:0 3em;
}

#columns p.by {
	text-align:right;
	margin:0 3em 2em 3em;
	padding:0;
}

ul.strong li {font-weight:bold;}

ul.events li {
	list-style: none;
	margin:1em 0;
}

ul.events {
	margin:0;
	padding:0;
}

#opportunities tr th, #opportunities tr td {
	padding: 0.5em;
}

td.jobTitle, th.jobTitle {
	width:20%;
}

td.description {
	width:60%;
}

td.close {
	width:20%;
}

td {
	vertical-align:baseline;
}

th {
	text-decoration:underline;
	text-align:left;
}

#footer {
	position: relative;
	clear:both;
	width: 100%;
	height: auto;
	left: 0;
	top:-8px;
	top:-16px !ie;
	z-index:10000;
	margin:0;
}

#footer {
	display:inline;
	float:right;
	text-align:right;
	margin:0;
	font-size:90%;
}

#footer p {
	margin:0;
	padding-right:16px;
}

#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#333333;
}

#footer a:hover {
	text-decoration:underline;
}

.caption {
	position:relative;
	text-align: center;
	padding: 4px;
	margin: 4px 0;
	background-color: #ffffff;
}

.caption img, .caption a img {
	display:inline;
}

.captionText {
	font-size:.9em;
	color: #666;
	text-align: center;
}

.floatl {float: left; }
.floatr {float: right; }
.clear {clear:both;}
.clearr {clear:right;}
.clearl {clear:left;}

.profile {
	position:relative;
	float:left;
	text-align:center;
	padding:0.5em;
	width:20em;
}
.profile div {
	/*position: relative;*/
	margin: 0 auto;
	width:90px;
	overflow:hidden;
}
.profile div, div.profile img {
	height: 120px;
	border:1px solid #D8C19C !important;
}

.thumbnail {
	position:relative;
	float:left;
	text-align:center;
	padding:0.5em;
	width:20em;
}

.thumbnailr {
	position:relative;
	float:right;
	text-align:center;
	padding:0.5em;
	width:20em;
}

.thumbnails {
	position:relative;
	float:left;
	text-align:center;
	padding:0.5em;
	width:12em;
}

div.subcol {
	position:relative;
	float:left;
	width:48%;
}

.border {
	border:1px solid;
	padding:1em;
}

.underline {text-decoration: underline;}

/* Colours */
.earth * {
	border-color: #dcceb8 !important;
}

.earth {
	border-color: #dcceb8 !important;
	background-color: #ede3d0;
}

.earth h2, .earth .pane h3, .earth a {
	color:#443322;
}

.sky * {
	border-color: #b8d5dc !important;
}

.sky {
	border-color: #b8d5dc !important;
	background-color: #d0e6ed;
}

.sky h2, .sky .pane h3, .sky  a, .sky .submenu ul li {
	color:#225599;
}

.lilac * {
	border-color: #ccccee !important;
}

.lilac {
	border-color: #ccccee !important;
	background-color: #e3e3eb;
}

.lilac h2, .lilac .pane h3, .lilac a {
	color:#443377;
}

.rose * {
	border-color: #ddbbcc !important;
}

.rose {
	border-color: #bbddcc !important;
	background-color: #eeddee;
}

.rose h2, .rose .pane h3, .rose a {
	color:#992244;
}

.leaf * {
	border-color: #bbdddd !important;
}

.leaf {
	border-color: #bbdddd !important;
	background-color: #cceeee;
}

.leaf h2, .leaf .pane h3, .leaf a {
	color:#006655;
}

.more a, .programme a {
	text-decoration: none;
	font-weight: bold;
}

.more a:hover {
	text-decoration:underline;
}

.red {color:#ff0000;}

/* General formatting */
ul {
	margin-top:0;
	margin-left: 2em;
	padding-left: 0;  
}

img {
	border:0;
}

textarea {
	overflow:auto;
}

.right {
	text-align: right;
}

.center a {
	text-decoration: none;
}
.center {
	text-align:center;
}

.small {
	font-size:85%;
}

/* min-width for IE - see http://www.webreference.com/programming/min-width/ for methodology used here */

.minwidth {
	min-width:850px;
}


* html .minwidth {
	padding-left:850px;
}

* html .container {
	margin-left:-850px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .two_column_layout, * html .three_column_layout {
	height: 1px;
}
/**/