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

body{
	text-align:left;
	color:#4d5345;
	letter-spacing: normal;
	/*background-image:url(images/granite_BG150px-v2.jpg);*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.5;
}

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

ul#nav {   /* navigation list */
	margin: 0px 0 40px 0; /* the __px 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: 200px;
	margin: 3px 0 0 0;  /* a little top margin */
	border: 0;
	border-left: 10px solid #7499a2;
	border-bottom: 1px dotted #4d5345;
	border-top: 1px dotted #4d5345;
	border-right: 1px dotted #4d5345;
	padding: 5px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	display: block;
	color: #4d5345;
	background: #ffffff}
	
ul#nav li a#current {border-color: #4d5345; border-right: 5px solid #4d5345}   /* current page, move id in the xhtml when creating a new page */

ul#nav li a:hover {background: #d8e6d5; color: #4d5345}

/* produce sub nav mouse over colour change*/

ul#nav li a.aa:hover {background: #A6DD7D; color: #fff}


/* top nav */
a.one:link {color:#758a79; text-decoration: none} /* unvisited link*/
a.one:visited {color:#a0c06d; text-decoration: none} /* visited link*/
a.one:hover {color:#7499a2; text-decoration: underline} /*  link with pointer hovering*/
a.one:active {color:#a0c06d; text-decoration: none} /* the selected link*/

/* bottom nav */

a.two:link {color:#000000; text-decoration: none} /* unvisited link*/
a.two:visited {color:#000000; 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*/

/* bottom nav */

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

/* T O P N A V */
div#TopNav{background-color:#253a03; text-align:center;}
/* T O P div#TOPNAV{clear:both;width:100%;color:#B9D6EA;padding-top:2px; padding-bottom:2px; background-image:url(images/800x40camo.gif);text-align:center}N A V */

div#header h1{height:60px;line-height:80px;margin:0; padding-right:10px;background-color: #ffffff; color: #ffffff; padding-bottom:2px; border-bottom: 1px dotted #4d5345; 
background-image:url(images/header700px.jpg)}

/*div#wrapper{float:left;width:700px}*/
  
div#container{text-align:left; background-color:#ffffff; border:2px 2px 2px 2px; background-image:url(images/container_BG700px.jpg); background-repeat:repeat-y }
div#container{width:960px;margin:0 auto}


div#content p{line-height:1.4; padding:12px 5px 5px 15px; }
div#content{
	float:right;
	width:685px;
	padding-top:2px;
	padding-right:5px;
}

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


div#navigation_left{padding-top:5px; padding-left:10px; vertical-align:top}
div#navigation_left{float:left;width:230px}


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


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

div#extra2{clear:both; width:958px; color:#000000; font-size: 90%; padding-top:2px; padding-bottom:2px; text-align:center}



div#PIC{align:right; font-size:80%; text-align:center; img-border:1px; border-color:#253a03}

div#PIC2{align:left; font-size:80%; text-align:left; img-border:1px; border-color:#253a03; padding:5px 5px 5px 10px}

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

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


#date {
  position: absolute;
	left: 395px;
	top: 77px;
	width: 377px;
	text-align: right;
	font-size: 0.8em;
	color: #777}
	


/* =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: -23px;
	left: -35px;
	z-index: 1;
}

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

/*.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: #253a03;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.hoverbox .preview
{
	border-color: #ffffff;
	width: 400px;
	height: 266px;
}

/* =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*/