@import url("reset.css");

html{
height:101%
}

body {
background:#588028;
color:#333;
font-size:14px;
font-family:'Droid Sans', Arial, Helvetica, sans-serif;
padding:30px 0;
}

a {
color:#3030A9;
text-decoration:none;
}

a:hover {
color:#008000;
text-decoration:none;
}

#container {
width:1000px; /* 860px +140 */
background:#FAFAFA;
margin:0 auto;
padding:30px;
}

#container #header {
width:1000px; /* 860px +140 */
height:70px; /* 60 */
/* border-bottom:1px solid #AAA; */
}

#container #header #logo {
float:left;
width:300px; /*  */
height:50px;
padding:0px 0 0;
}

#container #header #logo h1 a {
color:#333;
font-weight:400;
font-size:22px;
letter-spacing:-1px;
text-transform:lowercase;
}

#container #header #menu {
position:relative;
float:left;
margin:5px 0 0 0; /* 0 0 0 0 */
width:700px; /* 560px +140 */
height:60px;
z-index:999;
}

#menu ul {
float:right;
height:36px;
}

#menu ul li {
float:left;
display:block;
}

#menu ul li a {
float:left;
display:block;
color:#666;
background:#DCDCDC;
line-height:36px;
font-size:11px;
text-decoration:none;
text-transform:uppercase;
margin:0 0 0 5px;
padding:0 20px;
}

#menu ul ul li a {
float:none;
width:138px; /* 160px -22 */
line-height:14px;
padding:10px 20px;
}

#menu ul li a:hover, #menu ul li.sfHover a, #menu ul ul a {
color:#FFF;
background:#557C27; /* 333 */
}

.sf-menu, .sf-menu * {
list-style:none;
margin:0;
padding:0;
}

.sf-menu {
line-height:1.0;
}

.sf-menu ul {
position:absolute;
top:-999em;
width:200px;
margin-top:0;
padding-top:0;
}

.sf-menu ul li {
width:100%;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li {
float:left;
position:relative;
}

.sf-menu a {
display:block;
position:relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:0;
top:36px;
z-index:99;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left:200px;
top:0;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}


/* PROMO */

#promo {
background: #DCDCDC; /* AAA */
border-bottom: 1px solid #DCDCDC;
float: right;
width: 240px
margin: 0 20px 0 20px;
margin-bottom: 20px;
padding: 10px 20px 20px 20px
}

#promo h6 {
background: #DCDCDC; /* AAA */
color: #222;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
letter-spacing: 1.3px;
margin: 0px 0 6px 0;
text-align: center;
text-transform: titlecase
}

#container #gallery {
width:1000px; /* 860px +140 */
height:260px;  /* 230 + 30 Opacity */
/* border-bottom:1px solid #AAA; */
}

#container #main {
width:1000px; /* 860px +140 */
line-height:22px;
border-bottom:1px solid #AAA;
padding:30px 0;
}

#container #gallery {
width:1000px; /* 860px +140 */
height:260px;  /* 230 + 30 Opacity */
/* border-bottom:1px solid #AAA; */
}

#container #main {
width:1000px; /* 860px +140 */
line-height:22px;
border-bottom:1px solid #AAA;
padding:30px 0;
}

.portfolio {
border:1px solid #496A21;
float:left;
height:135px;
margin:0 4px 4px 0px;
padding:2px;
width:230px
}


/* TABLE */

.lists 
{


width:100%;

border-collapse:collapse;

}


.lists td, .lists th 
{

font-size:1em;

border:1px solid #588028;

padding:3px 7px 2px 7px;

vertical-align:bottom;
}


.lists th 
{

font-size:1.1em;

text-align:center;

padding-top:5px;

padding-bottom:4px;

background-color:#D0DCAD;

color:#333;

}


.lists tr.alt td 
{

color:#111;

background-color:#EAF2D3;

}

/* END TABLE */

span.FFF {
color: #FFF;
font-size: 100%
}

span.FAFAFA {
color: #FAFAFA;
font-size: 100%
}

span.DCDCDC {
color: #DCDCDC;
font-size: 100%
}


/* SUB/SUPERSCRIPT */

.small, .sub, .sup {
font-size: .73em;
line-height: 0
}
.sub {
vertical-align: sub
}
.sup {
vertical-align: super
}


/* CENTRE IMAGE + TOP AND BOTTOM MARGINS */

div.img {
margin: 25px 0 25px 0;
text-align: center
}

#container #main p {
margin:0 0 15px;
text-align: justify
}

#container #main h1, #container #main h2, #container #main h3, #container #main h4, #container #main h5 {
font-weight:400;
letter-spacing:-1px;
margin:0 0 15px;
}

#container #main h1 {
font-size:22px;
margin:7px 0 15px; /* Increase padding above page title */
}

#container #main #mainleft h1, #container #main #mainleft h2, #container #main #mainleft h3, #container #main #mainleft h4, #container #main #mainleft h5 {
color:#666;
}

#container #main ul {
list-style-type:square;
color:#496A21;
margin:0 0 15px 35px;
}

#container #main ol {
list-style-type:decimal;
margin:0 0 15px 35px;
}

#container #main blockquote {
background:#DDD;
border-left:3px solid #777;
font-style:italic;
line-height:18px;
margin:0 0 15px;
padding:15px;
}

div.centre {
text-align:center
}

#container #main #mainleft {
float:left;
width:240px; /* 200px +40 */
color:#666;
padding:0 40px 0 0;
}

#container #main #mainleft ul.sidemenu {
float:left;
width:240px; /* 200px +40 */
margin:0 0 15px;
}

#container #main #mainleft ul.sidemenu li {
display:block;
list-style-type:none;
}

#container #main #mainleft ul.sidemenu li a {
float:left;
width:220px; /* 180px +40 */
background:#DCDCDC;
color:#666;
margin:0 0 1px;
padding:6px 10px;
}

#container #main #mainright {
float:left;
width:720px; /* 620px +100 */
}

#container #footer {
width:960px; /* 820px +140 */
font-size:11px;
line-height:12px;
text-align:right;
color:#666;
padding:20px 40px 0;
}

#container #footer img {
margin-top: 0px;
float: right;
padding: 0px 0px 0px 8px;
width: 25px;
}

#container #header #logo h1 a span, #container #header #logo h1 a:hover {
color:#777;
}

#menu ul li li a:hover, #menu ul li.sfHover li a:hover, #container #main #mainleft ul.sidemenu li a:hover {
color:#FFF;
background:#496A21; /* 111 */
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top:-999em;
}

#container #main h2, #container #main h3 {
font-size:20px;
}

#container #main h4, #container #main h5 {
font-size:18px;
}

#container #main ul li, #container #main ol li {
padding:0 0 0 2px;
}