/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%; 
  background:#005338;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Generic Styles */

h1{
margin:0px 0 10px 0;
font-size:24px;
font-weight:normal;
line-height:30px;
font-family: "Times New Roman", Times, serif;
}

h2{
margin:0px 0 10px 0;
font-size:18px;
font-weight:normal;
line-height:22px;
font-family: "Times New Roman", Times, serif;
}

h3{
margin:0px 0 10px 0;
font-size:16px;
font-weight:normal;
line-height:20px;
font-family: "Times New Roman", Times, serif;
}


h4{
margin:0px 0 10px 0;
font-size:24px;
font-weight:normal;
line-height:26px;
font-family: "Times New Roman", Times, serif;
}

h5{
margin:0px 0 10px 0;
font-size:20px;
font-weight:normal;
line-height:22px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

h6{
margin:0px 0 10px 0;
font-size:14px;
font-weight:bold;
line-height:16px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
margin:0 auto;
padding:0px 0 10px 0;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:17px;
color:#666666;
}

a{
color:#006633;
font-weight:normal;
text-decoration:underline;
}

.reversed a:link{
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}

a:link{
color:#006633;
font-weight:normal;
text-decoration:underline;
}

a:hover{
color:#000000;
font-weight:normal;
text-decoration:underline;
}

a:active{
color:#CCCC33;
}

a:visited{
color:#999999;
}


ul{
margin:0 auto;
padding:0 20px 0px 0;
list-style:square;
}

li{
text-indent:0px;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:bold;
padding-bottom:10px;
}


.home-subheads p{
margin:0 auto;
padding:0px 0 0px 0;
}

.text12{
font-size:11px;
line-height:13px;
}

.text10{
font-size:10px;
line-height:11px;
}

.bolden{
font-weight:bold;
}

.italic{
font-style:italic;
}



/* Links on Green #005338 background  */


.ongreen a{
color:#ffffff;
text-decoration:underline;
}

.ongreen a:link{
color:#ffffff;
text-decoration:underline;
}

.ongreen a:hover{
color:#CCCCCC;
text-decoration:underline;
}

.ongreen a:active{
color:#CCCC33;
}

.ongreen a:visited{
color:#999999;
}


/* Head Headings */

.head_home{
background:url(../images/head_home.gif) top left no-repeat;
}
.head_boxtree{
background:url(../images/head_box_tree.gif) top left no-repeat;
}

.head_melford{
background:url(../images/head_melford.gif) top left no-repeat;
}

.head_ampton{
background:url(../images/head_ampton.gif) top left no-repeat;
}

.head_wretton{
background:url(../images/head_wretton.gif) top left no-repeat;
}

.head_links{
background:url(../images/head_links.gif) top left no-repeat;
}

.head_supplies{
background:url(../images/head_supplies.gif) top left no-repeat;
}

.head_shop{
background:url(../images/head_shop.gif) top left no-repeat;
}

.head_contact{
background:url(../images/head_contact.gif) top left no-repeat;
}


/* sub headers */


.head_boxtree_head{
background:url(../images/subhead_box_tree.gif) top left no-repeat;
}

.head_melford_head{
background:url(../images/subhead_melford_hall.jpg) top left no-repeat;
}

.head_ampton_head{
background:url(../images/subhead_ampton.gif) top left no-repeat;
}

.head_wretton_head{
background:url(../images/subhead_wretton.gif) top left no-repeat;
}



/* Sub heading home page */

.sub1{
background:url(../images/subhead_home1.gif) top left no-repeat;
}

.sub2{
background:url(../images/subhead_home2.gif) top left no-repeat;
}

.sub3{
background:url(../images/subhead_home3.gif) top left no-repeat;
}

.sub4{
background:url(../images/subhead_home4.gif) top left no-repeat;
}


/* Menu */

.menuposition{
position:relative;
top:0px;
left:0px;
margin:0 auto;
padding:100px 0px 0 20px;
float:left;
width:630px;
z-index:99;
}

.menuposition ul{
margin:0 auto;
padding:0;
list-style:none;
}

.menuposition ul li{
float:left;
}

.menuposition li{
}

.menuposition ul a{
text-decoration: none;
display:block;
color:#FFFFFF;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:auto;
}

.menuposition ul a:hover{
color:#99CC66;
}

.menupad{
padding-right:58px;
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
z-index:100;
width: 200px;
visibility: hidden;
/*Add Shadow in IE. Remove if desired filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); */
background:#b3ccc4;
margin-top:0px;
padding-left:0px;
padding-bottom:2px;
border-left:#ffffff solid 1px;
border-top:#ffffff solid 1px;
border-bottom:#333333 solid 1px;
border-right:#333333 solid 1px;
}

/*
.dropmenudiv a{
width: auto;
display: block;
THEME CHANGE HERE border-bottom: 1px solid #BBB; 
text-decoration: none;
font-weight: bold;
color: black;
}
*/

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

/*THEME CHANGE HERE
.dropmenudiv a:hover{ 
background-color: #666666;
}
*/

.dropmenudiv ul li{
list-style:none;
text-indent:5px;
margin:0 auto;
padding:2px 0 2px 0;
}

.dropmenudiv li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#005338;
text-decoration: none;
line-height:13px;
}

