/*
	screen.css: SCREEN stylesheet
	------------
	Job:					U-boat Story - Mersey Travel
	Template Version:		1.0
	Produced by:			Heidi Seymour
	Start date:				28/01/2009
	------------
	NOTES:
	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.	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.
	6.	overrides
*/

/* =1. general styles */
* 
{
	border:0;
	margin:0;
	padding:0;
	text-decoration: none;
	font-weight: normal;
}
body 
{
	background:#151D2A url(/_common/img/bg.jpg) no-repeat center 0;
	color:#BBC1CF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:1.3;
}
a:link, a:visited
{
	
}
a:hover, a:focus
{
	
}

/* =2. helper styles */
input, textarea, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
label
	{
	clear:both;
	float:left;
	font-weight:bold;
	width:200px;
	}
.text
	{
	margin-bottom:.5em;
	padding:.2em;
	border:1px solid #766851 ;
	width:200px;
	}
.button
	{
	background:#05677b url(/_common/img/button.gif) repeat-x 0 0;
	color:#fff;
	font-weight:bold;
	float:right;
	padding:.2em;
	width:10em;
	cursor:pointer;
	}
form
	{
	width:408px;
	margin-bottom:1em;
	overflow:auto;
	}
form ol
	{
	list-style:none;
	}
/* =3. page structure */
#site
{
	width: 60.00em;								/* 960px */
	margin: 0 auto;
	padding-top:2em;
}
#footer
{
	clear: both;
}
.error
{
	color:red;
	font-weight:bold;
	font-size:1.2em;
}
.contentSub
	{
	float:left;
	width:18em;	
	}
.content
	{
	float:right;	
	width:628px;
	}
h1
	{
	text-align:center;
	}
table 
	{
	background:#fff;
	width:308px;
	border-collapse: collapse;
	margin-bottom:1em;	
	border:7px solid #fff;
	}
td
	{
	border-left:1px solid #cba78c;
	border-top:1px solid #cba78c;
	font-size:1.3em;
	font-weight:bold;
	vertical-align:top;
	padding: .2em .5em;
	text-align:center;
	}
th 
	{
	font-size:.8em;
	text-align:left;
	padding: .2em .5em;			
	}
th.col
	{
	border-left:1px solid #cba78c;
	text-align:center;
	}
th.coltitle
	{
	border-left:0;
	font-size:1.1em;
	font-weight:bold;
	text-transform: uppercase;
		text-align:left;
	}
th.row
	{
	border-top:1px solid #cba78c;
	}
dt,  dd 
		{
		float:left;
		padding:.1em 0;
		width:130px;
		}
dd
	{
		font-weight:bold;
		width:90px;
	}

/* =4. page components / modules */
.nav
	{
	margin:.8em 0;
	}
.nav a
	{
	color:#08c5ec;
	font-weight:bold;
	padding-left:25px;
	display: block;
	}
.contentSub a:hover
	{
	color:#ffc001;
	}
.nav li.selected a
	{	
	color:#fff;
	}
.nav li
	{
	background:url(/_common/img/arrow.gif) no-repeat 0 3px;	
	list-style:none;
	margin: 0 0 8px 0;
	}
.contentSub em
	{
	font-weight:bold;
	font-size:2em;
	font-style:normal;
	color:#ffc001;
	}
.contentSub p
	{
	color:#C1E1FA;
	font-weight:bold;
	}
.directions
	{
	background:#0b1018;
	line-height:1.5;
	font-size:.7em;
	padding:1.5em 1.5em .5em 1.5em;
	margin-top:2em;
	}
.directions h2
	{
	color:#fff;
	font-weight:bold;
	}
.directions h3
	{
	color:#ffc001;
	font-weight:bold;
	}
.directions p
	{
	font-weight:normal;
	}
.directions a
	{
	color:#08c5ec;
	font-weight:bold;
	text-decoration:underline;
	}
.content a
	{
	color:#05677b;
	font-weight:bold;
	text-decoration:underline;
	}
.content p, .content h2, .content h3, .directions p
	{
	margin-bottom:1.3em;
	}
