html,body{margin:0;padding:0}

body{font: 80%/1.5 tahoma,verdana,geneva,sans-serif; text-align:left; color:#636619; background-color: #636619}

/*---------------------------------------------LEFT Navigation-----------------------------------------------*/

ul#nav {   /* navigation list */
	margin: 0px 0 20px 0; /* the 53px is where the nav begins (margin top) */
	padding: 0;
	list-style: none inside}
	
ul#nav li {float: left;	display: block}

ul#nav li a {
	width: 130px;
	margin: 3px 0 0 0;  /* a little top margin */
	border: 0;
	border-left: 10px solid #636619;
	padding: 5px 5px;
	font-family: tahoma,verdana,geneva,sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #006600;
	background: #D9D93C} /* box background*/
	
ul#nav li a#current {border-color: #FFCC00}   /* current page, move id in the xhtml when creating a new page */

ul#nav li a:hover {background: #9EA219; color: #fff}

/* produce sub nav mouse over colour change*/

ul#nav li a.aa:hover {background: #A6DD7D; color: #fff}
/* top nav */
a.one:link {color:#FF6600; text-decoration: none} /* unvisited link*/
a.one:visited {color:#027FFF; text-decoration: none} /* visited link*/
a.one:hover {color:#FFCC00; text-decoration: underline} /*  link with pointer hovering*/
a.one:active {color:#00CC00; text-decoration: none} /* the selected link*/

/* bottom nav */

a.two:link {color:#FFFFFF; text-decoration: none} /* unvisited link*/
a.two:visited {color:#FFffff; text-decoration: none} /* visited link*/
a.two:hover {color:#FFCC00; text-decoration: underline} /*  link with pointer hovering*/
a.two:active {color:#00CC00; text-decoration: none} /* the selected link*/

div#header h1{height:80px;line-height:80px;margin:0; padding-right:10px;background-color: #ffffff; color: #ffffff; padding-bottom:2px}

/* Holds page together */   
div#container{text-align:left; background-color:#FFFFFF; border:2px 2px 2px 2px; border-color:#CCCCCC}
div#container{width:850px;margin:0 auto; padding: 2px 2px 2px 2px}

/* Left Column */ 
div#navigation_left{background:#FFFFFF;padding-top:5px; padding-left:5px; vertical-align:top}
div#navigation_left{float:left;width:150px}

/* Middle Column */ 
div#content p{line-height:1.4; padding:12px 5px 5px 15px; }
div#content{float:left;width:525px; padding-top:5px; background-color:#ffffff}
div#content{margin: 0 10px;	text-align: left;}


/* right hand text/pic  box */
#frontRight {float:right; 	text-align: left;	vertical-align: top; font-size:80%; text-align:center; img-border:1px;}
.front {width:31%;margin:auto; padding: 8px 8px 8px 8px;text-align:center}
.front a {line-height:1.2em;}


 /* Right Column */ 
div#right{background: #ffffff; vertical-align:top}    
div#right{border-style:solid; border-color:#666666; border-width:0px; background-color:#ffffff}
div#right{float:right; width:130px; margin-left:-150px}


div#footer{background: #636619;color: #ffffff; text-align:center; font-size: 80%}
div#footer p{margin:0;padding:5px 10px}


div#extra{clear:both;width:100%;color:#ffffff;padding-top:2px; padding-bottom:2px; background: ffffff; text-align:center}

div#extra2{clear:both;width:100%;color:#ffffff;padding-top:2px; padding-bottom:2px; background:#bfb74e;text-align:center}

div#TOPNAV{clear:both;width:100%;color:#B9D6EA;padding-top:2px; padding-bottom:2px; background:#FFFFFF;text-align:center}

	
div#navigation{background:#B9CAFF}
div#navigation{float:left;width:200px}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #ffffff;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 150px;
	height: 200px;
}

/*.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}*/

.hoverbox li
{
	background: #ffffff;
	border-color: #636619;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}
.hoverbox .preview
{
	border-color: #636619;
	width: 300px;
	height: 400px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}

/*Hoverbox by http://sonspring.com/ Nathan Smith*/