/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff - not used for CBO Solutions

	Copyright (c) Carruthers Back Office Solutions Limited 2007 - 2010. All rights reserved. 
	Information appearing on this website is the copyright of Carruthers Back Office Solutions Limited
	(CBO Solutions) and must not be reproduced in any medium without licence. Carruthers Back Office
	Solutions Limited endeavours to ensure that the information is correct but does not accept any
	liability for error or omission.
	Carruthers Back Office Solutions Limited is registered in England and Wales, registration
	number 6452848. Registered office: 4 Cross Street, Beeston, Nottingham NG9 2NX.
*/

/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

body {/* set page background colour */
		background: #f0e8aa url(images/page-background.jpg) repeat-x;
		padding-bottom: 30px;
		}

#skipNav {/* skip-navigation container */
		position: absolute;
		top: 2px;
		right: 5px;
		width: 60px;
		text-align: center;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
		width: 860px;
		margin: 0 auto;
		background-color: #f0e8aa;
		border-top: 0px;
		}
		
#masthead {/* add border to masthead - puts line below navigation links */
		border-bottom: 6px solid #006d3b;
		}
		
#logo {/* logo container - holds the logo image + tagline text */
		float: left;
		height: 127px;
		width: 810px;
		}

.separator {/* separator at bottom of text before footer */
		height: 24px;
		}

#footer {/* footer to hold copyright statement*/
		border-top: 1px solid #6b6b6b;
		text-align: left;
		/*padding: 15px 20px;*/
		}
	
#navContainer {/* navigation container */
		clear: left;
		}

#content {/* content container */
		background: #ffffff;
		padding: 25px; /*was 10px*/
		}

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
		color: blue;
		text-decoration: none;
		} 

	/*a:link, a:visited {
		color: blue;
		text-decoration: underline;
		} */		
				
	/* -- main navigation -- */
#mainNavigation {
		background: #999999;
		border-top: 1px solid #999999;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.2em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}
		
#mainNavigation a:hover {
		color: #006d3b;
		}
		
.sectionHome #mainNavigation #linkHome a, .sectionAbout_Us #mainNavigation #linkAbout_Us a, .sectionSpreadsheets #mainNavigation #linkSpreadsheets a, .sectionDocumentation #mainNavigation #linkDocumentation a, .sectionAuthoring #mainNavigation #linkAuthoring a, .sectionHow_We_Work #mainNavigation #linkHow_We_Work a, .sectionSecurity #mainNavigation #linkSecurity a, .sectionContact_Us #mainNavigation #linkContact_Us a {/* automation for active tab */
		background: #006d3b url(images/active-tab-background.jpg) 0 100% repeat-x;
		border-top: 1px solid #3a454f;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionAbout_Us #mainNavigation #linkAbout_Us a:hover, .sectionSpreadsheets #mainNavigation #linkSpreadsheets a:hover, .sectionDocumentation #mainNavigation #linkDocumentation a:hover, .sectionAuthoring #mainNavigation #linkAuthoring a:hover, .sectionHow_We_Work #mainNavigation #linkHow_We_Work a:hover, .sectionSecurity #mainNavigation #linkSecurity a:hover, .sectionContact_Us #mainNavigation #linkContact_Us a:hover {/* hover over-ride for automated tab */
		color: #ffffff;
		}
				
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {/* main heading */
		font: bold 1.8em/1.6em Arial, sans-serif;
		margin-bottom: 5px;
		}

h2 {/* second-level heading */
		font: bold 1.4em/1.2em Verdana, Arial, sans-serif;
		margin-top: 1.5em;
		margin-bottom: 0px;
		color: #006d3b;
		}
		
h3 {/* third-level heading */
		font: bold 1.2em/1.0em Verdana, Arial, sans-serif;
		margin-top: 1.5em;
		margin-bottom: 2px;
		color: #000000;
		}

p {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}
		
.centertext {
		text-align: center;
			}
			
.boldtext {
		font-weight: 700;
			}
			
.specialtext {
		font-style: italic;
		color: #006d3b;
			}
		
.footnote {
		font: 1.1em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}
		
.toptext {
		font: bold 1.1em/1.3em Verdana, Arial, sans-serif;
		color: #006d3b;
		text-decoration: none;
		text-align: right;
		}
		
