body {
			font: 80% arial, helvetica, sans-serif;
			background: #1A1A1A;
			margin: 0;
		}
		
		#container {
			position: relative;
			width: 649px; /* width + border for IE 5.x */
			background-color:#353535;
			border-left: medium solid #4D4D4D;
			border-right: medium solid #4D4D4D;
			border-bottom: medium solid #4D4D4D;
			margin: auto;
			height: auto;

		}
		
		#menu {
			background-color:#808080;
	
		
		}
		
		#content {
			background: white url(images/lizards.gif) 134px 0 repeat-y;
			background: white url(images/lizards.gif) repeat-y;
			xpadding: 1px 1em 2em 1em;
			padding: 1px 20px 1em 40px;
			border-left: 134px solid #069;
		}
		
		
		
.wrap {
	width:649px;
	float:left;
	
	}

.top, .bottom {
	float:left;
	width:649px;
	
	/*url to the bottom rounded corner*/
	background:transparent url(images/box_calendarNews_foot.gif) no-repeat; 
	height:15px;
	}

.top {
	/*url to the top rounded corner*/
	background:transparent url(images/box_calendarNews_head.gif) no-repeat;
	height:38px; 
	}

.box {
	float:left;
	/*Your width is 200px minus 20px for your left and right padding totally to 180px*/
	width:649px;
	/*the url to your text background*/
	background:transparent url(images/box_calendarNews_mid.gif) repeat-y;
	font:12px 'trebuchet ms', arial, verdana, sans-serif;

	}
		
		
		#calendar {
			position:	relative;
			float:left;
			left: 13px;
			width: 230px;
			overflow:hidden;
					font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		#calendarItem {
		width:230px;
		border-bottom: thin solid #999999;
		overflow:hidden;
		padding-top: 5px;
		padding-bottom: 5px;
	

		}
		
		#calDate {
		width: 55px;
		float:left;
		color:#D53235;
		font-weight: bold;
	
	
		
		}
		
		#calText {
		color:#000000;
		float:left;	
		width: 173px;
	
		}
		
		
		
		#news {
	position:	relative;
	float: left;
	left: 28px;
	width: 370px;
	text-align:left;
	margin-left:1px;
				font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		}	
		
		#newsItem {
		width:375px;
		border-bottom: thin solid #999999;
		overflow:hidden;
		padding-top: 5px;
		padding-bottom: 5px;
		


		}
		
		#newsTitle {
		width: 375px;
		float:left;
		color:#D53235;
		font-weight: bold;
		padding-bottom: 2px;
	
	
		
		}
		
		#newsText {
		color:#000000;
		float:left;	
		width: 355px;
		padding-left: 20px;

		}
		
		#longTitle {
		width: 555px;
		float:left;
		color:#D53235;
		font-weight: bold;
		padding-bottom: 0px;
	padding-left: 20px;
	
		
		}
		
		#longText {
		color:#000000;
		float:left;	
		width: 555px;
		padding-left: 20px;

		}
		
		.clear { clear: both;}
		
		
		
		
		#publication {
			position:	relative;
			float:left;
			left: 0px;
			width: 309px;
	
		}
		
		#event {
			position:	relative;
			float: left;
			left: 0px;
			width: 340px;
			text-align:left;

		}	
		
		#subContent {
			position:	relative;
			
			left: 0px;
			width: 649px;
			text-align:left;
			background-color:#336699;
			overflow:hidden;
	


		}		
				#subContent1 {

			float: left;
			width: 649px;
			text-align:left;
			background-color:#336699;
			overflow:hidden;
	


		}			
		
		
		
.pubwrap {
	width:309px;
	float:left;
	
	}

.pubtop, .pubbottom {
	float:left;
	width:309px;
	
	/*url to the bottom rounded corner*/
	background:transparent url(images/box_publications_foot.gif) no-repeat; 
	height:11px;
	}

.pubtop {
	/*url to the top rounded corner*/
	background:transparent url(images/box_publications_head.gif) no-repeat;
	height:32px; 
	}