.dropmenudiv li a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#005338;
text-decoration: none;
line-height:13px;
}

.dropmenudiv li a:hover{
color:#666666;
}




/*------------Columns--------------*/

.columnleft_home{
height:105px;
float:left;
width:252px;
clear:left;
}

.columnleft_home p{
font-family:Arial, Helvetica, sans-serif;
}

.column_flash{
float:right;
width:380px;
height:435px;
}



/*---------dividers------------*/

.dividerline{
border-left:#999999 solid 1px;
}


.low-z{
z-index:-10;
}

/*----------Boxed Panel--------*/

.box{
background:#EEEEEE;
border:#C6C6C6 solid 1px;
}

/* Images */

.slideshow{
position:relative;
top:0px;
left:0px;
z-index:1;
}

.slideshow img{
border:#FFFFFF solid 4px;
}

.imgleft{
padding:5px 10px 5px 0;
float:left;
}


.imgright{
padding:5px 0px 5px 10px;
float:right;
}


/* Footer Styles */

#footer h1, #footer h2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding:0px;
margin:0 auto;
line-height:18px;
color:#FFFFFF;
}

#footer h3, #footer h4, #footer h5, #footer h6{
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:0px;
margin:0 auto;
line-height:26px;
color:#FFFFFF;
}

#footer a{
text-decoration:underline;
color:#ffffff;
}

#footer a:link{
text-decoration:underline;
color:#ffffff;
}

#footer a:hover{
text-decoration:underline;
color:#cccccc;
}



/* Scrolling Control */

.hideoverflow{
overflow:hidden;
}

.scrolloverflow{
overflow:auto;
}


/*Buttons*/

.smallbut{
width:80px;
}

.medbut{
width:180px;
}

.mailtobut{
width:160px;
}

.button{
height:22px;
background:#CC6633;
border:#993300 solid 1px;
}

.button a{
display:block;
font-size:11px;
line-height:22px;
font-weight:bold;
background:url(../images/but_right.gif) no-repeat top right;
color:#ffffff;
text-decoration:none;
text-align:center;
height:22px;
}

.button a:hover{
color:#000000;
font-size:11px;
line-height:22px;
font-weight:bold;
}


.links a{
display:block;
font-size:12px;
color:#FFFFFF;
background-color:#666666;
text-decoration:underline;
height:20px;
width:150px;
text-align:center;
padding:2px 10px 2px 10px;
border:#000000 solid 1px;
}

.links a:hover{
color:#666666;
background-color:#cccccc;
text-decoration:none;
}

/*Accordion Setup*/

.toggler  { 
cursor:pointer; 
font-weight:normal; 
color:#ffffff; 
margin: 0; 
padding:5px; 
margin-left:30px;
font-size:14px;
line-height:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:28px;
}

.boxtree-arrow{
background:url(../images/accordian_arrow_g.jpg) top left;
}


.boxtree{
background:#005338 url(../images/accordian_MMMM_g.jpg) top right no-repeat;
}


.melford-arrow{
background:url(../images/accordian_arrow.jpg) top left;
}


.melford{
background:#692150 url(../images/accordian_MMMM.jpg) top right no-repeat;
}

.ampton-arrow{
background:url(../images/accordian_arrow_b.jpg) top left;
}


