* { margin: 0px; padding: 0px }
body { font-size: 0.8em; font-family: "Times New Roman", Times, serif, Georgia, ; }

p { padding: .3em .3em 0; }

a:link { text-decoration: none; font-weight: bold; }
a:visited { text-decoration: none; }
a:active { color: #fff; }

td { }
ul { list-style-type: square; margin: 0.5em 1em 0.6em 1em;}

h4 { font-weight: bold; margin: 8px 0 0; left: 5px; line-height: 1.3em; font-size: .95em; }
h5 { font-weight: bold;  font-size: 1.1em; margin: 8px 0 0; left: 5px; line-height: 1.3em; }
#backbody { background-color: #97a37d; position: relative; top: 160px; z-index: 0; width: 100%; height: 525px; }
#pagecontent { background-color: #fff; z-index: 1; width: 800px; position: absolute; top: 10px; height: auto; left: 50%; margin-left: -400px}
#headimg { background: url(../images/bannerphoto.jpg) no-repeat; height: 150px; z-index: 1;  width: 100%;  }
#spacer { text-align: center; font-size: 12px; font-weight: bold; line-height: 2em; color: #fff; width: 799px; background: #7d3423 url(../images/sideshad.gif) repeat-y  right; }
.threecolcont_MAIN { width:auto; background: #fff url(../images/sideshad.gif) repeat-y right; z-index: 3; height: auto;}
.threecolbox_LEFT { width:240px; background: #aa7c6d; height:auto; overflow: visible; float:left;  z-index: 3}
.threecolbox_CENTRE { background: #fff url(../images/treesection.jpg) no-repeat; width:175px; height:420px; float:left; z-index: 3 }

.threecolbox_RIGHT { width:378px; height: 428px; overflow: scroll; float:right; color:#595926; padding:5px; background: #ffffff url(../images/sideshad.gif) repeat-y  right; z-index: 3}
.threecolbox_RIGHT a { font-weight: bold; color: #7d3423; text-decoration: underline;}
.threecolbox_RIGHT a:active { color: #aa7c6d; }
.threecolbox_RIGHT img {border: none; }

.navtable ul {margin: 5px 10px 5px 10px;}
.navtable li { list-style-type: none; color: #7d3423;  font-size: 85%; font-family: Arial; font-weight: bold; background-color:#aa7c6d; width: 96%; margin-left: 6px; line-height: 2em; display: block; border-top: #fff 1px solid; }

.navtable li a { font-weight: bold; color: #fff; width: 100%; margin-left: 0pt;  display: block; }
.navtable li a:visited { background-color:#aa7c6d; color: #fff; }
.navtable li a:hover { background-color: #7d3423; color: #fff;  }
.navtable li a:active { background-color: #7d3423; color: #aa7c6d; }

.navtabwel { color: #7d3423;  font-size: 85%; font-family: Arial; font-weight: bold; background-color:#aa7c6d; width: 96%; margin-left: 12px; line-height: 1.8em; vertical-align: middle; display: block; }

.navtabwel a { color: #fff; width: 100%; margin-left: 0pt;  display: block; }
.navtabwel a:visited { color: #fff; }
.navtabwel a:hover { color: #7d3423;  }

.navtabgr { color: #7d3423;  font-size: 85%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color:#aa7c6d; width: 89%; margin-left: 10px; line-height: 1.8em; vertical-align: middle; display: block; }

.navtabgr a { font-weight: bold; font-weight: bold; color: #fff; width: 100%; margin-left: 0pt;  display: block; }
.navtabgr a:visited {  font-weight: bold; background-color:#aa7c6d; color: #fff; }
.navtabgr a:hover {  font-weight: bold; background-color: #336633; color: #fff;  }
.navtabgr a:active {  font-weight: bold; background-color: #336633; color: #000; }

.footer { color: #7d3423; width: 100%; height: 100px; background: #fff url(../images/bottomcorner.gif) no-repeat bottom right; font-size: 0.5em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: center;  clear: both; z-index: 3; margin-left: 1px; }

.footer img { margin: 15px; margin-top: 15px; margin-bottom: 5px}
.footer a { font-size: 100%; color: #336633; text-decoration: none;}

 /* The cases rollover containers */
 .cases, .cases2, .cases3, .cases4, .cases5, .cases6   { position: absolute; top: 184px; left: 50%; margin-left: 10px; width:385px; height: 410px; background-color: #aa7c6d; border: #fff 1px ridge; z-index: 10; display: none; overflow: visible;}     
.cases h4,  .cases2 h4, .cases3 h4, .cases4 h4,  .cases5 h4,  .cases6 h4 { color: #fff; font-size: 0.9em; font-weight: 
  										bold; font-family: Arial; line-height: 1.4em; margin: 10px 20px 0px 16px; 
  										display: block ; clear: both; border-bottom: #fff 1px solid;}
  .cases h5,  .cases2 h5, .cases3 h5, .cases4 h5,  .cases5 h5,  .cases6 h5 { color: #7d3423; font-size: 1em; font-weight: 
  										bold; font-family: Arial; line-height: 1.4em; margin: 3px 40px 0px 16px;
  										display: block ; clear: both; border-bottom: none;}
  	 .cases p, .cases2 p, .cases3 p, .cases4 p, .cases5 p, .cases6 p  { position: static; margin: 10px 5px 0px 16px; padding: 0; color: #fff; font-size: 0.95em; font-family: Arial; font-weight: bold; line-height: 1.3em; }
 .cases img, .cases2 img, .cases3 img, .cases4 img, .cases5 img, .cases6 img { margin: 16px; margin-top: 15px; margin-right: 24px;	float: right; border: 1px double #fff}
.cases ul , .cases2 ul {position: static; margin: 0; padding: 1em  .4em 2em 1.5em; color: #fff; font-size: 0.9em; font-weight: bolder; font-family: Arial; line-height: 1.2em;}
										
.imagestack { width: 120px; float: right; position: static; padding: none; margin-bottom: 6px}
.imagestack img { margin-top: 18px; margin-bottom: 0px; margin-right: 24px; margin-left: 0px; }
.stackp { float: left; width: 260px; padding: 0px; margin-right: 0px; margin-bottom: 6px; line-height: 1.3em; }