.pubbox {
	float:left;
	/*Your width is 200px minus 20px for your left and right padding totally to 180px*/
	width:297px;
	/*the url to your text background*/
	background:transparent url(images/box_publications_mid.gif) repeat-y;
	font:12px 'trebuchet ms', arial, verdana, sans-serif;
	
	padding-left:12px;
	padding-right: 0px;
	font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}

.eventwrap {
	width:340px;
	float:left;
	
	}

.eventtop, .eventbottom {
	float:left;
	width:340px;
	
	/*url to the bottom rounded corner*/
	background:transparent url(images/box_events_foot.gif) no-repeat; 
	height:11px;
	}

.eventtop {
	/*url to the top rounded corner*/
	background:transparent url(images/box_events_head.gif) no-repeat;
	height:35px; 
	}

.eventbox {
	float:left;
	/*Your width is 200px minus 20px for your left and right padding totally to 180px*/
	width:318px;
	/*the url to your text background*/
	background:transparent url(images/box_events_mid.gif) repeat-y;
	font:12px 'trebuchet ms', arial, verdana, sans-serif;
	
	padding-left:10px;
	padding-right: 12px;
	font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
			
.bigGreyBox {
	width:649px;
	float:left;
	
	
	}

.bigGreyBox_top, .bigGreyBox_bottom {
	float:left;
	width:649px;
	
	/*url to the bottom rounded corner*/
	background:transparent url(images/box_bigGrey_foot.gif) no-repeat; 
	height:14px;
	}

.bigGreyBox_top {
	/*url to the top rounded corner*/
	background:transparent url(images/box_bigGrey_head.gif) no-repeat;
	height:17px; 
	}

.bigGreyBox_box {

	float:left;
	/*Your width is 200px minus 20px for your left and right padding totally to 180px*/
	width:590px;
	/*the url to your text background*/
	background:transparent url(images/box_bigGrey_mid.gif) repeat-y;
	
	padding-left:30px;
	padding-right: 29px;
	font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}

.boxHeader {
font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:900;
font-variant:small-caps;
font-size:35px;

}	
			#eventItem {
		width:316px;
		border-bottom: thin solid #999999;
		overflow:hidden;
		padding-top: 5px;
		padding-bottom: 5px;
		
	

		}
		
		#eventDate {
		width: 85px;
		float:left;
		color:#D53235;
		font-weight: bold;
	
		
	
		
		}
		
		#eventText {
		color:#000000;
		float:left;	
		width: 229px;
	
		}
		
	
	
#footer {
width: 649px;
height: 15px;
background-color:#023797;
text-align:center;
padding-top: 3px;
font-size:10px;
overflow:hidden;



}						
	
	
a.white:link {color: #FFFFFF}

a.white:visited {color: #FFFFFF}
		
		.accessaid, h1 {
			position: absolute;
			height: 0;
			overflow: hidden;
		}
		
		#header {
			background: #036 url(images/charlesdarwin.gif);
			height: 60px;
		}
		
		#navigation {
			position: absolute;
			top: 60px;
			left: 0;
			width: 134px;
			color: white;
		}
		
		#navigation ul {
			margin: 0 0 1em 0;
			padding: 0;
			list-style: none;
		}
		
		#navigation ul a {
			color: white;
			text-decoration: none;
			display: block;
			background: #17a;
			padding: 0 0.5em;
			margin: 0 1em 1px 1em;
		}
		
		#navigation a:visited {
			color: #ccc;
		}
		
		#navigation a:hover {
			background: #28b;
		}
		
		#content {
			background: white url(images/lizards.gif) 134px 0 repeat-y;
			background: white url(images/lizards.gif) repeat-y;
			xpadding: 1px 1em 2em 1em;
			padding: 1px 20px 1em 40px;
			border-left: 134px solid #069;
		}
		
		h2 {
			font-size: 1.5em;
			color: #036;
		}
		
		h3 {
			font-size: 1.25em;
			color: #036;
		}
		
		#content img {
			width: 100px;
			height: 150px;
			padding: 1px;
			border: 1px solid #333;
			float: right;
			margin: 0 0 1em 1em;
		}