.ampton{
background:#1C3C59 url(../images/accordian_MMMM_b.jpg) top right no-repeat;
}

.wretton-arrow{
background:url(../images/accordian_arrow_r.jpg) top left;
}


.wretton{
background:#831D2F url(../images/accordian_MMMM_r.jpg) top right no-repeat;
}

.toggler:hover	 { 
color:#cccccc;  
}

.element	 { 
margin-top:0px; 
}

/*   Table info   */

.tabletxt{
margin:0 auto;
padding:0px 0 10px 0;
font-size:11px;
font-style:normal;
font-weight:bold;
line-height:17px;
color:#666666;
}



/* Colours */


.white{
color:#FFFFFF;
}

.blue{
color:#1C3C59;
}

.green{
color:#005338;
}

.purple{
color:#692150;
}

.red{
color:#831D2F;
}

.ltgreen{
color:#b3ccc4;
}

.ltpurple{
color:#d2bdcb;
}

.ltblue{
color:#b7c1ca;
}

.ltred{
color:#d8b7bd;
}

.ltgrey{
color:#999999;
}

.mdgrey{
color:#666666;
}

.dkgrey{
color:#333333;
}



/* Positioning */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textleft{
text-align:left;
}

.textright{
text-align:right;
}

.textcentre{
text-align:center;
}


/* Spacing */


.nomargin{
margin:0 0 0 0;
}

.marLR5{
margin-left:5px;
margin-right:5px;
}

.marBOT5{
margin-bottom:5px;
}

.marBOT10{
margin-bottom:10px;
}

.marBOT20{
margin-bottom:20px;
}

.marTOP5{
margin-top:5px;
}

.marTOP-13{
margin-top:-13px;
}

.marTOP10{
margin-top:10px;
}

.marTOP20{
margin-top:20px;
}

.marTOP30{
margin-top:30px;
}

.marTOP35{
margin-top:35px;
}


.marTOP40{
margin-top:40px;
}

.marTOP60{
margin-top:60px;
}

.marL5{
margin-left:5px;
}

.marR5{
margin-right:5px;
}

.marL10{
margin-left:10px;
}

.marR10{
margin-right:10px;
}

.marL20{
margin-left:20px;
}

.marL40{
margin-left:40px;
}

.marR20{
margin-right:20px;
}

.pad20{
padding:20px;
}

.padL5{
padding-left:5px;
}

.padR5{
padding-right:5px;
}

.padL10{
padding-left:10px;
}

.padR10{
padding-right:10px;
}

.padL20{
padding-left:20px;
}

.padR20{
padding-right:20px;
}

.padcolumn{
padding:20px 20px 1px 20px;
}

.padTOP10{
padding-top:10px;
}

.padTOP20{
padding-top:20px;
}

.padTOP50{
padding-top:50px;
}


/* Widths */

.widthright {
  width: 313px;
}

.width {
  width: 980px;
}

.widthPad {
  width: 940px;
}

.widthPad2 {
  width: 940px;
}

.width10{
width:10%;
margin-right:-1px;
}

.width15{
width:15%;
margin-right:-1px;
}

.width20{
width:20%;
margin-right:-1px;
}

.width22{
width:22%;
margin-right:-1px;
}


.width25{
width:25%;
margin-right:-1px;
}

.width30{
width:30%;
margin-right:-1px;
}

.width33{
width:33%;
margin-right:-1px;
}

.width35{
width:35%;
margin-right:-1px;
}

.width40{
width:40%;
margin-right:-1px;
}

.width45{
width:45%;
margin-right:-1px;
}

.width48{
width:48%;
margin-right:-1px;
}

.width50{
width:50%;
margin-right:-1px;
}

.width55{
width:55%;
margin-right:-1px;
}

.width60{
width:60%;
margin-right:-1px;
}

.width65{
width:65%;
margin-right:-1px;
}

.width70{
width:70%;
margin-right:-1px;
}

.width75{
width:75%;
margin-right:-1px;
}

.width80{
width:80%;
margin-right:-1px;
}

.width85{
width:85%;
margin-right:-1px;
}

.width90{
width:90%;
margin-right:-1px;
}

.width95{
width:95%;
margin-right:-1px;
}

.width98{
width:98%;
margin-right:-1px;
}

.width100{
width:100%;
margin-right:-1px;
}