/********************* Style sheet created by Ian Pennington for HSL August 08 ****************************/
/*** Updated August 09 By Dan for Umbraco ***/

body {font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.75em; color:#666666; padding:0px; margin:0px; line-height:140%; background-color:#E4E4E4;}
a  {border-bottom:1px #666666 dotted; color:#5F8B1C; text-decoration:none; padding-bottom:0px; margin:0px;}
a:hover {border-bottom:1px transparent solid;}
h1 {font-size:1.25em; margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; color:#666666; line-height:140%}
h2 {font-size:1.1em; margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; color:#666666; font-weight:bold; line-height:140%}
h3 {font-size:0.9em; margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; color:#666666; font-weight:bold; line-height:140%}
h4 {font-size:1.1em; color:#5F8B1C; font-weight:bold; line-height:140%}
p {margin:0px 0px 0px 0px; padding:2px 0px 15px 0px;}
form {margin:0; padding:0;}
hr { color:#666; border:none; border-top:2px solid #ccc; height:1px; }

img { border:none; border-width: 0px; }

/******** images floats ******************/
.floatleft {float:left; padding:0px 5px 5px 0px;}
.floatright {float:right; padding:0px 0px 5px 5px;}
.floatcentre { float:none; padding: 5px;}
.floatnone { float:none; }


/******** Start top nav******************/
.maincontainerwrapper {margin-right:auto; margin-left:auto; width:790px; background-color:#FFFFFF;}
.maincontainer {margin-right:auto; margin-left:auto; width:770px; background-color:#FFFFFF;}
.topnavcontainer{float:left; width:770px; background-color:#FFFFFF; padding:8px 0px 20px 0px;}
.topnavcontainer ul {display:inline; list-style-type:none; margin:0px; padding:8px 0px 0px 0px;}
.topnavcontainer li {display:inline; list-style-type:none; margin:0px; padding:0px 15px 0px 0px;}
.topnavcontainer .formbox {padding:0px; margin:0px; float:right;}
.topnavcontainer img{ position:relative; top:4px; }
.topnavcontainer .search {  background-color:#E8E8E8; padding:3px; margin-left:4px; margin-right:2px; border:none; }
.topnavcontainer .searchButton { background-color: #FFFFFF; position: relative; top: 7px; border: none; }
.topnavwrapper{float:left; background-color:#FFFFFF; padding-top:8px; padding-bottom:1px;}


/***** masthead image **********/
.masthead {float:left; width:770px; height:190px; margin:0; padding:0; border:none; }
.masthead a:hover, .masthead a { border:none; text-decoration:none; padding:0; margin:0; }
.masthead img { border:none; text-decoration:none; padding:0; margin:0;}
.masthead .logo, .masthead .banner { float:left; }

/***** content styles **********/
.contentcontainer{float:left; width:770px; padding-top:20px;}

/***** navigation columns and main nav styles **********/
.navwrapper{float:left; width:153px;}
.navcontainer{float:left; width:153px; background-color:#FFFFFF;}
.navcontainer a{border-bottom:none; text-decoration:none;}
.navcontainer a:hover{border-bottom:none; text-decoration:underline;}

.navcontainer ul{width:153px; margin:0px; padding:0px; list-style-type:none;}
.navcontainer li{width:133px; margin:0px; padding:7px 10px 7px 10px; list-style-type:none; border-bottom:1px #666666 dotted;}

.navcontainer ul li ul {padding:0px 0px 0px 0px; margin:5px -10px -9px -10px;}
.navcontainer ul li ul li {padding:7px 10px 7px 20px; margin:0px 0px 0px 0px; background-color:#E0F2C6; width:123px;}
.navcontainer ul li ul a {color:#5F8B1C;}
.navcontainer ul li ul a:hover {color:#5F8B1C;}

.navcontainer ul li ul li ul {padding:0px 0px 0px 0px; margin:5px -10px -8px -20px;}
.navcontainer ul li ul li ul li {padding:7px 10px 7px 30px; margin:0px 0px 0px 0px; background-color:#FFFFFF; width:113px;}
.navcontainer ul li ul li ul a {color:#5F8B1C;}
.navcontainer ul li ul li ul a:hover {color:#5F8B1C;}

.highlightedsection, .topsection {
background-image:url(/images/section_highlight.jpg);
background-color:#62911D;
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF;
}
.highlightedsection a, .topsection a {color:#ffffff;}
.highlightedsection a:hover, .topsection a:hover {color:#ffffff;}

.highlightedsubsection {background-image:url(/images/section_sub_highlight.jpg); background-color:#E0F2C6; background-repeat:repeat; background-position:top; font-weight:bold; }

.current { font-weight:bold; }

/***** newsletter signup **********/
.mailsignup{position:relative; float:left; width:133px; background-color:#E4E4E4; padding:10px 10px 10px 10px; margin-top:20px; margin-left:-3px;}
.mailsignup input {border:none; background-color:#FFFFFF;}

/***** centre column **********/
.maincontentwrapper {float:left; background-color:#FFFFFF;}
.centrecolumnwrapper{float:left; width:590px; padding-left:27px; background-color:#FFFFFF;}
.centrecolumnwrapper a {font-weight:bold;}
.centrecolumnwrapper a:hover {font-weight:bold;}
.greenpanel{float:left; background-color:#E6F5CD; width:338px; padding:10px 10px 15px 10px;}
.whitepanel{float:left; background-color:#FFFFFF; width:338px; padding:10px 10px 15px 10px;}
.bluepanel{float:left; background-color:#CED5D0; width:338px; padding:10px 10px 15px 10px;}

/***** centre column feature blocks **********/
.featurewrapper{float:left; width:590px; background-color:#FFFFFF; margin-top:0px; margin-bottom:5px; overflow:hidden; }
.featureleft{float:left; width:166px; background-color:#FFFFFF; padding-right:22px;}
.featureright{float:right; width:166px; background-color:#FFFFFF;}
.featuretext{float:left; padding:0px 0px 20px 0px; background-color:#E6F5CD; width:166px;}
.featuretextwhite{float:left; padding:0px 0px 20px 0px; background-color:#FFFFFF; width:166px;}
.featuretext p{padding:10px 10px 0px 10px; margin:0px;}
.featuretext ul{list-style-type:none; margin:0px; padding:10px 10px 0px 10px;}
.featuretext li{list-style-type:none; margin:0px; padding:4px 0px 4px 0px;}
.featurewrapper a { border:none; }

.featureleft a { border: none; text-decoration: none; }
.featureleft a:hover { border: none; text-decoration: none; }

/***** right column **********/
.rightcolumnwrapper h1 {padding:0px 0px 7px 0px;}
.rightcolumnwrapper a {font-weight:bold;}
.rightcolumnwrapper a:hover {font-weight:bold;}
.rightcolumnwrapper{float:right; width:210px; background-color:#FFFFFF;}
.rightcolumnfeatureswrapper{float:right; width:210px; background-color:#FFFFFF;}
.rightfeature{float:left; width:105px; padding-bottom:19px;}
.rightfeatureright{float:right; width:100px; padding-bottom:19px;}
.rightcolumnwrappernew{float:right; width:208px; background-color:#FFFFFF;}
.rightfeaturenew{float:left; width:166px; padding-bottom:19px;}

/***** footer **********/
.footer{width:770px; float:left; background-color:#E4E4E4; margin:35px -2px 20px 0px;}
.footer ul {list-style-type:none; padding:10px 0px 25px 10px; margin:0px 0px 0px 0px;}
.footer ul li {list-style-type:none; padding:2px 0px 2px 0px; margin:0px 0px 0px 0px;}
.footer em { padding-left:1em; }

/***** Sub page styles *********************************************************************************************************************/

/***** Sub page centre **********/
.subcentrecolumnwrapper{float:left; width:590px; padding-left:27px; background-color:#FFFFFF;}
.subcentrecolumnwrapper asp {padding:0px; margin:0px;}
.subcentrecolumnwrapper form {padding:0px; margin:0px;}
.subcentrecolumnwrapper ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none;}
.subcentrecolumnwrapper ul li {padding:8px 0px 8px 18px; margin:0px 0px 0px 0px; list-style-type:none; background-image:url(/images/bullet.jpg); background-repeat:no-repeat; background-position:0px 11px;}

/***** case study list **********/
.casestudies {float:left; margin-top:10px;}
.casestudies a {text-decoration:none; border-bottom:1px #666666 dotted;}
.casestudies a:hover { border-bottom:none;}
.casestudies ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none;}
.casestudies ul li {padding:8px 0px 8px 0px; margin:0px 0px 0px 0px; background-image:none; list-style-type:none; /* border-bottom:1px dotted #666666; */} 

/***** article page centre **********/
.subarticlecentrecolumnwrapper{float:left; width:390px; padding-left:27px; background-color:#FFFFFF;}
.subarticlecentrecolumnwrapper ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none;}
.subarticlecentrecolumnwrapper ul li {padding:8px 0px 8px 18px; margin:0px 0px 0px 0px; list-style-type:none; background-image:url(/images/bullet.jpg); background-repeat:no-repeat; background-position:0px 11px;} 

/***** multipage side panel **********/
.multisidepanel {float:right; width:160px; background-color:#E0F2C6; line-height:140%; padding:10px 10px 10px 10px;}
.multisidepanel ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none;}
.multisidepanel li {padding:2px 0px 2px 0px; margin:0px 0px 5px 0px; list-style-type:none;}
.multisidepanel img { border:none; }

/***** article side panel **********/
.articlewrapper {float:right; width:160px; background-color:#E0F2C6; font-size:1.25em; line-height:140%; padding:10px 10px 10px 10px;}
.caption {font-size:0.8em;}

/***** contact form **********/
legend {color:#666666;}
.contactform {line-height:140%; padding-top:20px;}
.contactform input {background-color:#E9F2DF; border:1px #CCCCCC solid;}
.contactform select {background-color:#E9F2DF; border:1px #CCCCCC solid;}
.contactform p{padding-left:20px;}
.contactform h2{padding-left:20px;}
.contactform textarea{background-color:#E9F2DF; border:1px #CCCCCC solid;}
.contactform fieldset {background-color:#FFFFFF; padding:20px 20px 20px 20px; margin:0px 0px 0px 0px;}
.contactform label {text-align:right;}
.contactform .formalign{float:left; width:170px; text-align:right; padding-right:10px;}
.contactform a{border:none;}
.contactform .formerror {float:left; width:265px; background-color:#E8E8E8; color:#CC0033; padding:2px 0px 2px 0px; text-align:center;}
.contactform .formalignerror{float:left; width:170px; text-align:right; padding-right:10px; color:#CC0033; font-weight:bold;}

/***** centres nav ********/
.centres {float: left; width: 590px; background-image:none; }
.centres ul {float: left; display:inline; list-style-type:none; margin:0px; padding:8px 0px 0px 0px; background-image:none; }
.centres ul li { float:left; list-style-type:none; margin:0 0 5px 0; padding:0px; background-image:none; }
.centres ul li a { white-space:nowrap; margin:0px 15px 0px 0px;}

/* New Styles - Dan */

/***** pager styles ********/
.pager {padding: 5px; letter-spacing: 1px;margin-top: 0.75em;}
.pagerPrevious{padding-right: 0.5em; color: #999;}
.pagerNext {padding-left: 0.5em; color: #999; }
.pagerResults {font-weight: bold; padding-right: 0.5em; letter-spacing: normal;}
.pagerSelected {font-weight: bold;}

/**** Search ****/
.paging { border-top:1px solid #ccc; }
.paging ul { margin:0; padding:0; }
.paging ul li { float:left; background-image:none; display:inline; list-style-type:none; margin:10px 15px 20px 0; padding:0; font-size:120%; }
.paging .selected { font-weight:bold; }

.search-panel .row { padding:3px 0 }
.results ul li { background-image:none; margin:0 0 10px 5px; padding:0; }

/***** board members ****/
.member { border:1px solid #ccc; width:120px;  min-height:290px; height:290px; float:left; margin:0 25px 20px 0; }
.member a { border:none; }
.member .info { padding:2px; text-align:center;  }
.member:hover { border:1px solid #5F8B1C; }

/**** sector thumbs ****/
.sectorsList { }

.sector { float:left; margin:0px 35px 10px 0;  padding:0; width:102px; height:120px; position:relative; overflow:hidden; }
.sector a { border: none; text-decoration: underline; }
.sector a:hover { text-decoration: none; }
.sector img { border:1px solid #ccc; margin-bottom:5px; display:block; }

.sector h3 { text-align:center; color:#5F8B1C; font-size:1.1em;  }

.rightcolumnfeatureswrapper .sector { float:left; position:relative; margin:0 5px 5px 0; padding:0; width:100px; height:120px; }

.memberdetails img { border:none; float:left; margin-right:10px; }
.memberdetails h2 { margin-top:0; padding-top:0; }
.memberdetails .wysiwyg { text-align:justify; }

/**** wysiwyg rich text ****/
.wysiwyg img { border: none; border-width: 0; }

/**** quotation ****/
.quotation { background-color:#eee; padding:5px; border:2px solid #ccc; margin-bottom:1em; }
.quotation span { font-weight:bold; font-size:1.2em; }
.quoteText {}
.quotee { font-weight:bold; margin-top:4px; }

/**** sitemap ****/
.sitemap { margin-bottom:1em; }
.sitemap ul li { font-weight:bold; font-size:1.2em; padding:8px 25px 5px 20px; }
.sitemap ul li li { font-weight:normal; font-size:1em; }
.sitemap ul li li li { font-weight:normal; font-size:0.75em; padding:5px 25px 3px 10px; background-image:none; }

/*** courses list ****/
table.courses { border:3px solid #536d84; width:100%; border-collapse:collapse; margin-bottom:1em; }
table.courses td, table.courses th {border:1px solid #ccc; margin:0; padding:8px 5px; }
table.courses th { background-color:#E0F2C6; color:#536d84; font-weight:bold; }
table.courses td img.new { margin-left:5px; vertical-align:middle; }
table.courses marquee { color:Red; font-weight:bold; }

/*** reports ****/
ul.reports li { background-image:none; margin:0; padding:0; }
ul.reports li .report { float:left; vertical-align:middle; }
ul.reports li { clear:left; }

/*** misc ****/
.arrow { margin-right:4px; }
.arrowLink { padding-left:0;  }
.backtotop { clear:left; }

.important {
color: #ff0000;
}

.strikethru {
text-decoration: line-through;
}

/*** virtual tour ***/
.virtualtour { position:relative; float:left; width:153px;  margin:20px 0 20px 0; padding:0; margin-left:-3px; background-color:#E4E4E4;}
.virtualtour a { text-decoration:none; border:none; margin:0; padding:0;  }
.virtualtour img { border:none; padding:0; margin:0; width:153px; height:100px; }
.virtualtour h2 { position:relative; padding:10px; margin:0; color:#5F8B1C; text-decoration:none;    }
.virtualtour h2:hover { text-decoration:underline; }
embed { margin:0; padding:0; }

.slideshow { float:left; margin:0; padding:0; width:583px; height:190px;}
.slideshow img { width:583px; height:190px; margin:0; padding:0; }

/****************************** Styles for new homepage added IP May 2010 *************************************/
.rotatorcontainer {float:left; width:588px; background-color:#FFFFFF;}
.rotatorheadline {float:left; width:568px; background-color:#FFFFFF; background-image:url(/images/rotatorbg.jpg); background-repeat:no-repeat; background-position:bottom; padding:10px 10px 20px 10px;}
/*.rotatorheadline img {padding:5px; background-color:#FFFFFF;}*/
.rotatorimage {float:left; border:1px solid #CCCCCC; padding:5px; background-color:#FFFFFF;}

.rotatortext {float:left; width:336px; padding-left:15px;}
.rotatortext a {border-bottom:1px dotted #666666; padding:0px; margin:0px;}
.rotatortext a:hover {border-bottom:0px; padding:0px; margin:0px;}

.rotatortext h1 {font-size:2.2em; color:#5F8B1C; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.rotatortext ul {padding:5px 0px 10px 0px; margin:0px 0px 0px 0px; list-style-type:none;}
.rotatortext ul li {padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; list-style-type:none; background-image:url(/images/rotatorlistbullet.jpg); background-position:0px 6px; background-repeat:no-repeat; line-height:150%;}

ul.rotatornavcontainer {float:left; background-color:#FFFFFF; width:588px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; display:inline; background-image:url(/images/rotatornavbg.jpg); background-repeat:repeat-x; background-position:bottom; float:left; background-color:#fff;}
ul.rotatornavcontainer li {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; display:inline; border-right:1px solid #666666; float:left; text-align:center; font-size:0.9em;}
ul.rotatornavcontainer a {color:#FFFFFF; font-weight:normal; width:146px; float:left; padding:7px 0px 7px 0px; text-decoration:none; border:none; line-height:100%;}
ul.rotatornavcontainer a:hover {color:#FFFFFF; font-weight:normal; border:none; text-decoration:underline; line-height:100%;}
  
/*
.rotatornavcontainer {float:left; background-color:#FFFFFF; width:588px;background-repeat:repeat-x;}
.rotatornavcontainer ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; display:inline; background-image:url(/images/rotatornavbg.jpg); /*background-repeat:repeat-x;*/ background-repeat:no-repeat; background-position:bottom; width:588px; float:left; background-color:#fff;}
.rotatornavcontainer ul li {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; display:inline; border-right:1px solid #666666; float:left; text-align:center; font-size:0.9em;}
.rotatornavcontainer a {color:#FFFFFF; font-weight:normal; width:146px; float:left; padding:7px 0px 7px 0px; text-decoration:none; border:none; line-height:100%; }
.rotatornavcontainer a:hover {color:#FFFFFF; font-weight:normal; border:none; text-decoration:underline; line-height:100%;}
*/
.active {background-image:url(/images/rotatornavbg_active.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#A9DC5E;}
.dropshadow {float:left; width:588px; text-align:center; padding-bottom:15px; }

.newhomepagecontentwrapper {float:left; width:590px; background-color:#FFFFFF;}
.newcontentleft {float:left; width:229px; background-color:#FFFFFF;}
.newcontentleftfeature {margin-bottom:15px;/*border-bottom:1px dotted #999999;*/}
.newcontentleftfeature h2 {padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; width:229px; /*border-bottom:1px dotted #999999;*/ float:left;}
.newcontentleftfeature {float:left; width:227px; padding:0px 0px 10px 0px; background-color:#FFFFFF;}
.newcontentleftfeature p {padding:3px 0px 3px 0px; margin:0px 0px 0px 0px;}
.newcontentleft img {float:left; width:217px; border:1px solid #CCCCCC; padding:5px; margin-bottom:5px; background-color:#FFFFFF;}

.newcontentright {float:right; background-color:#FFFFFF; width:345px;}
.newrightcontentfeature {float:left; width:345px; background-color:#FFFFFF;}
.newrightcontentfeature img {float:right; padding:0px 0px 0px 5px;}
.newrightcontentfeature h2 {padding:0px 0px 7px 0px; font-weight:bold;}
.newrightcontentfeature h3 {padding:0px 0px 3px 0px; font-weight:bold;}
.newsletterimage {float:left; text-align:center; width:100%; padding:15px 0px 15px 0px;}

.ui-tabs .ui-tabs-hide {display: none;}
#tab1.ui-tabs-selected {background-image:url(/images/rotatornavbg_active.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#A9DC5E;}
#tab2.ui-tabs-selected {background-image:url(/images/rotatornavbg_active.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#A9DC5E;}
#tab3.ui-tabs-selected {background-image:url(/images/rotatornavbg_active.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#A9DC5E;}
#tab4.ui-tabs-selected {background-image:url(/images/rotatornavbg_active.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#A9DC5E;}






























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */