*{margin:0;padding:0;list-style:none;}

html, body{
	height: 100%;
	
}

body {
	
	font:62.5%  "trebuchet ms", Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	background: #333;
	
}


/* Main heading and font styles */

h1 {color: #669933; font-size: 1.8em; font-weight:normal; letter-spacing: 0px; padding: 0; margin: 0;}

h1 a {float: left; display: block; height: 100%; width: 100%; color: #FF6600; text-decoration:none;}
h1 a:hover {display: block; height: 100%; width: 100%; color: #333; text-decoration:none;}
h1 a:visited {display: block; height: 100%; width: 100%; color: #333; text-decoration:none;}
h1 a:active {display: block; height: 100%; width: 100%; color: #333; text-decoration:none;}

h2 {color:#669933; font-size: 1.4em; font-weight:normal; letter-spacing: 0px; margin-bottom: 0px; padding: 5px 0px 0px 10px; }
h3 {color:#ffffff;font-size: 1.8em; font-weight:normal; letter-spacing: 0px;  padding: 0;  margin: 0 0 10px 0; }
h4 {color:#669933;font-size: 1.6em; font-weight:normal; letter-spacing: 0px;  padding: 0;  margin: 0 0 10px 0; }
h5 {color:#669933;font-size: 1.6em; font-weight:normal; letter-spacing: 0px;  padding: 0;  margin: 0; }


p {color:#333; font-size: 1.3em;font-weight:normal; margin-bottom: 10px; letter-spacing: 0px; line-height: 1.4em;}

p.home-big {color:#333; font-size: 2.1em;}
p.home-sub {color:#333; font-size: 1.5em;}

p.phone {color:#333; font-size: 1.9em;}
p.phone a {color:#669933;  text-decoration:none;}
p.phone a:hover {color:#333;  text-decoration:none;}

a {color: #FF6600; text-decoration:underline;}

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



/* Slideshow CSS */

pre { display:none }
.pics { height: 250px; width: 555px; padding:0; margin:0; overflow: hidden; border: #ccc solid 1px; }
.largepics { height: 500px; width: 555px; padding:0; margin:0; overflow: hidden; border: #ccc solid 1px; }


/* Colours */

.blue {color: #669933; text-decoration:none;}
.orange {color: #669933; text-decoration:none;}
.action {color: #FF6600; text-decoration:none;}

/* Misc CSS */

#corner {position: fixed; width: 230px; height: 230px; padding: 0px; float: right; bottom: 0px; right: 0px; background: url("adb.gif") no-repeat; z-index: 10000; }


#corner img {border: 0;}


.clear{clear: both;}
.spacer {width: 100%; height:20px;}

.left-boxes {width: 100%; border-bottom: #ccc dotted 1px; margin-bottom: 10px;}

.infoboxvirt {float: left; width: 255px;  border-top: #ccc dotted 1px; border-bottom: #666 solid 5px; border-right: #ccc dotted 1px; border-left: #ccc dotted 1px; background: #fff; height:80px;  margin: 0 10px 10px 10px;}
* html .infoboxvirt {float: left; width: 250px;  border-top: #ccc dotted 1px; border-bottom: #666 solid 5px; border-right: #ccc dotted 1px; border-left: #ccc dotted 1px; background: #fff; height:90px;  margin: 0 10px 10px 10px;}

.infobox {float: left; width: 255px;  border-top: #ccc dotted 1px; border-bottom: #666 solid 5px; border-right: #ccc dotted 1px; border-left: #ccc dotted 1px; background: #fff; height:40px;  margin: 0 10px 10px 10px;}
* html .infobox {float: left; width: 250px; border-top: #ccc dotted 1px; border-bottom: #666 solid 5px; border-right: #ccc dotted 1px; border-left: #ccc dotted 1px; background: #fff; height:40px;  margin: 0 10px 10px 10px;}

.infobox p  {text-align: center; color: #333; padding: 10px 10px 10px 10px; }
.infoboxvirt p  {text-align: center; color: #333; padding: 10px 10px 10px 10px; }

.threeboxes {float: left; width: 125px;  border: #ccc solid 1px; margin-right: 8px; }
.threetextboxes {float: left; width: 125px;  border: #fff solid 1px; margin-right: 8px; margin-top: 5px; }
.emptybox {float: left; width: 125px; height: 182px; border: #fff solid 1px; margin-right: 8px;}

.threetextboxes p {font-size: 1.1em;}

.phonenumber {float: right; width: 130px; padding-top: 5px;}
.phonenumber p {font-size: 1.8em;}


/* Image CSS */

img {float: left; border: 0;}



/* Start Header */


#top {float: left; width:100%; margin:0px; overflow:hidden; background: #ffffff; }


#inner-top {width:1000px; margin:20px auto 0; overflow:hidden; background: #ffffff; }


#header  {float:left; width:1000px; height:100px; }



#header-top {float:left; width:1000px; height:40px;}
#header-top-left {float:left; width:620px; height:40px;}
#header-top-right {float:right; width:252px; height:40px;}


#nav {float:left; width:1000px; padding:0; margin: 20px 0 0 0; font-size:1.1em; height: 34px; border-bottom: #999 solid 1px;  overflow: hidden;}
* html #nav {float:left; width:1000px; padding:0; margin: 20px 0 0 0; font-size:1.1em; height: 34px; border-bottom: #999 solid 1px; overflow: hidden;}

#nav-nav{float: left;}
	
#nav ul {padding-left: 0px;padding-top: 7px; padding-bottom: 5px; }
#nav ul li{display:inline; padding: 0 10px 0 10px;}
#nav li.currentpage  a:link, #nav li.currentpage  a:visited, #nav li.currentpage  a:active {color: #FF6600;}
#nav ul li a {color:#669933; font-size: 1.4em; text-decoration:none; letter-spacing: 0px;}
#nav ul li a:hover {color: #FF6600;}


#sub-nav  {float:left; width:1000px; height:40px; }

/* End Header */

/* Start Main Body */

#main {float: left; width: 1000px; overflow:hidden;}


#left {float:left; width: 415px; }
.leftcontent {padding: 0 10px 0 10px;}

#left ul {margin-left:25px;  padding:5px 5px 10px 5px; list-style-type: square;}
#left ul li { font-size: 1.2em; color:#666; line-height: 1.5em; letter-spacing: 1px; margin-top: 3px; list-style-type: square;}


#right {float:left; width: 585px;}
.rightcontent {padding: 0 10px 0 20px;}
* html .rightcontent {padding: 0 5px 0 10px;}

.rightcontent ul{ padding:0 0 5px 18px;}
.rightcontentul li{border-bottom: #ccc dotted 1px; padding:4px 0 4px 0;}
.rightcontent ul li a {color:#FF6600; font-size: 1.4em; text-decoration:none; }
.rightcontent ul li a:hover {color: #333;}


#tab-nav {width:1000px; margin:10px auto 0; background: #fff; height: 35px overflow:hidden;}
.tab-nav-box {height: 35px; width: 185px; background: #333; float: left; margin-left: 10px;}
.tab-nav-box-two {height: 35px; width: 185px; background: #333; float: left; margin-left: 20px;}

* html .tab-nav-box {height: 35px; width: 185px; background: #333; float: left; margin-left: 5px;}

.tab-nav-box p  {text-align: center; padding: 10px 0 0 0; }

.tab-nav-box p a {color:#ffffff; font-size: 1.4em; text-decoration:none; }
.tab-nav-box p a:hover {color:#ccc; text-decoration:none; }

.tab-nav-box-two p  {text-align: center; padding: 10px 0 0 0; }

.tab-nav-box-two p a {color:#669933; font-size: 1.4em; text-decoration:none; }
.tab-nav-box-two p a:hover {color:#fff; text-decoration:none; }

/* Bottom Area */

#bottom {float: left; width:100%; margin:0 0 0 0; background: #333; overflow:hidden; border-top: #669933 solid 5px;}

#inner-bottom {width:1000px; margin:20px auto 0; background: #333; overflow:hidden;}


#main-bottom {float: left; width: 1000px;}


#main-bottom ul, li {margin:0px;  padding:0;}
#main-bottom ul li {
font-size: 1.4em; 
color: #ccc; 
list-style-type:none; 
background-image:url(bullet.gif); 
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 15px;
padding-bottom: 5px;

}


.bottom-box {float:left; width:290px; }
.bottom-one {padding: 0 10px 0 10px;}

.bottom-box-two {float:left; width:390px; }

.bottom-box-three {float:left; width:300px;}
.bottom-three {padding: 0 20px 0 40px;}
* html .bottom-three {padding: 0 10px 0 30px;}

.bottom-three {color: #ccc;}
.bottom-three p {color: #ccc;}
/* Footer Area */

#footer {float: left; width:1000px; margin-top: 10px; border-top: #666 solid 1px; }
.footercontent {}
.footercontent p {color:#999; font-size: 1.2em;font-weight:normal; letter-spacing: 1px; padding: 10px 0 0 5px;}
.footercontent a {text-decoration:none;}



.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 9px;
width: 980px;
overflow: hidden;
}

ul a {color: #fff;}
ul span {color: #fff;}

ul.newsticker { /* that's your list */
position: relative;
left: 980px;
height: 20px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}


ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
white-space: nowrap;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #669933;
margin: 0 30px 0 0;
font-size: 14px;
text-decoration:none;
} 

ul.newsticker a:hover {


color: #FF6600;

} 

ul.newsticker span {
margin: 0 10px 0 0;
font-size: 14px;
color: #000;
}