.contentMain h2
	{
	font-size:2em;
	font-weight:bold;
	color:#4a2f1d;
	}
.content em
	{
	color:#b8540e;
	font-weight:bold;
	font-size:1.2em;
	font-style:normal;
	}
.content small
	{
	color:#b8540e;
	}
.contentMain
	{
	background:#f7ebd4 url(/_common/img/paper.gif) no-repeat 0 0;
	color:#675040;
	font-size:.8em;
	padding:64px 20px 0 20px;
	margin-bottom:2em;	
	overflow:auto;
	width:588px;
	}
.contentNews
	{
	background:#faefb8 url(/_common/img/paper2.gif) no-repeat 0 0;
	color:#3d2d22;
	font-size:.8em;	
	padding:2em 2em .5em 2em;
	overflow:auto;
	}
.contentNews h2
{
font-size:1.4em;	
}
.content img
	{
	border:5px solid #fff;
	float:right;
	margin-bottom:1.5em;
	}
.contentBuy img
	{
	border:0px solid #fff;
	float:none;
	margin-bottom:0.5em;
	margin-top:0.5em;
	}
.featureImg
	{
	text-align:center;
	}
.content .largeimage
	{
	float:none;
	margin:0 auto;
	}
.amazinglife
	{
	background:url(/_common/img/amazinglife.gif) no-repeat 0 0;
	display:block;
	height:80px;
	width:296px;	
	}
.amazinglife span
	{
	position:absolute;
	left:-10000px;
	}
.contentIntro
	{
	float:left;
	width:296px;
	}
.openingtimes, .contentSup
	{
	float:right;
	width:253px;
	}
	.openingtimes dl
{
margin-bottom:0.8em;
overflow:hidden;
width:auto;
}
.video {
	margin-top: 1em;
	margin-left: .5em;
	list-style: none;
	display: block;
}
.video li{
	padding-bottom: .3em;
	padding-top: .3em;
	border-bottom: #ccc solid 1px;
	padding-left: 1.7em;
	background: url(/_common/img/icon-movie.gif) no-repeat 0 .5em;
	float: left;
	width: 17em;
}
.video li a:link, .video li a:visited{
	text-decoration: none;
}
.video li a:hover {
	text-decoration: underline;
}
.files {
	margin-top: 1em;
	margin-left: .5em;
	list-style: none;
	display: block;
}
.files li{
	padding-bottom: .3em;
	padding-top: .3em;
	border-bottom: #ccc solid 1px;
	padding-left: 1.7em;
	background: url(/_common/img/icon-pdf.gif) no-repeat 0 .3em;
	float: left;
	width: 17em;
}
.files li a:link, .files li a:visited{
	text-decoration: none;
}
.files li a:hover {
	text-decoration: underline;
}
#footer
	{
	padding:2em 0;
	overflow:auto;
	}
#footer li
	{
	list-style:none;
	float:left;
	margin-right:3em;
	}
#footer img
	{
	float:left;
	}
#footer p
	{
	color:#8b9e54;
	font-size:.7em;
	line-height:1.7;
	float:left;
	width:340px;
	padding:0 1.5em;
	display:inline;
	}
/* =5. content/FCK */
/* these will probably need to sit inside the content module reference. eg. #content h3 */
.title
{
	
}
/* any heading type styles, the client will add these via the FCK styles dropdown, so you only need to add the ones you want to use. */
h3, h4
{
	
}
/* list styles */
ol, ul
{
	
}
li
{
	
}
/* link styles, probably won't need this as it should be set above, but FCK will need it. */
a	
{
	
}
/* paragraph formatting, probably won't need this as it should be set above, but FCK will need it. */
p 
{
	
}
br
{
	
}
/* horizontal rule */
hr
{
	
}
/* tables */
table
{
	
}
caption
{
	
}
tr	
{
	
}
td
{
	
}
/* text formatting */
em
{
	
}
strong
{
	
}
u
{
	
}
sub
{
	
}
sup
{
	
}
blockquote
{
	
}
/* images */
img
{
	
}

/* =6. overrides */