/* Copyright Stephen Weatherly - www.weatherly.co.uk */

/*
	Common components.
*/

.indent
{
	margin-left: 25px;
}

a
{
	color: #3B82C6;
	background-color: inherit;
	text-decoration: none;
}

a:hover
{
	color: #B8D1E5;
	background-color: inherit;
}

h1, h2, h3
{
	color: #80AED0;
	background-color: inherit;
	border-bottom: 0.1em solid #80AED0;
	font-weight: 800;
}

h1
{
	font-size: 200%;
}

h2
{
	font-size: 160%;
}

h3
{
	font-size: 120%;
}

h4
{
	color: black;
	background-color: inherit;
	font-size: 100%;
	font-weight: 800;
}

body
{
	background: transparent url(../images/background.png) top left repeat;
	margin: 0em;
	padding: 0em;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 80%;
}


/*
   The page container.
*/
#container
{
	/* Size. */
	width: 800px;

	/* Margins and padding. */
	margin: 1px auto 1px auto;
	padding: 0em;
}


/*
   The main body.
*/
#body
{
	/* Margins and padding. */
	padding: 2em 10px 2em 10px;
	color: inherit;
	background-color: white;
}


#contents
{
	/* Margins and padding. */
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 180px;
	padding: 0em;
}

#sidebar
{
	width: 180px;
	float: right;
}

#image-display
{
/*
	border: 3px double #BCB2A4;
*/
	border: 1px dotted #BCB2A4;
	height: 160px;
	width: 160px;
	background: transparent none center center no-repeat;
	padding: 4px;
	margin: 0em 0em 0em 6px;
}

div.gallery-thumbnails img.gallery-thumbnail,
div.gallery-thumbnails img.first-gallery-thumbnail,
div.gallery-thumbnails img.last-gallery-thumbnail
{
	border: 1px dotted #BCB2A4;
	height: 80px;
	width: 80px;
	padding: 2px;
	margin: 2px;
	background: transparent none center center no-repeat;
}

div.gallery-thumbnails div.first-gallery-thumbnail
{
	margin-left: 0px;
}

div.gallery-thumbnails div.last-gallery-thumbnail
{
	margin-right: 0px;
}

#gallery-image
{
	height: 480px;
	width: 480px;
	border: 1px dotted #BCB2A4;
	padding: 8px;
	background: transparent none center center no-repeat;
}

#schedule table
{
	margin-left: 3em;
}

#schedule tr
{
	vertical-align: top;
}

#schedule td
{
	padding-right: 1em;
}

div.download  img
{
	vertical-align: middle;
}

div.download h4
{
	margin: 1em 0em 0em 0em;
	padding: 0em 0em 0.3em 0em;
}


/*
   The header.
*/
#header
{
	padding: 2.8em 0em 0em 0em;
	margin: 0em;

	/* Background. */
	color: inherit;
	background-color: #669DC6;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#header h1
{
	border-bottom: none;
}

/*
#title
{
	height: 150px;
	width: 800px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background: transparent url(../images/title.jpg) top right no-repeat;
}
*/

#title
{
	overflow: hidden;
	height: 150px;
	width: 800px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background: transparent url(../images/banner0.jpg) top right no-repeat;
}

#title div.logo
{
	height: 138px;
	width: 242px;
	margin-left:550px;
	/* Logo is 12 pixels smaller than the main image so add a margin top and bottom to realign it */
	margin-top:6px;
	margin-bottom:6px;
	background: transparent url(../images/logo3.png) top right no-repeat;
}

#title div.transparent
{
	/* Relative position needs to be height of the main image + its top border */
	position: relative;
	top: -152px;
	/* Height needs to be height of the main image + its top and bottom borders */
	height: 154px;
	width: 800px;
	background: transparent url(../images/transparent-background.gif) top right no-repeat;
}

#toolbar
{
	clear: right;

	/* Margins and padding. */
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0.35em 10px 0.35em 10px;
	text-align: right;

	font-size: 130%;
	font-weight: bold;
}

#toolbar li, #footer li, #compliance li
{
	display: inline;
	padding: 0em 1em 0em 1em;
	border-right: 2px solid white;
}

#toolbar li.first, #footer li.first, #compliance li.first
{
	padding: 0em 1em 0em 0em;
}

#toolbar li.last, #footer li.last, #compliance li.last
{
	padding: 0em 0em 0em 1em;
	border-right: none;
}

#toolbar a, #footer a
{
	color: #D8E1E6;
	background-color: inherit;
	text-decoration: none;
}

#toolbar a:hover, #footer a:hover
{
	color: white;
	background-color: inherit;
}

div.course-table h4
{
	margin: 1em 0em 0em 0em;
	padding: 0em 0em 0.3em 0em;
}

div.course-table td.day, td.year-group, td.start-date, td.end-date, td.time, td.course-fee
{
	white-space: nowrap;
}

div.course-table tr
{
	background: #80AED0;
}

div.course-table td
{
	background: #EEEEEE;
	border: none;
}

/*
   The footer.
*/
#footer
{
	/* Margins and padding. */
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 1em 10px 1em 10px;
	text-align: right;

	font-size: x-small;
	font-weight: bold;

	/* Background. */
	color: white;
	background-color: #669DC6;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	
	clear: both;
}

#compliance
{
	font-size: x-small;
	font-weight: bold;

	/* Margins and padding. */
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0.5em 10px 0.5em 10px;
	text-align: right;
}