*
{ 	
	font-size : 11px;
	font-family : Verdana,Arial,Helvetica;
  margin: 0; 
	padding: 0; 
}

body {
	background-color: black;
	color: white;
}
td { vertical-align: top; }
p { margin: 5px 0; }

A { color: #f80; text-decoration: none; }
A:hover { color: #fa3; background-color: #a20; }
A:visited, a:active { color: #c70; }

#nav 
{
  float: left; 
  width: 150px;
  background:url(../images/tree_tile.jpg) repeat-y;
}
#nav #search
{
  display: block;
  background:url(../images/btn_search.jpg) no-repeat 0 0;
  width: 150px;
  height: 50px;
}
#nav #search:hover, #nav #search.cur
{
  background:url(../images/btn_search.jpg) no-repeat 0 -50px;
}
#nav #haunts
{
  background:url(../images/section_haunts.jpg) no-repeat;
  width: 150px;
  height: 40px;
}
#nav #projects
{
  margin-top: 10px;
  background:url(../images/section_projects.jpg) right no-repeat;
  width: 150px;
  height: 30px;
}
#nav #ambience
{
  margin-top: 10px;
  background:url(../images/section_ambience.jpg) right no-repeat;
  width: 150px;
  height: 30px;
}
#nav .signs 
{ 
  margin-left:30px;
  list-style-type: none;
}
#nav li a
{
  display: block;
  height: 20px;
  padding-top: 0;
  text-align: center;
  color: #827565;
  font-size: 11px;
  font-weight: normal;
  font-family: "Courier New";
}
#nav a:visited { color: #625545; }
#nav a:hover { color:#523525; }
#nav a.sign1 { background: url(../images/tree_signs.jpg) no-repeat 0 0; }
#nav a.sign2 { background: url(../images/tree_signs.jpg) no-repeat 0 -20px; }
#nav a.sign3 { background: url(../images/tree_signs.jpg) no-repeat 0 -40px; }
#nav a.sign4 { background: url(../images/tree_signs.jpg) no-repeat 0 -60px; }
#nav a.sign5 { background: url(../images/tree_signs.jpg) no-repeat 0 -80px; }
#nav a.sign6 { background: url(../images/tree_signs.jpg) no-repeat 0 -100px; }
#nav a.sign1:hover { background: url(../images/tree_signs.jpg) no-repeat -120px 0; }
#nav a.sign2:hover { background: url(../images/tree_signs.jpg) no-repeat -120px -20px; }
#nav a.sign3:hover { background: url(../images/tree_signs.jpg) no-repeat -120px -40px; }
#nav a.sign4:hover { background: url(../images/tree_signs.jpg) no-repeat -120px -60px; }
#nav a.sign5:hover { background: url(../images/tree_signs.jpg) no-repeat -120px -80px; }
#nav a.sign6:hover { background: url(../images/tree_signs.jpg) no-repeat -120px -100px; }
#nav a.cur1 { color: #0f0; background: url(../images/tree_signs.jpg) no-repeat -240px 0; }
#nav a.cur2 { color: #0f0; background: url(../images/tree_signs.jpg) no-repeat -240px -20px; }
#nav a.cur3 { color: #0f0; background: url(../images/tree_signs.jpg) no-repeat -240px -40px; }
#nav a.cur4 { color: #0f0; background: url(../images/tree_signs.jpg) no-repeat -240px -60px; }
#nav a.cur5 { color: #0f0; background: url(../images/tree_signs.jpg) no-repeat -240px -80px; }
#nav a.cur6 { color: #0f0; background: url(../images/tree_signs.jpg) no-repeat -240px -100px; }

#content { margin: 10px 10px 10px 160px;}

.heading { 
	font-size: 14px;
	color: #f90;
	text-align: center;
	background-color: #222; 
	position: relative;
	background-image: url(/images/heading_mid.png);
	background-repeat: repeat-x;
	height: 30px;
}
.heading .subject { 	padding-top: 5px; }
.heading .left, .heading .right { position: absolute; top: 0; }
.heading .left { left: 0; }
.heading .right { right: -1px; }
.heading .pages { right: 40px; position: absolute; font-size: 11px; top: 7px;}
.subHeading {  padding: 10px; background-color: #001800;}

.howTo { border-collapse: collapse;}
.howTo th, .howTo td { padding: 5px 3px 7px 3px; border: 1px solid #333; }
.howTo th { background-color: #d60; text-align: left;  padding: 2px; color: #000;}

.partsList { border-collapse:collapse; background-color: #222;}
.partsList TD { border: 1px solid #444; padding: 3px;}
.partsList .parts { font-weight: bold; color:#00ff88; }
.partsList .price { color:#00ff88; text-align: right;}
.partsList .total { color:#acf; text-align: right; font-weight: bold; font-size: 11px;}

.subHeading ul, .howTo ul { margin-left: 15px; }

.color01 { background-color: #111;}
.color02 { background-color: #222;}

.red { color: #f00; }
.green { color: #0d0; }
.small  { 	font-size: 8px;	}
.med  { 	font-size: 10px;	}
.center {text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }

P, UL {margin-top: 10;}
A.menu:link, A.menu:visited, A.menu:active {font-family: Verdana,Arial,Helvetica;		font-size: 8pt; 	color: rgb(255,0,0); 	text-decoration: none;	width: 150;}
A.menu:hover {	text-decoration: none; 		color: black;		background: rgb(255,100,0);}
A.small:link, A.small:visited, A.small:active {	font-family: Verdana,Arial,Helvetica;	font-size: 7pt; 	color: gray; 	text-decoration: none;	width: 150;}
A.small:hover {	text-decoration: none; 	color: black;	background: gray;}

.imgLink { border: 1px solid #f90; cursor: pointer;}
.imgLink:hover { border: 1px solid #fff; }

A.green { color: #0d0; 	text-decoration: none; padding: 0 3px 0 3px;}
A.green:hover {color: #040;  background: #0e0;}

.pages { text-align: center; font-size: 12px; font-weight: bold; }


.gen_form textarea, .gen_form button
{
  border: 2px solid #000;
  border-color: #000 #888 #888 #000;
  font-size: 11px;
  color: #fff;
  background-color: #444;
  width: 400px;
  font-family: arial;	
}
.gen_form textarea
{
  height: 150px;
  padding:3px;
}
.gen_form button 
{
  border-color: #888 #000 #000 #888;
}

input, select, option, button
{
  border: 1px solid #888;
  background-color: #444;
  color: #f80;
  padding: 1px;
}
button { height: 16px; line-height: 5px; border-color: #888 #222 #222 #888; }
select { padding: 0; }
option { border: 0;  padding-right: 5px;}
label { color: #f80; font-weight: bold; }