#main-title {
	width: 100%;
	background: #306 url(../images/ttlbg-site.jpg) no-repeat left top;
	font-size: 100%;
	_font-size: 90%;
}

#site-footer {
	font-size: 85%;
	width: 920px;
	margin: 20px auto 0;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	clear: both;
	text-align: center;
}

.nounderline {
	text-decoration: none;
}

.featurecolour1 {
	color: #d4cade;
	font-weight: normal;
}

.featurecolour2 {
	color: #c06;
}


/*	Default CSS overrides
------------------------------  */
	
#main-rightbox {
	border-color: #ddd;
	font-size: 89%;
}

#main-content ul {
	padding-right: 0;
}


/*	Main menu states
------------------------------  */

#main-menu .selected a {
	color: #c06;
	border-left: 5px solid #306;
	padding-left: 15px;
	background: #fff;
}



/* Events
------------------------------  */

/* Highlights */

#events-feature {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1.5em;
	width: 530px;
}

	#events-feature img {
		float: left;
		border: 1px solid #ccc;
	}
	
	#events-feature .thicker {
		border: 3px solid #ccc;
	}
	
	#events-feature div {
		float: right;
		width: 255px;
	}
	
	#events-feature a:focus img,
	#events-feature a:hover img {
		border-color: #aaa;
	}
	
	#events-feature h3,
	#events-feature p {
		margin: 0 0 0.25em;
		border-bottom: 0;
	}
	
		#events-feature h3 a {
			text-decoration: none;
		}
	
	#events-feature .date {
		color: #999;
	}

#events-list {
	margin: 0 0 0 -20px;
	padding: 0 0 1em;
	width: 550px;
	clear: both;
	overflow: hidden;
}

	#events-list li {
		margin: 0 0 0 20px;
		width: 255px;
		float: left;
		display: inline;
		border-bottom: 1px dotted #ccc;
		padding: 1em 0 1.5em;
	}
	
		#events-list img {
			float: left;
			border: 1px solid #ccc;
		}
		
		#events-list div {
			float: right;
			width: 145px;
			padding-right: 10px;
		}
		
		#events-list a:focus img,
		#events-list a:hover img {
			border-color: #aaa;
		}
		
		#events-list h3 {
			margin: 0 0 0.5em;
			border-bottom: 0;
		}
		
			#events-list h3 a {
				text-decoration: none;
			}
			
				#events-list h3 a span {
					display: none;
				}				
				
				#events-list h3 a:focus span,
				#events-list h3 a:hover span {
					display: inline;
				}
				
				#events-list h3 a em {
					font-size: 11px;
					font-weight: normal;
					line-height: 1;
					font-style: normal;
				}
		
		#events-list p {
			margin: 0 0 0.25em;
		}
			
		#events-list h4 {
			margin: 0 0 0.25em;
		}
		
			#events-list h4 a {
				text-decoration: none;
			}
		
		#events-list .date {
			color: #999;
		}		
		
		#events-list .narrow div {
			width: 115px;
		}
		
		#events-list .narrow img {
			border-width: 3px;
		}

/* All events */

#allevents-list {
	margin: 0 0 3.5em;
	list-style-type: none;
	width: 530px;
	padding: 0.75em 0;
}

	#allevents-list li {
		border-bottom: 1px dotted #ddd;
		overflow: hidden;
		clear: both;
		padding: 0.5em 0 0.5em 15px;
		width: 515px;
		background: url(../images/bullet-arrow.gif) no-repeat left 12px;
	}

	#allevents-list h3 {
		font-size: 100%;
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}
	
	#allevents-list h3 a {
		text-decoration: none;
	}
	
	#allevents-list p {
		margin: 0 0 0.25em;
		padding: 0;
	}
	
	#allevents-list .date {
		color: #999;
	}
	
		#allevents-list .date a {
			color: #7a599b;
		}
		
			#allevents-list .date a:focus,
			#allevents-list .date a:hover {
				color: #eda6ca;
			}	
	
	#allevents-list div {
		float: right;
		width: 460px;
	}
	
	#allevents-list a img {
		float: left;
		margin-top: 3px;
		border: 2px solid #ccc;
	}		
	
	#allevents-list a:focus img,
	#allevents-list a:hover img {
		border-color: #aaa;
	}

	
/*	Article  */

#main-content #event-article h3 {
	border-bottom: 0;
	margin-bottom: 0;
	margin-top: 0.75em;
}

#event-article .date {
	color: #666;
	margin-top: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
}

dl {
	width: 530px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
	margin-bottom: 3em;
	line-height: 150%;
}
	
	dt {
		width: 160px;
		float: left;
		padding: 5px 0;
		border-top: 1px solid #ddd;
		font-weight: bold;
		clear: both;
	}

	dd {
		float: left;
		width: 360px;
		margin: 0;
		padding: 5px 10px 5px 0;
		border-top: 1px solid #ddd;
	}
	
		dd ul {
			margin: 0 0 0 20px;
			padding: 5px 0 0 0;
		}
		
		dl.exhibitions dd ul {
			padding: 0;
		}
		

/* Submission fom */

.red {
	color: #f00;
	font-style: normal;
}

