/*
----------------------------------------------------------
	Scion Solutions Ltd screen stylesheet.
	FileName:    screen.css
	Version:     1.00				07/10/2005
	Copyright Scion Solutions Ltd 1998 - 2005
	www.scion.co.uk
	Author: Ian Winstanley
----------------------------------------------------------
*/

/*
	To align image and text floats on each page
	These are fixed at the moment but may be made configurable in order that the user can set the percentage widths
*/
.contentTextFloatLeft {
	float: left;
	width: 70%
}

.contentImageFloatRight {
	float: right;
	padding: 0px
}

.contentTextFloatRight {
	float: right;
	width: 70%
}

.contentImageFloatLeft {
	float: left;
	padding: 0px;
	width: 30%
}

/* HTML Redefinitions */
BODY, P, TABLE, DIV, SPAN, FORM, OL, UL {
  font: small/115% Trebuchet MS, Arial, Helvetica, sans-serif normal;
  voice-family: "\"}\"";
  voice-family: inherit
}

BODY {
	padding: 0px;
	margin: 0px;
}

html {
	height: 100%;
}

A IMG {
	border-style: none
}

FORM {
	margin: 0px
}

/* Elements */
/* Header - contains the logo */

#header{
  margin: auto;
  width: 990px;
  padding: 5px;
  margin-bottom:10px
}

/* menu - contains menu */
#menu {
	position: relative;
	width: 990px;
	margin: auto;
}

#menu div {
  float: left;
  width: 80px;
  height: 20px;
  text-align: center;
  border-left: solid 1px #666;
  border-top: solid 1px #666;
  border-bottom: solid 1px #666
}

/* Top menu*/
#topMenu {
	position: absolute;
	width: 521px;
	height: 23px;
	left: 189px;
	top: 10px;
	background-color: #F3F4F8
}


/* Floats the left hand content to the left */
#lhContent {
	position: relative;
	float: left;
	width: 130px;
	margin-left: 5px;
	margin-top: 20px;
}

#outerContent {
	width: 990px;
	margin: auto;
}

/* Main Content Container. Contains dynamic content loaded from the CMS system */
#mainContent {
	position: relative;
	width: 720px;
	float: left;
	margin-top: 10px;
	padding: 3px;
}

#mainContent h2 {
  color: #990066;
}

/* Allows full width content */
#fullWidthcontentItem {
	position: relative;
	width: 990px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF
}

/* Contact and copyright details */
#footer {
	position: relative;
	width: 990px;
	margin-left: -3px;
	margin-top: -5px;
	font-size: 80%;
	font-weight: bold;
	padding: 5px;
	padding-top: 20px;
}

/* Classes */

/* The content containers that format dynamic content loaded from the CMS system on a single item full width page */
.fullWidthcontentItem {
	position: relative;
	background-color: #FFF
}


/* Pseduo classes */
a:link {
	color: #FF6633;
	text-decoration: none
}

a:visited {
	color: #FF6633;
	text-decoration: none
}

a:hover {
	color: #82A8F1;
	text-decoration: underline
}

a:active {
	color: #FBA200;
	text-decoration: none
}

#header a:link {
  font-size: 1.1em;
	color: #FF6633;
	text-decoration: none
}

#header a:visited {
  font-size: 1.1em;
	color: #FF6633;
	text-decoration: none
}

#header a:hover {
  font-size: 1.1em;
	color: #82A8F1;
	text-decoration: underline
}

#header a:active {
  font-size: 1.1em;
	color: #FBA200;
	text-decoration: none
}