.inset {
		margin-left: 40px;
		width: 500px;
		}
		
ul.body {
		list-style-type: disc;
		margin-top: 0px;
		margin-left: 25px;
		padding-left: 25px;
		margin-bottom: 12px;
		}
ol.body {
		list-style-type: decimal;
		margin-top: 0px;
		margin-left: 25px;
		padding-left: 25px;
		margin-bottom: 12px;
		}
li.item {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 6px;
		}

li.itemspecial {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 6px;
		color: #006d3b;
		}
		
li.itemspecial2 {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		font-style: italic;
		margin-bottom: 6px;
		color: #006d3b;
		}

#footer p {/* font of copyright statement */
		font: 1.1em Verdana, Arial, sans-serif;
		color: #6b6b6b;
		text-align: left;
		margin-bottom: 2px;
		padding-top: 4px;
		}

/* Special styles to layout the contact us page */

.left {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 120px;
		}
		
.right {
		margin-bottom: 5px;
		width: 580px;
		float: right;
		}

.clean {/* Used after each row*/
		clear:both;
		border-top: 1px solid #6b6b6b;
		font-size:5px;
		}
/* And for the map */
#map {
	width: 810px;
	height: 400px;
	border: 1px solid black;
	float: left;
	margin-bottom: 10px;
		}
		
.cleanmap {/* Used after the map*/
		clear:both;
		font-size:10px;
		margin-top: 10px;
		}
		
.popup {/* Font for Directions popup*/
		font: 1.1em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}


/* Special styles to layout the example */

.exheader {
		font: bold 1.4em/1.2em Verdana, Arial, sans-serif;
		margin-top: 1.5em;
		margin-bottom: 0px;
		color: #006d3b;
		background-color: #f0e8aa;
		line-height: 30px;
		padding: 0 5px 0 5px;
		}

.number {
		font: italic 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 20px;
		}
		
.action {
		font: italic 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-left: 30px;
		margin-right: 400px;
		}
		
.result {
		margin-bottom: 5px;
		width: 380px;
		float: right;
		}

.cleaner {/* Used after each row*/
		clear:both;
		height:1px;
		font-size:1px;
		border-top: 1px solid #6b6b6b;
		/*border:none;*/
		margin:0; padding:0;
		background:transparent;
		}

		
/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
#logo img {
		margin-top: 10px;
		margin-left: 25px; /*was 10px*/
		}
		
/* to align the images in the text*/

.floatleft { 
		float: left;
		margin: 10px 5px 0px 0px;
		border: 1px solid #6b6b6b;
		}

.floatright {
		float: right;
		margin: 10px 0px 0px 5px;
		border: 1px solid #6b6b6b;
		} 

.floatright_noborder{
		float: right;
		margin: 10px 0px 0px 5px;
		border: 0;
		} 
		
/* ---------- 6. forms stuff ---------- */

label {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 100px;
		}
		
input, textarea {
		width: 500px;
		margin-bottom: 5px;
		}

textarea {
		width: 500px;
		height: 100px;
		}

.labeltext {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 100px;
		}

.boxes {
		width: 2em;
		margin-left: 100px;
		float: left;
		}
		
.labelbox {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}

#submitbutton {
		background:#f0e8aa;
		font-weight: bold;
		color: #006d3b;
		margin-left: 100px;
		margin-top: 5px;
		width: 120px;
		}
		
#resetbutton {
		background:#f0e8aa;
		font-weight: bold;
		color: #006d3b;
		margin-left: 10px;
		margin-top: 5px;
		width: 120px;
		}

br {
		clear: left;
		}
 
/* following not used for CBO Solutions website

#searchArea form {
		padding: 17px 0 0 20px;
		}

#searchArea p {
		color: #eeeeee;
		float: left;
		margin-right: 10px;
		}

#searchArea p.mainSearchLabel {
		float: none;
		display: block;
		}
		
#mainSearchField {
		width: 230px;
		border: 1px solid #666666;
		background-color: #111111;
		color: #eeeeee;
		font-size: 1.0em;
		padding: 1px;
		}
		
#mainSearchSubmit {
		width: 40px;
		border: 1px solid #666666;
		font-size: 1.0em;
		background-color: #333333;
		color: #eeeeee;
		margin-right: -10px;
		}
*/