/*
	screen.css: SCREEN stylesheet
	------------
	Job:					Template
	Template Version:		1.0
	Produced by:			Jim Savage, Samuel Birch
	Start date:				
	------------
	NOTES:
	Do all font sizes in % of the base size of 1em.
	Do all stucture and module sizes in ems.
	
	
	TOC:
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			forms
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
	5.	overrides
			
	6.	content/FCK
			these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
	
	7. sIFR
			
*/

/* =1. general styles */
* 
	{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	}
html, body 
	{
	/*height: 100%;*/
	}
body 
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;  /*16px*/
	line-height: 1.3em;
	color: #8e9196;
	background: #2d3238 url(../img/bg-body.gif) repeat-x center 0px;
	}
a:link, a:visited
	{
	color: #8e9196;
	text-decoration: underline;
	}
a:hover, a:focus
	{
	color: #fff;
	}
p
	{
	margin-bottom: 1em;
	}
h1	
	{
	font-size: 1.8em;
	margin-bottom: 0.8em;
	color: #fff;
	}
h2	
	{
	font-size: 1.2em;
	margin-top: 0.8em;
	color: #fff;
	}
ul
	{
	list-style: square;
	margin-left: 1em;
	}
li
	{
	margin-bottom: 0.5em;
	}
strong
	{
	color: #fff;
	}

/* =2. helper styles */
input, textarea, select
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
div.clear
	{
	clear: both;
	}

/* =3. page structure */

#container
	{
	width: 980px;								/* 960px */
	position: relative;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 20px;
	background: url(../img/bg-content.jpg) no-repeat 1px 0px;
	overflow: visible;
	}
#shadow-left
	{
	background: url(../img/shadow-left.gif) no-repeat;
	height: 453px;
	width: 25px;
	position: absolute;
	margin-left: -25px;
	margin-top: 115px;
	}
#shadow-right
	{
	background: url(../img/shadow-right.gif) no-repeat;
	height: 453px;
	width: 25px;
	position: absolute;
	right: 0px;
	margin-right: -25px;
	margin-top: 115px;
	}
#main 
	{
	background: url(../img/home.jpg) no-repeat;
	height: 336px;
	width: 978px;
	border-top: 1px solid #2d3239;
	border-left: 1px solid #2d3239;
	border-right: 1px solid #2d3239;
	}
#col-left
	{
	width: 346px;
	float: left;
	}
#col-center
	{
	width: 143px;
	float: left;
	}
#col-right
	{
	width: 490px;
	float: left;
	}
#footer
	{
	clear: both;
	}

/* =4. page components / modules */
#logo
	{
	width: 233px;
	height: 47px;
	background: url(../img/logo.gif) no-repeat;
	margin-left: 50px;
	margin-top: 20px;
	}

#images
	{
	margin-top: 50px;
	margin-left: 50px;
	}
#images img
	{
	border: 1px solid #8e9196;
	}
#images p
	{
	font-size: 0.7em;
	}
#images .hidden
	{
	display: none;
	}
	
	
ul#nav
	{
	margin: 0;
	margin-top: 20px;
	list-style: none;
	padding: 0px;
	font-size: 0.8em;
	}
ul#nav li
	{
	margin: 0;
	margin-bottom: 12px;
	padding-left: 15px;
	line-height: 1em;
	}
ul#nav li a
	{
	text-decoration: none;
	}
	
ul#nav li.selected
	{
	border-left: 1px solid white;
	color: #FFF;
	}
	

#content
	{
	margin-top: 20px;
	border-left: 1px solid #8e9196;
	padding: 0 50px 0 20px;
	font-size: 0.8em;
	/*height: 250px;
	overflow: auto;*/
	}

#main.video
	{
	background: none;
	}
	
#main.map
	{
	background: none;
	}
#main.map .mapInfo {
	font-size: 0.8em;
}
#main.map h2 {
	color: #000;
}
#main.map a:hover {
	color: #000;
}
	

#main.booking {
	background: none;
}
#calendarControls {
	margin: 0px 50px;
	font-size: 0.8em;
	display: none;
}
#calendarControls .controls {
	float: right;
}
#calendarControls .controls a {
	text-decoration: none;
}
#calendarControls .booked {
	background: url(../img/cal-date.gif) no-repeat 0px -25px;
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 5px;
}
#calendar {
	font-size: 0.8em;
	color: #c3c4c7;
	color: #fff;
	margin: 50px;
	margin-bottom: 20px;
	height: 208px;
	width: 878px;
	overflow: hidden;
	position: relative;
}
#calendarHolder {
	width: 978px;
	height: 208px;
	text-align: center;
	position: relative;
}
#calendarHolder #loading {
	margin-top: 100px;
	margin-left: -100px;
}
#calendar table {
	float: left;
	background: #2d3239;
	margin-right: 48px;
}
#calendar table.last {
	/*margin-right: 0;*/
}
#calendar caption {
	height: 28px;
	color: #fff;
	font-size: 1.6em;
}
#calendar table th {
	width: 25px;
	height: 21px;
	background: url(../img/cal-days.gif);
	font-size: 0.9em;
}
#calendar table td {
	width: 21px;
	height: 25px;
	padding-right: 4px;
	background: url(../img/cal-date.gif) no-repeat 0px 0px;
	text-align: right;
}
#calendar table td.past, #calendar table td.future {
	color: #8e9196;
}
#calendar table td.booked {
	background: url(../img/cal-date.gif) no-repeat 0px -25px;
	color: #fff;
}
#calendar table td[class='booked past'], #calendar table td[class='booked future'] {
	background: url(../img/cal-date.gif) no-repeat 0px -50px;
}

#content dl {
	width: auto;
	overflow: hidden;
}
#content dl dt {
	clear: left;
	float: left;
	width: 15em;
}
#content dl dd {
	float: left;
	width: 15em;
}

/* =5. overrides */