/* Link styles
------------------------------------------------ */

a:link    {color: #000000; text-decoration: none;border-bottom:1px dotted #000000;outline: none;}
a:visited {color: #000000; text-decoration: none;border-bottom:1px dotted #000000;}
a:hover   {color: #97c00e; text-decoration: none;border-bottom:1px dotted #97c00e;}
a:active  {color: #97c00e; text-decoration: none;border-bottom:1px dotted #97c00e;}

a:link.green {font-weight:normal;color: #97c00e; text-decoration: none;border:none;}
a:visited.green {font-weight:normal;color: #97c00e; text-decoration: none;border:none;}
a:hover.green {font-weight:normal;color: #FFFFFF; text-decoration: none;border:none;}
a:active.green {font-weight:normal;color: #97c00e; text-decoration: none;border:none;}

/* Container
------------------------------------------------ */

body {
 	margin: 0px;
	padding: 0px;
 	text-align: center;
}

#all
{
	position: relative;
	margin: 0px auto;
	width: 800px;
	padding:0px;
}

#main
{
 	float:left;
 	height: auto;
 	width: 800px;
 	position: relative;
 	text-align: left;
 	margin: 0px;
	padding:0px;
}


/* Header
------------------------------------------------ */


#header
{
    height: 101px;
    width: 800px;
    margin: 0;
    padding: 59px 0 0 0;
    position: relative;
    text-align: left;
 	background-color: #2d2d2f;
        background-image: url('../images/1682.jpg');
        background-repeat: no-repeat;
}



#masthead
{
    height: auto;
    width: 800px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    background-color:#97c00e;
}

/* Footer
------------------------------------------------ */

.body-bottom
{
    width: auto;
    height: 16px;
    padding: 0px;
    border-top: 1px solid #FFFFFF;
    position: relative;
    background-color:#97c00e;
}


#footer {
    height: 36px;
    width: 800px;
    margin: 0px auto;
    padding-top: 8px;
    position: relative;
    text-align: left;
    clear:both;
font-size:90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    border-top: 2px solid #2b292e;
}

.footer-left
{
        float: left;
	width: 180px;
        height: auto;
	margin: 0px;
	padding: 0px;
        text-align:left;
        color: #666666;
}

.footer-right
{
        float: right;
	width: 800px;
        height: auto;
	padding: 0px;
        text-align:right;
        color: #666666;
}


span.foot
{
    color: #666666;
    text-decoration:none;
    outline: none;
}


span.foot a:link, span.foot a:visited
{ 
    color: #666666;
    text-decoration:none;
    border-bottom:1px dotted #666666;
}

span.foot a:hover
{
    color: #000000;
    text-decoration: none;
    border-bottom:1px dotted #000000;
}

span.foot a:active
{color: #000000; text-decoration: none;}


/* Navigation & Lists
------------------------------------------------ */


.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 120%;
    line-height: 1.2em;
}

.articlelist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist li
{
     height: auto;
     margin: 0px 0px 3px 12px;
     padding: 0px 0px 4px 0px;
     list-style-type: none;

}

.articlelist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.articlelist a:link, .articlelist a:visited { color: #000000; text-decoration: none;  border:none;}
.articlelist a:hover { color:  #97c00e; text-decoration: none;      border:none;}
.articlelist a:active { color: #000000; text-decoration: none;      border:none;}
.articlelist li a.active { color: #000000; text-decoration: none;     border:none;}



.serviceslist 
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 120%;
    line-height: 1.2em;
}

.serviceslist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: circle;
     text-decoration: disc; 
}

.serviceslist li
{
     height: auto;
     margin: 0px 0px 3px 16px;
     padding: 0px 0px 4px 4px;
     list-style-type: disc;
     color:#97c00e;

}

.serviceslist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.serviceslist a:link, .serviceslist a:visited { color: #000000; text-decoration: none;  border:none;}
.serviceslist a:hover { color:  #97c00e; text-decoration: none;      border:none;}
.serviceslist a:active { color: #000000; text-decoration: none;      border:none;}
.serviceslist li a.active { color: #000000; text-decoration: none;     border:none;}

.sitemaplist 
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 90%;
    line-height: 1.2em;
}

.sitemaplist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.sitemaplist li
{
     height: auto;
     margin: 0px 0px 2px 12px;
     padding: 0px 0px 2px 0px;
     list-style-type: none;

}

.sitemaplist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.sitemaplist a:link, .sitemaplist a:visited { color: #666666; text-decoration: none;  border:none;}
.sitemaplist a:hover { color:  #97c00e; text-decoration: none;      border:none;}
.sitemaplist a:active { color: #000000; text-decoration: none;      border:none;}
.sitemaplist li a.active { color: #000000; text-decoration: none;     border:none;}




/* Layout
------------------------------------------------ */

.content-float-rigid
{
    height: auto;
    float: left;
    width: 556px;
    padding: 0px;
    margin: 0px;
}


.first-float-rigid
{
    height: 300px;
    float: left;    
    width: 1px;
    padding: 0;
    margin: 0;
}

.second-float-rigid
{
    height: auto;
    float: right;
    width: 555px;
    padding: 0;
    margin: 0 ;
}

.third-float-rigid
{
    height: auto;
    float: right;
    width: 210px;
    padding: 0;
    margin: 0 ;
}

#lhscontainer
{
    height: auto;
    position: relative;
    font: normal 110% Arial, Helvetica, Verdana,  sans-serif;
    margin: 0;
    padding: 0;
    color: #444444;
}


#maincontainer
{
    height: auto;
    font: normal 110% Arial, Helvetica, Verdana,  sans-serif;
    color: #444444;
    position: relative;
    margin: 0px;
    padding: 18px 12px 24px 0px;
    z-index:0;

}

#rhscontainer
{
    height: auto;
    width: auto;
    position: relative;
    font: normal 110% Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: #444444;
    z-index:0;
}

.excerpt
{
    width: auto;
    height: auto;
    padding: 0 0 6px 0;
    margin: 0px;
}

.excerpt p
{
    font-family: Helvetica, Arial;
    line-height: 1.2em;
    font-size: 180%;
    font-weight: normal;
    color:#009e5a;
    padding: 0;
    margin: 0;
}


.feature-row
{   
	padding: 0px;
	margin: 0px;
}


.feature
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
    text-align: left;
	padding:10px 12px 8px 12px;
        margin:0px;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}


.feature-border
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
	padding:10px 12px 8px 12px;
        margin:0px;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}


.feature-wrapper-rigid-home
{
	float: left;
	width: 514px;
	padding: 0px;
	margin: 0px;
}


.first-feature-rigid-home
{
    min-height: 125px;
    float: left;
	width: 283px;
	padding: 0px;
    margin: 0px;
    background-color:#e1e1e1;
        line-height:1.4em;
        font:lighter 100% Helvetica, Arial, Verdana, sans-serif;
        color: #2a2e29; 
}

.second-feature-rigid-home
{
    min-height: 125px;
    float: right;
	width: 260px;
	padding: 0px;
   	margin: 0px;
    background-color:#2d2d2f;
        line-height:1.4em;
        font:lighter 100% Helvetica, Arial, Verdana, sans-serif;
        color: #FFFFFF; 
}

.third-feature-rigid-home
{
    min-height: 125px;
    float: right;
	width: 283px;
	padding: 0px;
    margin: 0px;
    background-color:#97c00e;
        line-height:1.4em;
        font:lighter 100% Helvetica, Arial, Verdana, sans-serif;
        color: #FFFFFF; 
}

.feature-wrapper-rigid
{
	float: left;
	width: 800px;
	padding: 0px;
	margin: 0px;
}


.first-feature-rigid
{
    min-height: 40px;
    float: left;
	width: 263px;
	padding: 0px;
    margin: 0px;
    background-color:#e1e1e1;
        line-height:1.4em;
        font:lighter 100% Helvetica, Arial, Verdana, sans-serif;
        color: #2a2e29; 
}

.second-feature-rigid
{
    min-height: 40px;
    float: right;
	width: 536px;
	padding: 0px;
   	margin: 0px;
    background-color:#2d2d2f;
        line-height:1.4em;
        font:lighter 100% Helvetica, Arial, Verdana, sans-serif;
        color: #FFFFFF; 
}

.feature-title-green
{     
font:lighter 220% Helvetica, Arial, Verdana, sans-serif;
color: #97c00e; line-height:1.2em;
letter-space:1px;
}

.feature-title-grey
{     
font:lighter 220% Helvetica, Arial, Verdana, sans-serif;
color: #2a2e29; line-height:1.2em;
letter-space:1px;
}


.feature-link
{     
    height:auto;
	width:auto;
    font: normal 160%  Helvetica, Arial, Verdana, sans-serif;
	color: #97c00e; 
	text-align:right;
	text-decoration: none;
}

.feature-link a {outline: none;border:none;color: #000000; text-decoration: none;}
.feature-link a:link  {border:none;color: #000000; text-decoration: none;}
.feature-link a:visited  {border:none;color: #000000; text-decoration: none;}
.feature-link a:hover  {border:none;color: #97c00e; text-decoration: none;}
.feature-link a:active  {border:none;color: #000000; text-decoration: none;}


.panel-rhs
{
	height:auto;
	width:210px;
	position: relative;
	margin:0px;
	padding:0px;
	background-color: #cbdf86;
        background-image: url('../images/782.jpg');
        background-repeat: no-repeat;
        background-position: bottom left;
	border-bottom:1px solid #FFFFFF;
}

.panel-rhs-inner
{
	height:auto;
	width:auto;
	position: relative;
	margin:0px;
	padding:12px;
        text-align:right;
        line-height:1.4em;
        font:normal 85% Helvetica, Arial, Verdana, sans-serif;
        color: #000000; 
}

.panel-rhs-inner p

{
padding-bottom:3px;font-size:110%;line-height:1.4em;margin-top:4px;
}


.panel-rhs-inner a
{
    border: none;
}


/* Headers / Paragraphs / Lists
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     line-height: 1.1em;
     padding-bottom: 2px;
}

h1 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 230%; font-weight: normal; color: #97c00e; }
h2 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 170%; font-weight: normal; color:#444444; }
h3 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 180%; font-weight: normal; color:#000000; }
h4 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 120%; font-weight: bold; color: #444444; }
h5 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 140%; font-weight: bold; color: #97c00e; }
h6 { font-size: 110%; font-weight: bold; color: #000000; }

h1, h2, h3, h4, h5, h6, pre, ul, dl, address
{
     margin:  .4em 0;
     padding: 0;
}

p
{
     line-height: 1.4em;
     margin:  .2em 0;
     padding-bottom: 6px;
}


ol
{
     margin: 0em;
     padding-bottom: 6px;
}



ul
{
     margin: 0 0 0 1.2em;
     padding-bottom: 6px;
}

ul ul
{
     margin:0 0 0 1em;
     padding-top: 12px;
}

li
{
     margin:0 0 0 2em;
     line-height: 1.2em;
     padding-bottom: 6px;
}


blockquote
{
    width: 206px;
    height: auto;
    float: right;
    position: relative;
    left: 12px;
    margin: 0px 24px 6px 0px;
    padding: 0 8px 0 12px;
    line-height:1.4em;
    font: bold 130% Arial, Verdana, Helvetica, sans-serif;
    color: #97c00e;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}



/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.3em  Verdana, Arial, Helvetica, sans-serif;
}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */

form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 90%;font-family:Arial, Verdana, Helvetica, sans-serif;}

textarea
{ font: normal 90% Arial, Verdana, Helvetica, sans-serif;}


html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

/* Form Styles
---------------------------------------------------------------- */

.enquiry-form
{padding:8px 8px 8px 0px;height:auto;margin-top:12px;margin-bottom:12px;width:320px;float:right;}

.form-row {width:auto;height:auto;padding: 0; margin:0; text-align:left;}

input.zemText, select.zemSelect, input.zemTextarea
{margin-top:4px;margin-bottom:2px;float:left}

input.zemCheckbox
{ padding:0;margin-top: -4px; padding:0;}

input.zemSubmit {margin: 0 0 0 110px;}

label { font-weight: normal; font-size: 90%;}

label.zemRequired, label.zemRequirederrorElement
{font-weight:bold;}

label.Address2{color:#ffffff;}
.panel-lhs label {margin: 0; padding: 0; display:none;}

label.zemText, label.zemTextarea, label.zemSelect
{   float: left;
   width: 100px;
   margin: 0.3em 10px 0 0;
   text-align: right;
}


select.jump-menu
{  background-color:#666666;color:#FFFFFF;width:}



.zemError 
{
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	width: auto;
	color: #FF0000;
}

.zemError li
{
        padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	color: #FF0000;
}



/* Images / Graphics
------------------------------------------------ */

.hr
{ 
    line-height: 1px; 
    font-size: 1px;
    padding: 0;
    margin: 4px 0 0 0;
    height: 1px;
    width: auto;
    background-image: url('../images/dash.gif');
    background-repeat: repeat-x;
}

.image-right
{
    float: right;       
    height: auto;
    width: auto;
    position: relative;
    margin: 12px 8px 6px 12px;
     border:none;
}

.image-left
{
    float: left;       
    height: auto;
    width: auto;
    position: relative;
    margin: 12px 12px 6px 0;
     border:none;
}

.caption
{
    padding:0 0 4px 8px;margin:0;line-height:1em;
    font: normal 100% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:0;
}


img
{
    border: none;
}

/* Dropdown Menu
------------------------------------------------ */

#navigation
{
    height: auto;
    width: 800px;
    margin: 0px auto;
    padding: 14px 0 0 0px;
    position: relative;
    text-align: left;
    background-color:#424144;
    background-image: url('../images/602.jpg');
    background-repeat: repeat-x;
    clear:both;
}

ul#listMenuRoot {

	margin-left: 0px;
        padding: 0;
	width: 790px;
	height: 30px;
	font-size:100%;
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

ul.menulist ul {font-weight:normal;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0 0 0 0;
 list-style: none;
 font-family:Arial, Helvetica, sans-serif;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 margin: 0;
 padding: 0;
 top: 30px;
 left: 4px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 8px;
 margin-top: 0;
 padding: 0;
 left: 140px;

}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 position: relative;
 text-align: center;
 background:url('../images/navLiBg.gif') no-repeat top left;
border-right:1px solid #666666;
}

.menulist li#m1 {
    background:none;
    }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-left: 0;
 margin-bottom: -1px;
 padding: 0;
 background:#d1e29b;
 border: 1px solid #97c00e;
 margin-right: -1px;
 text-align:left;
filter:alpha(opacity=90);moz-opacity:.90;opacity:.90;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
ul.menulist a {
outline: none;
    display: block;
    color: #FFFFFF;
    text-decoration:  none;
    line-height: 16px;
    margin: 0;
    padding: 0 10px;
    padding-bottom: 0;
border:none;
    }


ul.menulist a:link, ul.menulist a:visited {
    outline: none;color: #FFFFFF; text-decoration: none;
}

ul.menulist li ul li a {
	line-height: 100%;
	padding: 4px 5px 4px 5px;
        margin: 0;
	width:auto;
outline: none;
	}


.menulist a:visited  {color: #000000; text-decoration: none;border:none;}



.menulist li a:active, .menulist li a:hover, .menulist li a.highlighted, .menulist li a.active
{
    color:#FFFFFF;
    background: url('../images/menuHighlight.gif') no-repeat center bottom; text-decoration: none;border:none;
    }


ul.menulist li ul li a:link, ul.menulist li ul li a:visited {
    color: #000000; text-decoration: none;
}
ul.menulist li ul li a:hover, ul.menulist li ul li a.highlighted {
    background-image:none;
	background:#97c00e; color: #000000; text-decoration: none;border:none;
    }

.menulist ul ul a {
 background:#d1e29b;color: #000000;
}

.menulist ul ul a:hover {
    /*background:#97c00e;*/
    }

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.

*/


*:first-child+html .menulist ul li { /* ie 7 RC1 hack */
 float: left;
 width: 100%;
}

*+html .menulist ul li {
 float: left;
 height: 1%;
}
*+html .menulist ul a {
 height: 1%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}

* html .menulist ul a {
 height: 1%;
}

*+html  h2#strap {margin:12px 0 0 240px;}

/* End Hacks */

.menulist li:hover>ul {
 display: block;
}