@charset "UTF-8";
/* CSS Document */

/* site build and seo for Surrey & Hampshire, by Creare */
/* reset */
* { margin:0; padding:0; }
img, img a { border: none; outline: none; }
a { color:#769f70; }
a:hover { text-decoration: none; }
body { font-family: lucida grande, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000; }
p { font-size: 1.2em; padding: 0 0 10px 0; }
h1 { font-size: 2.1em; font-weight:bold; color:#45872A; padding:24px 0 10px; }
h2 { font-size: 1.6em; color:#45872A; clear: both; padding:10px 0 0 0; }
/* classes */
.onecoltext {
	line-height:2em;
}
.padded { float: left; padding:0; }
.left { padding: 10px 20px 10px 140px; }
.content2 { font-size: 1.2em; padding: 0 0 0 10px; }
.big { font-size: 1.8em; font-weight:bold; }
.boxtitle { margin: 0; font-size: 1.6em; color:#666; }
.topbox { width: 280px; height: 35px; background-color:#ededed; padding: 15px 0 0 10px; margin:15px 0 0 0; }
.bigger { font-size: 2.3em; font-weight:bold; }
.subhead { font-size: 1.3em; color:#666; padding: 0 0 10px; }
.coursehead { font-size: 1.3em; text-decoration: underline; }
.title { font-size: 1.4em; color:#666; padding: 20px 0 0; }
.title3 { font-size: 1.6em; color:#666; }
.title4 { font-size: 1.6em; color:#666; padding:0px 0 10px; }
.boxcontent { margin: 5px 0 0 0; font-size: 1.2em; color:#769f70; }
.coursesfrom { text-align: right; font-size: 1.2em; color:#666; margin: 35px 0 0 0; }
.coursesfrom2 { text-align: right; font-size: 1.2em; color:#666; margin: 20px 0 0 0; }
.coursesfrom3 { text-align: right; font-size: 1.2em; color:#666; margin: 50px 0 0 0; }
.newstitle { font-size: 1.6em; color:#769f70; }
.newstitle2 { font-size: 1.6em; color:#769f70; margin:15px 0 0 0; }
.date { font-size: 1.2em; margin:0; color:#769f70; }
.newscontent { font-size: 1.2em; }
.green { color:#45872A; font-size: 1.9em; font-weight: bold; }
.green3 { color:#45872A; font-size: 1.4em; font-weight: bold; }
.green2 { margin: 20px 0 0 0; }
.green2 a { color:#769f70; text-decoration: underline; margin: 20px 0 0 0; }
.green2 a:hover { color:#666; text-decoration: underline; margin: 20px 0 0 0; }
.box a { display:block; height:100%; text-decoration:none; width: 100px; }
.trainingimage { padding: 35px 0 30px 100px; }
.trainingimage2 { padding: 35px 0 0 10px; }
.phone { color: #666666; float: right; margin: 15px 0 0; }
.logo { float: left; padding: 23px 0 0 0; }
.course { padding: 0 0 10px; border-bottom: #bfbfbf 1px solid; }
.grey { font-size: 1.6em; font-weight:bold; color:#666; clear: both; padding:10px 0 0 0; }
.miniheader { font-weight:bold; font-size: 1.2em; padding: 0; }
p.no-margin { margin: 0 !important; padding: 0 !important; }
.margin-top { margin-top:15px !important; padding:0 !important; }
/* header */ 
#headerwrap { position: relative; width: 100%; height:92px; background:url(images/headerwrap-bg.jpg) repeat-x; }
#header {  position: relative; width: 983px; height: 92px; margin: 0 auto; }
#navigation { padding:0 0 0 205px; background-repeat:no-repeat; float: right; }
#navigation ul { list-style-type: none; font-size: 1.4em; }
#navigation li { display: inline; }
#navigation li a { color:#676767; padding: 5px 10px; text-decoration: none; }
#navigation li a:hover { text-decoration: underline; }
#flashholder { width:100%; height:303px; background: url(images/flashholder-bg.jpg) repeat-x; padding: 8px 0 0; }
#flash { width: 847px; height:286px; margin: 0 auto; }
/* content */
#containerwrap { width: 100%; overflow: hidden; background: url(images/contentwrap-bg.jpg) repeat-x; }
#container { width: 983px; height: 917px; margin: 20px auto 0 auto; }
#container2 { width: 983px; height: 550px; margin: 5px auto 0 auto; padding:0 0 30px 0; }
#container3 { width: 983px; height: 917px; margin: 5px auto 0 auto; }
.categorybox { width: 600px; overflow: hidden; float: left; clear: left; padding: 10px 0 20px; }
#leftbox { width: 283px; height: 140px; float: left; padding: 15px; margin: 0 0 18px 15px; background: url(images/licence-holder-bg.jpg) no-repeat; display:inline; }
#rightbox { width: 283px; height: 140px; float: left; padding: 15px; margin: 0 15px 18px 0px; background: url(images/licence-holder-bg.jpg) no-repeat; display:inline; }
#leftholder { float:left; width: 660px; overflow: hidden; }
#leftholder ul { font-size: 1.3em; padding: 0 0 0 0px; }
#leftholder li { padding: 2px 0 5px 0; }
#leftholder2 { float:left; width: 630px; overflow: hidden; padding: 15px; }
#leftholder3 { float:left; width: 658px; overflow: hidden; padding: 15px; }
#rightholder { float:left; width: 290px; height: 915px; margin: 0 0 0 29px; }
#rightholder ul { padding:0 0 0 13px; }
#rightholder li { font-size:1.2em; }
#rightholder2 { float:left; width: 290px; height: 550px; margin: 0 0 0 29px; }
#rightholder3 { float:left; width: 290px; height: 915px; margin: 0 0 0 5px; }
#rightholder3 ul { padding:0 0 0 13px; }
#rightholder3 li { font-size:1.2em; }
#rightinner { width: 290px; height: 360px; }
#rightinner2 { width: 290px; height: 330px; margin: 10px 0 0 0; }
#rightholder2 ul { padding:0 0 0 13px; }
#rightholder2 li { font-size:1.2em; }
#innerbox { width: 280px; background-color:#f8f8f8; margin: 5px 0 0 0; padding: 15px 0 0 10px; overflow:hidden; }
#innerbox2 { width: 280px; height: 280px; background-color:#f8f8f8; margin: 5px 0 0 0; padding: 15px 0 0 10px; }
#phonebox { width: 280px; height: 50px; margin: 5px 0 0 0; padding: 15px 0 0 10px; }
#phonebox2 { width: 280px; height: 50px; margin: 30px 0 0 0; padding: 15px 0 0 10px; }
#phonebox img { padding: 0 10px 0 0; }
#phonebox2 img { padding: 0 10px 0 0; }
#list { padding:0 0 0 14px; }
/* form */
#form { margin: 20px 0 0 0; }
.formstyle, .formstyle3 { width: 180px; padding: 2px; margin: 0 0 7px 0; color:#999; font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 1.2em; }
.formstyle2 { width: 188px; padding:2px; font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 1.2em; }
.fieldstyle { width: 190px; padding: 2px; margin: 0 0 7px 0; }
.button { margin: 0 0 10px 2px; }
#bigform { margin: 25px 0 0 0; }
#map { margin: 30px 0 0 0; }
#captcha { padding:0 10px 0 0; }
/* footer */
#footer { clear:both; width: 100%; padding:0 0 10px 0; margin: 0 auto; background-color:#ededed; overflow:hidden; }
.footercontent { font-size: 1.2em; margin: 5px auto 0; line-height: 1.8em; text-align:center; color: #030; }
#footer ul { margin: 0 auto; padding: 12px 0 5px 0; text-align: center; color: #030; }
#footer li { display:inline; padding: 0 10px 0 0; font-size: 1.2em; }
#footer li a { text-decoration: underline; color: #030; }
#footer li a:hover { text-decoration: underline; color:#769f70; }
#seperator { background-color:#ededed; overflow:hidden; clear:both; width: 100%; padding:10px 0 10px 0; margin: 0 auto; text-align:center; }
#seperator2 { background-color:#ededed; overflow:hidden; clear:both; width: 100%; padding:10px 0 10px 0; margin: 0 auto; text-align:center; }
#seperator2 li{display:inline;}
.fb_edge_widget_with_comment {   position: absolute !important; right: 279px; top: 24px; width: 189px; }
.orchid { float: left; margin: 25px 0 0 20px; }
.orchid img { width: 140px; }
.fb { float: left; margin: 0 7px 0 0;}
.rhalogo{ position: absolute; right: 483px; top: 10px; }
.rhalogo2{ position: absolute; left: 263px; top: 12px; }