/* Copyright 2006 Industrial Woodworking Corporation*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin:10px auto;
	padding:0px;
	text-align: center;
}

h2 {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; color:#663300; font-size:120%; font-weight: normal;}
h3 {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; color:#663300; font-size:110%; font-weight: normal;}
h4 {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; color:#960; font-size:100%; font-weight: normal;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#333; line-height:16px; height: 1%;}
p2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#333; line-height:18px; height: 1%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; float: right;}
p em {font-weight:normal; font-style: normal; text-decoration: underline;}
.italic {font-style:italic;}
ul {font-size:80%; list-style-image: url(/images/bullet.gif); color:#333;}
strong {color:#960; font-weight: 400;}
a:link, a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#039; font-size:100%; text-decoration:underline;}
a:hover {color:#003500;}
.smalltext {font-size: 70%;}
.formtext {font-size: 80%;}
td {font-size:80%;}

#chart strong {font-weight: bold; color: #06C;}
#chart table {width:250px; border: 1px solid #666;}
#chart td {font-size:70%; color:#333; margin:0; padding:2px;}
#chart tr {border-bottom: 1px solid #333;}
#chart tr.even {background-color:#D2E6FF; border-top: 1px solid #333;}
#chart ul {font-size:80%; color:#333; list-style-type: circle;}
#chart li {}

#container {margin:0px auto; width: 780px; height:auto; padding:0px;}

#utility {width: 100%;}
#utility img {float:left; padding: 0 0 4px 10px;}
#utility ul {
	float: left; font-size:85%; text-transform: lowercase;
	text-align:right; margin: 0px; padding-top:40px;}
#utility li {display: inline; margin-left: -4px; padding: 8px 16px; }
#last {padding-right:30px;}
#utility a {color:#036; text-decoration: none;}
#utility a:hover {text-decoration:underline;}

#bannerShell {
	width:780px;
	float:left;
	background-image:url(../Images/gradient.jpg);
	border: solid #CCC;
	border-width: 1px;
	
	background-repeat: repeat-x;
	height: 140px; margin:0px; padding:0px;
}
#bannerleft {
	font-size:100%; color:#ffffff;
	float: left;
	width: 300px;
	margin:40px 0px 10px 20px;
	text-align:left;
	vertical-align: bottom;
}
* html #bannerleft {width: 275px;}
#bannerright {float: right; width: 422px; height:140px; margin:0; padding:0; text-align:right;}
* html #bannerright {float: right; height:140px; text-align:right;}

a img, a.img:link, a.img:visited, a.img:hover {border-width:0;}
#nav {
  float:left;
  width:782px;
  border:solid #ddd;
  border-width:1px 0px;
  height:30px;
  background-color: #333333;
  background-repeat:repeat-x;}
#first {
	border-left: 1px solid #FFF;}
#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;}
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:8px 10px 9px;
  border:solid #FFF; font-size:85%;
  border-width:0 1px 0 0; color:#FFF; text-decoration:none; white-space:nowrap;}
/* Allows entire region of link to to be clickable. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav {width:1%;}
* html #nav a {width:1%;}
* html #nav {width:782px;}
#nav a:hover{background-color:#CCCCCC;}
#nav #current {background-image: url(/images/nav-grad-hlt.gif);}
#nav #current a {background-image: url(/images/nav-grad-hlt.gif);}

#head {float:left; width:780px; text-transform:uppercase; font-size:60%;  border-bottom:solid 1px #999; text-align:left;}
.head1 {float:left; width:370px;background-color:#003500; color:#666; padding:10px;}
.head2 {float:left; width:370px;background-color:#003500; color:#CCC; padding:10px;}

#content{width:780px; float:left; background-color:#fff; text-align:left; clear:both;
	border-bottom:1px solid #CCC; border-right-width: 1px; border-left-width: 1px; 
	border-right-style: solid; border-left-style: solid; border-right-color: #CCC; 
	border-left-color: #CCC;}
#left {background-color:#FFF; float:left; width:350px; padding:10px 20px;}
#left a:link, #left a:visited, #left a:active {color:#039; text-decoration:underline;}
#left a:hover {color:#5C694E;text-decoration:underline;}

#breadrcumb {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#666;}
#center {float:left; width:600px; background-color:#FFF; padding:10px 90px; clear:both;}
#right {float:left;width:370px; padding:10px;background-color:#ebebeb;}
.boxarea {float: left; width:50%; padding: 4px 0; }
.boxarea p {text-transform:lowercase; font-size:70%; color:#333; margin:0; padding:0; text-align:center;}
.boxarea a {font-size:100%; text-decoration:none;}
.boxarea a:hover {text-decoration:none;}
.border {border: 1px solid #ccc; background-color:#FFFccc;}
* html .boxarea p {font-size:80%;}

/*#copyrightShell {width: 780px; float:left; text-align:left; font-size:70%;}
#copyright {width: 760px; padding: 10px; float:left; color:#333;}
* html #copyrightShell {width: 782px; height:1%; clear:both; font-size:80%;}
* html #copyright {width: 700px; height:1%;}

/*#copyrightShell {width: 780px; float:left; text-align:left; font-size:70%;}*/
#copyright {width: 762px; padding:10px; float:left; color:#333; text-align:left; font-size:70%;}
/* * html #copyrightShell {width: 782px; height:1%; clear:both; font-size:80%;}*/
* html #copyright { font-size:80%;}


* html .boxarea p {font-size:80%;}
.photo {padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; float: left;}
.photo2 {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; float: right;}