/* CSS Document */
html {
    background: url(images/tree.png) no-repeat;
	background-position:center;
	background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	 background-color: #66761c;
}
body {width: 100%; height: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; padding:0; margin:0;}
/* ----------------HEADINGS - fonts, colours and styling--------------------- */
h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 28px; color: #485579; font-weight: 300; letter-spacing: 1px; padding-left: 10px;}
h2 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 300; letter-spacing: 1px; color: #485579; padding-left: 10px; padding-top: 5px;}
h3 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #485579; font-weight: bold; padding-left: 10px; padding-top: 5px; margin: 3px;}
h4 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #485579; font-weight: bold; padding-left: 8px; padding-top: 5px; margin: 3px;}
h5 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #595a5b; font-weight: bold; padding-left: 10px; margin: 3px 0px;}
li {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #595A5B; padding: 5px 10px; margin:0px; line-height:1.5em;}

p {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #595A5B; padding: 5px 10px; margin:0px; line-height:1.5em;}

hr{margin: 0; height: 2px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 2px; border-bottom-color: #edf5f9; border-bottom-style: solid; border-collapse: collapse;}
.book hr
{background-color: #cccccc; border: 0 none; color: #cccccc; height: 1px; margin-left:10px;}

/* ----------CONTAINER, CONT AND CCONT are used to add the dropshadow and to center the layout---------- */
#cont {width: 1040px; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);margin: 0 auto; z-index: 9; top; 0px;}
#container { background: #ffffff; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); position: relative; height: auto; min-height:900px; width: 1000px; padding:0px; margin: 0 auto; z-index:10; top: 150px;} 
/* ----------BANNER for logo-------------- */
#banner {width: 100%; height: 150px; background-color: #ffffff; position: fixed; z-index: 12; top: 0;}
/* -----------------TOPMENU styles--------------------- */
#topmenu {width: 100%; position: relative; height: 30px; background-color: #1a1d27;}
#topmenu p {margin-left: -10px; font-size: 11px;}
#topmenu a {font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: 2px; font-weight: bold; padding-top:7px; padding-left:10px; padding-right:10px; padding-bottom:4px;}
#topmenu a:link{color:#f4f5f8;}
#topmenu a:visited{color:#f4f5f8;}
#topmenu a:hover{color:#68771e;}
			
/* -----------------CONTENT - backdrop on all pages and link behaviour--------------------- */
#content{position: relative; margin: 0 14px;}
#content a {text-decoration: none; font-weight: bold;}
#content a:link{color:#515356;}
#content a:visited{color: #515356;}
#content a:hover{color: #68771e;}
#content a:active{color: #68771e;}
				
#left {position: relative; width: 650px; margin: 20px;}
.banner td {background: transparent; background-color: #d60101; border-radius: 20px; border:6px solid; border-color: #68771e;}

/* ----------------- null is used to hold the share this box and prevent it from inheriting styles above  --------------------- */
#null a:link, #null a:visited, #null a:hover, #null a:active{background: transparent; background-image: none; background-color: transparent;}



/* -----------------right side page content - pages with left menu--------------------- */
#rightcontent {height:775px; margin: 0 0 0 700px; width: 270px; position: absolute; padding: 0; background: #c9d3b9; top: 25px; border-radius:15px;} 

/* submit button and email field*/
input[type="submit"] {background: #374b1a;line-height: 1.5em;border-radius: 5px; border: 1px solid #ccc; color: #eee;cursor: pointer;}	
input[type="text"] {line-height: 1.5em;border-radius: 5px;}
/*  ----------------footer---------------------- */ 
#footer {width: 100%; clear: both; height: 30px; background:#1a1d27; background-position: center bottom no-repeat; text-align: center; margin-left: auto; margin-right: auto; position: fixed; z-index:11; padding-bottom: 5px; bottom: 0;}
#footer p {color: #b3b3b4; font-size: 70%; letter-spacing: 2px; margin-top:8px;}
#footer a {text-decoration: none; font-weight: normal;}
#footer a:link{color:#bcbcbc;}
#footer a:visited{color:#bcbcbc;} 
#footer a:hover{color:#54618b;}