/*
Original design: aqueous (v1.0 - Aug 27, 2009) - An xhtml/css website by Aqueous UK Ltd.
For more information, see http://www.aqueousuk.com/
*/

/* Main layout and header */
body {background: #A5B58D; color:#666666; font:85% Arial,Verdana,Tahoma,sans-serif; line-height:1.4em; margin:0 auto; padding:0;}
#wrap {background:#FFFFFF; color:#666666; margin:0 auto; padding:0; width:950px;}
#header {background:url(images/top.jpg) no-repeat bottom left #FFFFFF; color:#015122; height:130px; margin:0 0 0; padding:0;}
#header h1 {font-size:1em; font-weight:200; letter-spacing:0; margin:2px 0 0 0; padding:2px 0 0; text-align:right; color:#588528;}
#header h1 a,#header h1 a:hover {font-weight:200; padding:0; color:#588528;}
#header p {font-size:1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}

/* Hover Menu */
.hovermenu ul{font-size:1.1em; padding-left: 0; margin:10px 0 0 235px; height: 30px; }
.hovermenu ul li{ list-style: none; display: inline; }
.hovermenu ul li a{padding: 2px 0.5em; text-decoration: none; float: left; color: black; background-color: #990000; border: 2px solid #FFF; color:#FFF;  }
.hovermenu ul li a:hover{background-color: #CC6633; }

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; }

/* Flash Banner Holder */
#bannerholder {width:600px; margin: 10px 0 0 200px; }

/* Menu Bar */
#menubar1 {background:url(images/menubg.gif) #990000; color: #FFFFFF; margin:10px 3px 20px 3px; padding:0; }
#menubar2, #menubar3, #menubar4, #menubar5, #menubar6, #menubar7, #menubar8, #menubar9, #menubar10 {background: #990000; color: #FFFFFF; height:20px; margin:10px 1px 20px 1px; padding:0; border: 1px solid #FFFFFF; }
#menubar1 p, #menubar1 a, #menubar2 p, #menubar2 a, #menubar3 p, #menubar3 a, #menubar4 p, #menubar4 a, #menubar5 p, #menubar5 a, #menubar6 p, #menubar6 a, #menubar7 p, #menubar7 a, #menubar8 p, #menubar8 a, #menubar9 p, #menubar9 a, #menubar10 p, #menubar10 a {text-align: center; vertical-align:middle; font-size:1em; font-weight: 200; margin:20px 16px 20px 16px; padding-top:20px; color:#FFFFFF; text-decoration:none; }
#menubar1 a:hover, #menubar2 a:hover, #menubar3 a:hover, #menubar4 a:hover, #menubar5 a:hover, #menubar6 a:hover, #menubar7 a:hover, #menubar8 a:hover, #menubar9 a:hover, #menubar10 a:hover {text-decoration: underline; }



/* Page Theme */
#topspacer {background:url(images/spacer.gif); width:950px; height:10px;}
#theme {height:100px; margin:0 0 0 0; padding:0; text-align:center;}
#bottomtheme {clear:both; height:100px; margin:0 0 0 0; padding:0;}

/* How It Works */
#howitworks {clear:none; width:830px; float:left; margin: 10px 10px 20px 0; }
#howitworks img {clear:none; float:left; }
#howitworks p {clear:none; vertical-align:middle; }
#howitworksimages {width:470px; float:right; margin: 20px 20px 0 0; clear:none; }


/* Right sidebar */
#extras {float:right; margin:10px 0 10px; padding:0; width:280px;}
#extras p,#extras ul {font-size:1em; line-height:1.5em; margin:0 0 1.5em; padding:0;}

#extras li {margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.5em; font-weight:400; letter-spacing:-1px; margin:0 0 6px; color:#015122;}

/* Main content */
#content {line-height:1.5em; margin:20px 300px 10px 10px; padding:0; text-align:left;}
#contentwide {clear:left; line-height:1.5em; margin:20px 10px 10px 10px; padding:0; text-align:left;}
#contentwide2 {clear:left; line-height:1.5em; margin:10px 0 10px 10px; padding-top:10px; text-align:left;}
#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0; color:#588528; text-align:center;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content img,#contentwide img,#contentwide2 img {background:#FFFFFF; color:#303030; padding:1px; margin:0 10px 2px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol,#contentwide2 ul,#contentwide2 ol {list-style-image:url(images/bullet.gif); margin:-10px 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol,#contentwide2 ul ul,#contentwide2 ol ol {list-style-image:url(images/bullet.gif); margin:0 0 2px 15px;}
#content li,#contentwide li,#contentwide2 li {list-style-image:url(images/bullet.gif); margin:0 0 2px 5px; padding:0 0 0 4px;}

/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:#666; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:950px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Links and paragraphs */
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
table {background:#FFF; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px 20px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:#FFF; padding:7px; text-align:left;}
td {background:#FFF; padding:10px 10px 10px 10px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}
input {width:200px;}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Contact Form */
#contactform, #contactform table {background:#FFF; border-collapse:collapse; line-height:1.3em; width:800px; margin:0 40px 16px 40px; padding:0; text-align:center; }
#contactform th, #contactform td {background:#FFF; border-collapse:collapse; line-height:1.3em; padding:5px; text-align:left; }

/* Additional classes */
.aboutlogos {text-align:center;}
.longheading {line-height:1.2em; font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0; color:#015122;}
.simon {width:180px; float:right; margin-left:15px; font-style:italic; font-size:0.7em; text-align:left;}
.simonpic {border:0;}
.contact {width:200px; float:right; font-size:0.9em; text-align:left;}
.contactpic {text-align:left; border:0;}
.mindmap {width:360px; float:left; margin:0 5px 5px 0; font-style:italic; font-size:0.7em; text-align:left;}
.mindmappic {border:0;}
.italics {font-size:1.1em; color:#588528; font-style:italic;}
.number {color:#015122;}
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {clear:both; text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {clear:both; float:left; margin:10px 10px 5px 0;}
.right {clear:both; float:right; margin:10px 0 5px 10px;}
.highlight {font-weight:400; color:#6C9D30; }
.current {font-weight:800; background:#BDD542; padding:1px 5px 1px 5px; }