body
{ background: #eee url(imagebox/bg.gif) top left no-repeat;
  font-family: Arial,Verdana,Sans-serif;
  color: #999; 
  font-size: 8pt;
  text-align:center;}


h1
{ background-color: #FFF;
  color:#003366;
  font-size:12pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:10px;}

h2
{ background-color: #fff;
  color:#003366;
  font-size:10pt;
  font-weight:normal;
  margin-top:0;
  margin-bottom:0;}


ul 
{ list-style:none;
  margin:0 5px;
  padding:0;}

li
{ padding:0 4px 8px 10px;
  background: url(imagebox/arw.gif) 0 3px  no-repeat;}


a:link, a:visited, a:active
{
	background-color: #fff;
	text-decoration: none;
	color:#666666;
}
a:hover
{
	background-color: #fff;
	text-decoration: underline;
	color:#CC0000;
}

#header
{
	height:95px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	border:#CCC 1px solid;
	background-color:#FFF;
	color:#003366;
}

#main
{
	width: 1024px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	border:#CCC 1px solid;
	background-color: #FFFFFF;
	font-size:9pt;
	color:#003366;
}

#content
{
	width:792px;
	float:left;
	text-align:justify;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
  
#nav
{
	width:180px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
    
#footer
{
	height:15px;
	width:1024px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border:#ccc 1px solid;
	background-color: #fff;
	font-size:8pt;
	color:#999;
	text-align:center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#footer a:link, #footer a:visited, #footer a:active
{ background-color: #fff; text-decoration: none; color:#999;}
#footer A:hover
{ background-color: #fff; text-decoration: none; color:#003366;}

.footer 
{ clear: both; 
  background:#fff;
  color:inherit;
  height:1px;}

.logo
{
	width:300px;
	float:left;
	text-align:left;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}
  
.menu 
{
	width:auto;
	text-align:right;
	font-weight:normal;
	font-size:10pt;
	float: right;
	overflow: hidden;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
	font-family: tahoma;
	background-color: #FFFFFF;
}

.left
{ width:250px;
  float:left;
  margin:10px 15px 10px 0;
  text-align:justify;  
  overflow: hidden;}

.mid 
{ width:auto;
  padding:10px 0 0 10px;
  margin-left:auto;
  margin-top:0;
  overflow: hidden;}
  
.navhead
{ width:170px;
  height:18px;
  padding: 3px 3px 0 5px;
  border:#ddd 1px solid;
  text-align: left;
  font-size:8pt;
  background-color:#eee;
  color:#666;}

.navitem
{ width:172px;
  padding: 15px 3px 0 3px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:8pt;
  font-weight: normal;
  text-align:justify;}
  
.img
{ border:0;}
  
/* Jon's extra's  */
.imgright {
float: right;
border: 1px solid #656C4A;
margin: 5px 15px 10px 10px;
padding: 10px;
}

.imgleft {
float: left;
border: 1px solid #656C4A;
margin: 3px 12px 7px 2px;
padding: 5px;
}

.imgleftNOBOX {
float: left;
border: 1px solid #ffffff;
margin: 3px 12px 7px 2px;
padding: 5px;
}


.jonsbox {
	float: left;
	border: 1px solid #656C4A;
	margin: 3px 12px 7px 2px;
	padding: 5px;
	background-color: #DEDEDE;
}

.jonsgreentext {
	font-family: 65% Arial,Verdana,Sans-serif;
	color: #656C4A;
}

.jonsyellowtext {
	font-family: 65% Arial,Verdana,Sans-serif;
	color: #FFC;
}
.jonsgreytext {
	font-family: 65% Arial,Verdana,Sans-serif;
	color: #003366;
}

.plain {
	border: 1px solid #4C3C1B;
	padding: 5px;
	width: 300px;
	background-color: #EFEECB;
	}
.snapshot {
	border: 1px solid #666666;
	padding: 10px 10px 60px 10px;
	}
.ridge {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #E1A60A;
	border-bottom-color: #E1A60A;
	padding: 8px 0px;
	}