@charset "UTF-8";
/* CSS Document */


p.lighter
	{
	color: #666666;
	}
.right
	{
	float: right;
	}
.left
	{
	float: left;
	color: #0082dd;
	}
ol
	{
	margin-left: 25px;
	}	
a
	{
	color: #363636;
	}
a:hover
	{
	background-color: #363636;
	text-decoration: none;
	color: #fff;
	}

/*------------------------------------------ ** The usual suspects */
*
	{
	border: 0;
	margin: 0;
	padding: 0;
	}
#wrap
	{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	}
body
	{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: small;
	background-color: #e4e4e4; 
	color: #363636;
	}
#footer
	{
	clear: both;
	border-top: #333333 dotted 1px;
	padding-top: 5px;
	}
/*------------------------------------------ ** The usual suspects */

#rightside
{
	float:right;
	width: 200px;
	margin-left: 20px;
}

/*------------------------------------------ About */
#about
	{
	border-top-color: #0082dd;
	}
#about h1
	{
	color: #0082dd;
	}
#about h2
	{
	color: #0082dd;
	border-top: solid #0082dd 1px;
	margin-top: 20px;
	}
#about img
	{
	margin-top: 20px;
	}
/*------------------------------------------ About */

/*------------------------------------------ Contents */
#contents
	{
	border-top-color: #666;
	margin-bottom: 20px;
	}
#contents h1
	{
	color: #666;
	}
/*------------------------------------------ Contents */


/*------------------------------------------ Books */
#newbooks
	{
	float: left;
	border-top-color: #ff6600;
	overflow: hidden;
	margin-bottom: 20px;
	}
#newbooks h1
	{
	color: #ff6600;
	background-color: #FFFFFF;
	}
div.bookline
{
	float:left;	
}
div.book
	{
	float: left;
	width: 47%;
	margin-right: 20px;
	border-top: #ff6600 1px solid;
	margin-bottom: 5px;
	}
#newbooks img
	{
	float: left;
	width: 75px;
	margin-top: 5px;
	}
div.book
	{
	margin-top: 10px;
	}
#newbooks h2
	{
	font-size: 110%;
	}
#newbooks p.topbit
	{
	margin-bottom: 10px;
	}	
div.book p
	{
	font-size: 90%;
	}
div.book p, div.book h2
	{
	margin-top: 5px;
	float: right;
	width: 290px;
	}
/*------------------------------------------ Books */


/*------------------------------------------ specialfeature */
#specialfeature
	{
	float: left;
	width: 370px;
	padding: 10px;
	background-color: #97c5e6;
	}
#specialfeature ul
	{
	list-style: none;
	margin-bottom: 10px;
	}
#specialfeature li
	{
	margin-bottom: 5px;
	}
#specialfeature p, #specialfeature h1, #specialfeature h2
	{
	margin-bottom: 10px;
	}
ul.specialfeature_left
	{
	float: left;
	}
ul.specialfeature_right
	{
	float: right;
	}
ul.specialfeature_right, ul.specialfeature_left
	{
	margin-top: 10px;
	width: 170px;
	}
/*------------------------------------------ specialfeature */


/*------------------------------------------ Common to sections */
#news,
#about,
#events,
#courselistings,
#contents,
#newbooks,
#feature
	{
	border-top-style: solid;
	border-top-width: 5px;
	}
#news,
#events,
#courselistings
	{
	float: left;
	}
#events,
#courselistings
	{
	margin-bottom: 20px;
	}
#events, #newbooks
{
	background-image:url(horz_bg.gif);
	background-repeat:repeat-y;
	clear: both;
}
.whitebg
{
	background-color:#FFFFFF;	
}
#about p,
#news p,
#events p,
#courselistings p,
#feature p,
#feature ul,
#specialfeature ul,
#specialfeature p
	{
	padding-top: 15px;
	}
#about h1,
#news h1,
#events h1,
#courselistings h1,
#newbooks h1,
#feature h1,
#contents h1
	{
	padding-bottom: 10px;
	padding-top: 5px;
	}
#contents ol
	{
	margin-top: 20px;
	}
#feature ul,
#specialfeature ul
	{
	margin-left: 20px;
	}
/*------------------------------------------ Common to sections */

/*------------------------------------------ Course Listings */
#courselistings
	{
	width: 100%;
	border-top-color: #82609d;
	margin-top: 20px;
	}
#courselistings h1
	{
	color: #82609d;
	}
#courselistings h2
	{
	color: #82609d;
	border-top: #82609d solid 1px;
	}
#courselistings dl
	{
	margin-top: 10px;
	clear: both;
	width: 100%;
	overflow: hidden;
	border-top: dotted 1px #82609d;
	}
#courselistings p
	{
	clear: both;
	}
