/**
*** We built this at RKO Digital Ltd (c) 2008 : www.rkodigital.com
*** [This collection of files is copyright and is good for one website
*** it must not be copied or reproduced in any form under any circumstances
*** without the express and final permission of RKO Digital Ltd
*** All third party components respective licences and (c) notices must
*** remain in their folders and files at all times]
* CakePHP(tm) : Rapid Development Framework www.cakephp.org (c) 2005-2008 
* Code Igniter Framework (c) 2006, EllisLab, Inc
* PHPMailer (c) 2004 - 2008 Andy Prevost
* MooTools (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>
* jQuery (c) 2008 John Resig
* TinyMCE (c) 2004-2008, Moxiecode Systems AB
*(c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
*(c) Lightbox v2.04 by Lokesh Dhakar - http://www.lokeshdhakar.com
*** RKO Digital Ltd :: contact@rkodigital.com :: +44 (0)1273 782701
**/

/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ul {list-style:none;}
ol{margin-left:20px;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}

/* global styles */
*{margin:0;padding:0;border:0;  text-align:left;}

body{ background: #090909; color:#000; font-size:12px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}
a{ color:#000; text-decoration:none; }
a:hover{ text-decoration:underline; }

div.clear {clear:both; margin:0px;}

#container{width:800px; margin:0 auto; position:relative; }
#container2 {width:800px; position:relative; /*background: url(../img/background.png) no-repeat center; */}

#top{position:relative; height:245px; background:url(../img/top.jpg) repeat-x;}
	#nav_top { position: relative; width: 780px; height: 32px; padding-right: 20px; color:#2c4f4c; }
	#nav_top a{color:#2c4f4c;}
	#logo a {position:absolute; width:331px; height:245px; top:0; left:0; z-index: 10; }
	#topPanel { position: relative; width: 470px; height: 149px; margin-top: 75px; background: url(../img/topPanels.png); padding: 15px 20px 0 310px; color: #fff; }
	#search {position:absolute; top:10px; right:10px; width:300px; height:30px; overflow:hidden; }
		#search form label {float:left; padding-right:5px;}
		#search form input{float:left;}
		#search form input.text{border:1px solid #000; width:150px; background:#becace; padding:1px 3px; }
		#search form input.submit{border:1px solid #000; margin-left:20px; text-align:center; font-weight:bold; padding:1px 3px; background:#9ab0b7; color:#000; }

#nav { position: relative; width:800px; height:25px; z-index:10; margin:auto; font-weight:bold; background:#b3c2c7;}
#nav  a{display:block; text-decoration:none; text-align:center;}
#nav ul li.horizon { white-space:normal; float:left; position:relative; z-index:10; background: url(../img/menuSpace.png) no-repeat left; }
#nav ul li.first_item { background: none; }
#nav ul li.horizon a {padding:5px 10px; text-transform:lowercase; height:15px; width:140px; }
#nav ul li.horizon a:hover {background:#7e99a2; }

#nav ul.level-2 {position:absolute; background:url(../img/menuSub.png); top:25px; left:0; z-index:10;}
#nav ul.level-2 li {position:relative;}
#nav ul.level-2 li a {height:auto; color:#fff; font-weight:normal; font-size:10px; text-align:left;}
#nav ul.level-3 {position:absolute; background:url(../img/menuSub.png); top:0; left:160px; z-index:10;}

#nav ul.level-1 li ul.level-2, #nav ul.level-2 li ul.level-3 {display:none; } 
#nav ul.level-1 li:hover ul.level-2, #nav ul.level-2 li:hover ul.level-3 {display:block;}

#nav_top ul.level-1 { float:right; }
	#nav_top ul.level-1 li { float:left; line-height:20px; font-size:11px; text-transform:uppercase; }
	#nav_top ul.level-1 li:before { content: " | "; }
	#nav_top ul.level-1 li.first_item:before { content: ""; }
	#nav_top ul.level-1 li a { text-decoration: none; }

#content_bg2 {background:url(../img/cbruce.jpg) no-repeat; width:800px; height:423px; margin:auto; overflow:hidden; position:relative;}
#content_bg{background:#669999; width:800px; margin:auto; position:relative;}

#content2 {padding:15px 30px 10px 30px; width:740px; height:398px; color:#000; overflow:auto; font-family:Tahoma, Geneva, sans-serif; letter-spacing: 1px;}
#content {padding:15px 30px 10px; width:740px; color:#000; font-family:Tahoma,Geneva,sans-serif; letter-spacing:1px; min-height:398px; height:auto !important; height:398px;}

#content a{color:#000;}
#content p,h1,h2,h3,h4,h5,h6 {padding:5px 0;}
#content h2{font-weight:normal; font-size:20px; letter-spacing:1px;}
#content h3{font-weight:normal; font-size:17px; letter-spacing:1px; color: rgb(141, 207, 244); }
#content ul { margin-left: 30px; list-style: disc; }

.news {padding:4px;  }
.articles {padding:4px;  }
.events {padding:4px;}
.community {padding:4px; }

.smallPanel{float:left; width:180px; padding:0 10px;}
.smallPanel a{color:#b2b1a7;}
.dualPanel{float:left; width:380px; padding:0 10px;}
.dualPanel a{color:#b2b1a7;}

#plugins{width:800px; padding:30px 0; background:url(../img/plugins.jpg) repeat-x #3b636f; }
#plugins h3 {font-weight:normal; padding-bottom:10px;}
#plugins h1, h2, h3, h4 { margin: 0; padding: 0; }
#plugins h2 { line-height: 20px; }
#plugins h2 span { line-height: 10px; }

#footer {background:#4c6a74; height:14px; width:780px; padding:4px 10px; color:#fff;}

/* sitemap */	
#content ul.sitemap-level-0 {padding-left:40px; }
#content ul.sitemap-level-0 a{ color:#000;  }
#content ul.sitemap-level-1 {padding-left:40px; }
#content ul.sitemap-level-1 a{ color:#333;}
#content ul.sitemap-level-2 {padding-left:40px; }
#content ul.sitemap-level-2 a{ color:#666; }
#content ul.sitemap-level-3 {padding-left:40px; }
#content ul.sitemap-level-3 a{ color:#999; }

/* search results */
#found_items_header{font-weight:bold; margin:5px 0;}
#found_items_list{}
.founditem{ margin-top:10px;}
.found_item_title{}
.found_item_title a{ font-weight:bold;}
.found_item_accuracy{float:right; color:#888;}
.found_item_desc{ margin-top:3px;}
.highlighted {background:#ecc0cc;}	
	
/* contact form */
.form{}
.form .input{width:400px; clear:both; padding:5px 0;}
.form .input label {float:left; width:180px;  text-align:right;  }
.form .input input {float:right; width:194px; border:1px solid #000; padding:1px 3px; background:#becace;}
.form .input textarea{float:right; width:194px; border:1px solid #000; padding:1px 3px; background:#becace;}
.form .submit{width:400px; clear:both; padding:5px 0;}
.form .submit input{float:right; width:80px; margin-right:122px; text-align:center; color:#000; border:1px solid #000; padding:1px 3px; background:#9ab0b7;}
.error-message{color:#f00;}

#error404 {}
#error404 p {}

.login-box { position: relative; width: 300px; margin: auto; }
	.login-box label { position: relative; display: block; width: 100px; text-align: right; float: left; clear: both; margin-right: 5px; margin-top: 10px; }
	.login-box input { margin-top: 10px; border:1px solid #000; padding:1px 3px; background:#becace;}
	.login-box div.submit{ position: relative; width: 300px; text-align: center; clear: both; margin-top: 10px; }
	.login-box div.error { position: relative; width: 300px; text-align: center; clear: both; margin: 10px 0; color: #f00; }

.consultantsForm { position:relative; width:600px; margin:auto; }
	.consultantsForm label { position:relative; display: block; width: 200px; text-align: right; float: left; clear: both; margin-right: 5px; margin-top: 10px; padding:2px 0; font-size:11px; }
	.consultantsForm input, .consultantsForm textarea { margin-top:10px; width:350px; border:1px solid #000; padding:1px 3px; background:#becace;}
	.consultantsForm div.input div.error-message { position: relative; text-align: left; clear: both; margin: 10px 0; margin-left: 200px; }
	.consultantsForm div.submit { position: relative;  text-align: center; clear: both; margin: 10px 0;  }
		.consultantsForm div.submit input { position: relative; width:100px; text-align: center; clear: both; margin-bottom: 10px; font-weight:bold; border:1px solid #000; padding:1px 3px; background:#9ab0b7; }
	.consultantsForm div.error { position: relative; width:200px; text-align: center; clear: both; margin: 10px 0; color: #f00; }
	
#flashMessage { position:absolute; width:800px; text-align:center; top:5px; color:#0f0; z-index:10px; font-weight:bold; display:none; }

.consultant div.left { position: realtive; width: 200px; float: left; line-height: 20px; clear: both; text-align: right; margin-top: 10px; margin-right: 10px; }
.consultant div.right { position: realtive; width:500px; float: left; line-height: 20px; margin-top: 10px; }

.bookingworkshops { position: relative; width: 600px; margin: auto; }
	.bookingworkshops label { position: relative; display: block; width: 200px; text-align: right; float: left; clear: both; margin-right: 5px; margin-top: 10px; }
	.bookingworkshops input, .bookingworkshops textarea { margin-top: 10px; width: 350px; background:#becace; border:1px solid #000; padding:1px 3px;}
	.bookingworkshops select {margin-top: 10px; width: 356px; background:#becace; border:1px solid #000; padding:1px 0;}
	.bookingworkshops div.input div.error-message { position: relative; text-align: left; clear: both; margin: 10px 0; margin-left: 200px; }
	.bookingworkshops div.submit { position: relative; width: 100%; text-align: center; clear: both; margin: 10px 0; }
		.bookingworkshops div.submit input { position: relative; width: 100px; text-align: center; clear: both; margin-bottom:10px; border:1px solid #000; padding:1px 3px; background:#9ab0b7; }
	.bookingworkshops div.error { position: relative; width: 100%; text-align: center; clear: both; margin: 10px 0; color: #f00; }

.searchForm { position: relative; width: 700px; padding: 5px 20px; margin-top: -10px; }
	.searchForm input[type="text"] { width: 400px; background:#becace; border:1px solid #000; padding:1px 3px;  }
	.searchForm input[type="submit"] { width: 50px; background:#9ab0b7; border:1px solid #000; padding:1px 3px; text-align:center; font-weight:bold; }
	
.big_header { font-size: 18px; color: #99CCFF; }
.big_bold_header { font-size: 18px; color: #99CCFF; font-weight: bold; }
.small_plugin_text { color: #FFCC99; font-size: 10px; line-height: 10px; }
.big_plugin_text { color: #FFCC99; font-size: 13px; font-weight: bold; line-height: 13px; }
.plugin_title { font-size: 12px; color: #8DCFF4; font-weight: normal; }

/* TINYMCE */
.header_blue{font-size:18px; color: #99CCFF; font-weight:bold;}
.sub_header_italic_blue{font-size:16px; color:#99CCFF; font-weight:bold; font-style:italic;}
.sub_header_blue{font-size:16px; color:#99CCFF; font-weight:bold;}
.bigger_text_blue{font-size:14px; color:#99CCFF;}
.violet{color:#b63a66;}
.blue{color: #99CCFF;}