/* reset script as recommended online */
* {  
vertical-align: baseline;  
font-family: inherit;  
font-style: inherit;  
/* zzz
font-size: 100%;  
*/
border: none;  
padding: 0;  
margin: 0;  
}  

body
{
/* full screen background */
background-image: url("images/bg.jpg"); 
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
min-height: 100%;

padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:0px auto auto auto;
color:#514c48;
}
a{
text-decoration:underline;
color:#008000; 
}
p{
text-align:justify;
line-height:18px;
padding:5px 0 5px 0;
font-size:14px;
margin:0px;
}
span{
color:#FF9900;
}
p.clear{
clear:both;
}
img.left_img{
float:left;
padding:5px 12px 0 0;
}
img.left_img_border{
float:left;
margin:5px 12px 0 0;
border:3px #b1cee0 solid;
}
h1{
font-size:18px;
color:#008000; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:20px 0 5px 0;
margin:0px;
}
h2{
font-size:16px;
font-style: italic;
color:#008000; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:15px 0 5px 0;
margin:0px;
}
#main_container{
width:900px;
height:auto;
margin:auto;
padding:0px;
position:relative;
}

.bulletindent {
text-align:justify;
line-height:18px;
padding:5px 0 5px 22px; /* top right bottom left */
font-size:14px;
display: list-item;
}
.bulletindent li {
width:100%;
}

/*---------------- menu area ----------------------*/
ul {
margin: 0;
padding:10px 0 10px 0;
overflow: hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.menu { /* links across top of screen */
list-style-type: none;
margin: 0;
padding:0 0 10px 0;
overflow: hidden;
width:900px;
height:52px;
font-family: Arial, Helvetica, sans-serif;
font-size:17px; /* size for whole menu bar including sub menus */
font-weight: bold;

background:url("images/menu-background-blue27-100.gif") no-repeat center;
}

li {
float: left;
}

li a, .dropbtn {
display: inline-block;
color: #008000; 
text-align: center;
padding: 16px 0px 10px 30px; /* adjust menu position */
text-decoration: none;
background-color: transparent;
}

li a:hover, .dropdown:hover .dropbtn {
color: #008000; 
text-decoration:underline;
}

li.dropdown { 
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
margin-left: 16px; /* menu right position less drop-down left padding */
background-color: #f9f9f9;
min-width: 125px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
color:#b38f00; /* text colour on drop-down */
padding: 12px 14px;
text-decoration: none;
display: block;
text-align: left; /* alignment of drop-down link */
background-color: #e6ffff; /* background for the drop-down list */
}
/* remove background shading on hover 
.dropdown-content a:hover {
background-color: #f1f1f1
}
*/
.dropdown:hover .dropdown-content {
display: block;
}


/*----------------main_content----------------*/
#main_content{
width:auto;
clear:both;
background-color:#FFFFFF;
height:auto;
padding:5px 0 0 0; /* create some space between the banner and menu */
}
#middle_banner{ /* background coded here, text and extra images in html */
width: 850px; 
height:250px; 
margin:auto;
background:url("images/middle_banner_bg.jpg") no-repeat center; 
font-weight:bold;
font-family:Trebuchet MS, Comic Sans, Verdana, sans-serif;
color:#FFFFF0;
}
.middle_banner_content{
padding:0px 0 0 0; /* top right bottom left */
}
.middle_banner_content_left {
width: 850px;
height:auto;
font-size:36px;
padding:0px 0px 0 15px; /* top right bottom left */
float:left
}
.middle_banner_content_right {
padding:0px 50px 0 0; /* top right bottom left */
float: right;
}
.middle-subheading {
width: 850px;
height:60px;
padding:10px 0px 0 15px; /* top right bottom left */
font-size:24px;
float:left;
}
.middle-more {
height:auto;
padding:30px 0px 0 15px; /* top right bottom left */
font-size:18px;
float:left;
}
.left-picture {
height:250px;
margin:10px 10px 5px 0px; /* top right bottom left */
float:right;
}
.right-picture {
height:250px;
margin:10px 0 5px 10px; /* top right bottom left */
float:right;
}
.right-XL-picture {
height:400px;
margin:10px 0 5px 10px; /* top right bottom left */
float:right;
}

#left_content{ /* left hand column */
width:395px;
float:left;
height:auto;
padding:10px 0 0 25px;
}
#right_content{ /* right hand column */
width:395px; /* 225px; */ 
float:left;
height:auto;
padding:10px 0 0 50px;
}
#wide_content{
width:800px;
float:left;
height:auto;
padding:10px 10px 0 50px;
}

/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 30px;
color:#666666;
}
.contact_input{
width:290px;
height:17px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
label.contact_form{
width:200px;
padding:0 0 5px 0;
font-size:12px;
}
.contact_textarea{
width:290px;
height:80px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}

/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 10px 15px 10px;	/* top right bottom left */
text-align:center;
color:#999999;
font-size:11px;
font-style: italic;
}