#courselistings a
	{
	font-weight: bold;
	color: #82609d;
	}
#courselistings a:hover
	{
	color: #fff;
	background-color: #82609d;
	}
#courselistings dd
	{
	float: left;
	width: 300px;
	font-size: 90%;
	}
#courselistings dd.date
	{
	color: #999999;
	width: 100%;
	}
#courselistings dd.details
	{
	font-size: 90%;
	width: 100%;
	}
div.courselistings_left
	{
	float: left;
	}
div.courselistings_right
	{
	float: right;
	}
div.courselistings_right, div.courselistings_left
	{
	width: 380px;
	}
/*------------------------------------------ Course Listings */


/*------------------------------------------ Events */
#events
	{
	border-top-color: #0082dd;
	}
#events dl
	{
		float:left;
		width:370px;
		margin-right:20px;
	}
#events h1
	{
	color: #0082dd;
	}
#events dt
	{
	margin-top: 15px;
	margin-bottom: 20px;
	border-top: #0082dd solid 1px;
	}
#events p
	{
	clear: both;
	}
#events dt
	{
	font-size: 120%;
	font-weight: bold;
	}
#events dd.details
	{
	font-size: 90%;
	}
#events dd
	{
	margin-bottom: 1em;
	}
div.event_centre
	{
	float: left;
	width: 470px;
	}
/*------------------------------------------ Events */


/*------------------------------------------ Feature */
#feature
	{
	width: 580px;
	border-top-color: #82609d;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	}
#feature p.quote
	{
	background-color: #ccc;
	font-size: medium;
	padding: 5px;
	margin-top: 15px;
	clear: both;
	display: block;
	}
#feature h1
	{
	color: #82609d;
	}
#feature h2
	{
	border-top: solid 1px #82609d;
	margin-top: 15px;
	}
/*------------------------------------------ Feature */


/*------------------------------------------ Horizontal */	
div.horizontal
	{
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	}
div.horizontal_newsandabout
	{
	background-image: url(newsandaboutback.gif);
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	}
div.horizontal_half
	{
	background-image: url(backline_half.gif);
	clear: both;
	overflow: hidden;
	width: 100%;
	}
/*------------------------------------------ Horizontal */	


/*------------------------------------------ Masthead */
#masthead
	{
	background: url(masthead_image_3.jpg) top left no-repeat;
	height: 220px;
	position: relative;
	margin-bottom: 20px;
	}
#masthead p
	{
	color: #fff;
	position: absolute;
	right: 5px;
	bottom: 5px;
	}

/*------------------------------------------ Masthhead */


/*------------------------------------------ News */
#news
	{
	width: 580px;
	border-top-color: #ff6600;
	}
#news h1
	{
	color: #ff6600;
	}
#news h3
	{
	font-size: 18px;
	}
#news h3.authors
	{
	font-size: 15px;
	color: #888;
	}
#news p.quote
	{
	background-color: #f8e5d0;
	padding: 5px;
	margin-top: 15px;
	clear: both;
	display: block;
	}
div.newsitem
	{
	border-top: #ff6600 solid 1px;
	margin-top: 20px;
	overflow: hidden;
	}
.newsimage_full
	{
	width: 100%
	margin-top: 15px;
	margin-bottom: 15px;
	}
.newsimage_right, .newsimage_right_smaller
	{
	margin-left: 15px;
	float: right;
	}
.newsimage_left
	{
	margin-right: 15px;
	float: left;
	}
div.newsimage_left, div.newsimage_right
	{	
	margin-top: 15px;
	margin-bottom: 15px;
	width: 150px;
	}
.newsimage_right_smaller
	{
	width: 100px;
	}
.newsimage_left img, .newsimage_right img
	{
	width: 150px;
	}
.newsimage_left p, .newsimage_right p, .newsimage_right_smaller p, .newsimage_full p
	{
	margin: 0;
	padding: 5px;
	font-size: 80%;
	background-color: #f8e5d0;
	}
.newspair
	{
	overflow: hidden;
	width: 100%;
	margin-top: 15px;
	}
.newspair_left p,
.newspair_right p
	{
	float: right;
	width: 190px;
	}
.winningbook p
	{
	float: right;
	width: 450px;
	margin-right: 20px;
	}
.newspair_left img,
.newspair_right img,
.winningbook img
	{
	float: left;
	width: 75px;
	padding-top: 15px;
	}
.newspair_left,
.newspair_right
	{
	width: 280px;
	border-top: #ccc 1px solid;
	}
.newspair_left
	{
	float: left;
	}
.newspair_right
	{
	float: right;
	margin-left: 20px;
	}
div.winningbook
	{
	width: 560px;
	background-color: #f8e5d0;
	overflow: hidden;
	padding: 10px;
	margin-top: 15px;
	}
/*------------------------------------------ News */