/*
	screen.css: SCREEN stylesheet
	------------
	Job:					United Utilities - Carlisle Roadworks
	Template Version:		1.0
	Produced by:			Andy Wilkinson
	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;
	}
body, .test
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background:#7ac142 url(/_common/img/bgBody.gif) repeat-x;
	}
a:link, a:visited
	{
	
	}
a:hover, a:focus
	{
	
	}

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

/* =3. page structure */
.wrap
	{
	width:61.4em;								/* 960px */
	margin:0 auto;
	background:transparent url(/_common/img/bgSide.jpg) left top no-repeat;
	overflow:auto;
	padding-left:.7em;
	}
.wrapInner
	{
	width:60.7em;								/* 960px */
	margin:0 auto;
	background:transparent url(/_common/img/bgSide2.jpg) right top no-repeat;
	overflow:auto;
	padding-right:.7em;
	}
.container
	{
	width:60.00em;								/* 960px */
	margin:0 auto;
	background:#fff;
	overflow:auto;
	}


.footer
	{
	clear: both;
	background:white url(/_common/img/footerGFX.jpg) bottom left no-repeat;
	height:16.7em;
	}
.footer p
	{
	display:none;
	}
.header {
	position:relative;
	overflow:auto;
	height:21.5em;
	}
h1 {display:none}

/* =4. page components / modules */

.navigation {
	list-style:none;
	margin:2em 0 0 2.2em;
}
.navigation li {
	background:transparent url(/_common/img/navBullet.gif) 0 .5em no-repeat;
	padding-left:1em;
	margin-bottom:.2em;
	overflow:hidden;
	width:210px;
}
.navigation li a{
	font-weight:bold;
	color:#0a0d9c;
	font-size:.8em;
	line-height: 1em;
}

.logo {
	margin:2em 0 0 2em;
	border:0px;
}

.mainImage {
	position:absolute;
	top:1em;
	right:0;
}

.featured {
	float:left;
	width:14.6em;
	font-family: Arial, Helvetica, sans-serif;
}

.featuredItem {
	background:orange;
	margin-bottom:1em;
	padding:0 0 0 2.6em;
	font-size:.8em;
}

.featuredItem h2 {
	color:#ffff00;
	font-size:1.5em;
	padding-top:.6em;
	padding-bottom:.6em;
}
.featuredItem h2 a{
	color:#ffff00;
}
.featuredItem h2 a:hover{
	color:#ffffff;
}
.featuredItem p {
	padding-bottom:1em;
	color:white;
}

.teal {
	background-color:#306572;
}

.blue {
	background-color:#33ade4;	
}
.green {
	background-color:#7ac043;	
}

.teal h2 {
	background:transparent url(/_common/img/cornerTealTR.gif) top right no-repeat;
}

.teal p{
	background:transparent url(/_common/img/cornerTealBR.gif) bottom right no-repeat;
}
.blue h2 {
	background:transparent url(/_common/img/cornerBlueTR.gif) top right no-repeat;
}

.blue p{
	background:transparent url(/_common/img/cornerBlueBR.gif) bottom right no-repeat;
}
.green h2 {
	background:transparent url(/_common/img/cornerGreenTR.gif) top right no-repeat;
}

.green p{
	background:transparent url(/_common/img/cornerGreenBR.gif) bottom right no-repeat;
}

.content {
	float:right;
	width:31.5em;
	padding-right:7em;
	color:#5d5e60;
}
.content .printLink {
	float:right;
	margin-left:2em;
	font-size:.7em;
	background: transparent url(/_common/img/icon-print.gif) no-repeat;
	color: #244181;
	padding-left: 1.8em;
	text-decoration: none;
	height:1.4em;
}

.content .printLink:hover {
	color: #7082ac;
}
.content a{
	text-decoration:underline;
	color:#0a0b97;
}
.content h2{
	margin-bottom:1em;
	color:#0a0b97;
	font-weight:bold;
	font-size:1.3em;
}
.content p{
	margin-bottom:1.6em;
	font-size:.8em;
	line-height:1.6;
}

.content ul, .content ol {font-size:.8em;}
.content ul {list-style-type: none; margin: 0 0 1.5em 1em;}
.content ul li {background: transparent url(/_common/img/greenbullet.gif) 0 .5em no-repeat; margin: 0 0 .7em 0; padding: 0 0 0 15px;}
.content ol {margin: 0 0 1.5em 2.5em;}
.content ol li {margin: 0 0 .5em 0;}

.content fieldset {
	overflow:auto;
	font-size:.8em;
}
.content div.err {
	background-color:#e55e5e;
	margin-bottom:1.4em;
	padding:1em;
	color:#fff;
}
.content div.err p {
	margin-bottom:.3em;
}
.content fieldset {
	overflow:auto;
	border:0;
	background-color:#efeffb;
	padding:1.2em 1.2em 1.2em 1.2em;
	position:relative;
}
/*.content legend {
	display:block;
	margin-top:10em;
	position:absolute;
	left:4em;

	color:red;
}*/
.content label {
	color:#0a0b97;
	float:left;
	clear:left;
	width:19em;
	font-size:1em;
	margin-bottom:1.4em;
	font-weight:bold;
}
* html .content label {
	margin-bottom:0;
}
.content input, .content textarea {
	float:left;
	padding:.2em;
	border:1px solid #7e9db9;
	width:20em;
	margin:0;
	margin-bottom:1.4em;
}
.content .enquiry, .content .signup {
	width:auto;
	border:0;
	float:right;
	padding: 1.6em 0 0 1em;
	margin-right:.1em;
}

.content div.form {clear: both; float: left; }

/* =5. overrides */

/* =6. 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
	{
	font-weight:bold;
	}
u
	{
	
	}
sub
	{
	
	}
sup
	{
	
	}
blockquote
	{
	
	}
/* images */
img
	{
	
	}

/* =7. sIFR */