#event-submission {
	border-bottom: 0;
	padding: 1em 0;
	overflow: hidden;
}

	#event-submission fieldset {
		border: 1px solid #ddd;
		padding: 0.25em 25px 0.75em;
		background: #fff url(../images/form-bg.png) repeat-x left bottom;
		margin-bottom: 1.5em;
	}
	
	#event-submission #contact {
		margin-bottom: 0.5em;
	}

	#event-submission legend {
		font-size: 15px;
		font-weight: bold;
		padding: 0 10px 0;
		margin-left: -15px;
		color: #c06;
	}

	#event-submission p {
		clear: both;
		margin-bottom: 1em;
		overflow: hidden;
	}
	
		#event-submission p.radio input {
			float: left;
			margin-right: 10px;
			margin-top: 5px;
		}
		
		#event-submission p.radio label {
			width: 160px;
			margin-right: 20px;
		}
		
	#event-submission p.submit {
		float: right;
	}
	
		#event-submission p.submit input {
			font-size: 13px;
			font-family: Arial, Helvetica, sans-serif;

		}	
	
	#event-submission p.price {
		float: left;
		clear: none;
		width: 160px;
		margin-top: 0;
	}
	
	#event-submission p.students {
		width: 168px;
	}
	
	#event-submission p.concessions {
		width: 150px;
		float: right;
	}
	
		#event-submission p.price label {
			width: auto;
			margin-right: 5px;
		}
		
			#event-submission p.price label strong {
				padding-left: 10px;
			}
		
		#event-submission p.price .text {
			float: left;
			width: 35px;
			margin: 0;
		}

	#event-submission label {
		position: relative;
		left: auto;
		width: 140px;
		float: left;
		font-weight: bold;
		padding-top: 4px;
	}
	
	#event-submission .text {
		width: 325px;
		padding: 5px 5px 2px;
		color: #333;
		line-height: 125%;
		margin: 0;
		border-color: #c5c5c5;
	}
	
	#event-submission .text:focus,
	#event-submission .text:hover {
		border-color: #a5a5a5;
	}
	
	#event-submission textarea {
		width: 325px;
		float: left;
		height: 100px;
		padding: 5px;
		border: 1px solid #c5c5c5;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333;
	}
	
	#event-submission textarea:focus,
	#event-submission textarea:hover {
		border-color: #a5a5a5;
	}	
	
	#event-submission span {
		width: 140px;
		float: left;
		font-weight: bold;
	}
	
		#event-submission span strong {
			font-weight: normal;
			font-size: 11px;
			display: block;
		}
	
	#event-submission .hide {
		position: absolute;
		left: -9999px;
	}
	
	#event-submission label em,
	#event-submission span em,
	#event-submission legend em {
		color: #f00;
		font-style: normal;
	}


/* News
------------------------------  */

#news-list {
	margin: 0;
	list-style-type: none;
	width: 530px;
	padding: 0 0 1em;
	border-top: 1px dotted #ddd;
}

	#news-list li {
		border-bottom: 1px dotted #ddd;
		overflow: hidden;
		clear: both;
		padding: 1.25em 0;
		width: 530px;
	}

	#news-list h3 {
		font-size: 100%;
		border-bottom: 0;
		margin: 0 0 0.25em;
		padding: 0;
	}
	
	#news-list h3 a {
		text-decoration: none;
	}
	
	#news-list p {
		margin: 0 0 0.25em;
		padding: 0;
	}
	
	#news-list .date {
		color: #999;
	}
	
	#news-list div {
		float: right;
		width: 460px;
	}
	
	#news-list a img {
		float: left;
		margin-top: 3px;
		border: 2px solid #ccc;
	}		
	
	#news-list a:focus img,
	#news-list a:hover img {
		border-color: #aaa;
	}	


/* Sidebar */

#main-rightbox h3 {
	color: #c06;
}

form {
	margin: 0 0 1.5em;
	padding: 0 0 1.75em;
	border-bottom: 1px dashed #ddd;
}
	
	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}
		
		label {
			position: absolute;
			left: -9999px;
		}
		
		.text {
			background-position: 5px center;
			border: 1px solid #d5d5d5;
			margin: 0 5px 0 0;
			padding: 5px 5px 0;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			color: #666;
			line-height: 1;
			min-height: 18px;
			width: 95px;
		}

p.tell-us {
	background: url(../images/bullet-arrow.gif) no-repeat left 6px;
	margin: 0 0 1.5em;
	padding: 0 0 1.75em 1em;
	border-bottom: 1px dashed #ddd;
}

#main-rightbox ul {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	border-bottom: 1px dashed #ddd;
	list-style-type: none;
}

	#main-rightbox ul li {
		background: url(../images/bullet-arrow.gif) no-repeat left 6px;
		padding-left: 1em;
		margin-bottom: 0.25em;
	}

.vcard {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	border-bottom: 1px dashed #ddd;
}

	.vcard div span {
		display: block;
	}
	
	.vcard p {
		margin: 0;
	}
	
	.vcard .adr {
		margin-bottom: 1.5em;
	}
	
		.vcard .organization-unit {
			font-weight: bold;
		}
		
a img {
	border: none;
}
		
/* Other elements */

.view-right,
.view-left {
	padding: 0 0 2.5em;
	overflow: hidden;
	clear: both;
}

	.view-right a,
	.view-left a {
		line-height: 1;
		padding: 7px 13px;
		font-weight: bold;
		text-align: center;
		background: #306 url(../images/button-bg.png) repeat-x left 50%;
		text-decoration: none;
		display: block;
		float: right;
		color: #fff;
		border-radius: 13px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
	}
	
	.view-left a {
		float: left;
	}
	
	.view-right a:focus,
	.view-right a:hover,
	.view-left a:focus,
	.view-left a:hover {
		opacity: 0.75;
		text-decoration: underline;
		color: #fff;
	}