@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: right;
	width: 100%;
	border-top-color: #ff6600;
	overflow: hidden;
	margin-bottom: 20px;
}
#newbooks h1
{
	color: #ff6600;
	background-color: #FFFFFF;
}
div.book
{
	float: left;
	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: 700px;
}
/*------------------------------------------ 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,
#courselistings
{
	float: left;
}
#events,
#courselistings
{
	margin-bottom: 20px;
}
#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
{
	width: 100%;
	border-top-color: #0082dd;
}
#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;
}
div.events_left
{
	float: left;
}
div.events_right
{
	float: right;
}
div.events_right, div.events_left
{
	width: 380px;
}
/*------------------------------------------ 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 span.tape
{
	background-color: #82609d;
	color: #fff;
	padding: 5px 8px;
}
/*------------------------------------------ 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 */