body 
{
  padding-left: 0em;
  font-family: Verdana;
  color: white;
background-color: #000000; 
background-image:url("images/thinkingmetalbackground.jpg")
}

h1 { font-family: verdana }

h2 { font-family: verdana }
h2 { color:  white }
h2 { font-size:  120% }

h3 { font-family: verdana }
h3 { color : #9999ff }
h3 { font-size:  90% }

h4 { font-family: verdana }
h4 { color: yellow }
h4 { font-size:  90% }

p { font-family: verdana }
p { color: white }
p { font-size:  70% }

.small { font-size : 60% }
.smallred { font-size : 60% }
.smallred { color  : red }
.highlight { padding-left: 20px; font-size: 80%}

.redfont { color:red } 
.greenfont { color:green } 
.smallblue { color : #9999ff }
.smallblue { font-size : 80% }

.greenbutton { padding-left: 20px }
.greenbutton { background-image: url(../instruments/images/smallgreenbutton.jpg); background-repeat: no-repeat}

.greenhighlight { padding-left: 20px }
.greenhighlight { background-image: url(../instruments/images/verysmallgreenbutton.jpg); background-repeat: no-repeat }

.yellowhighlight {color: yellow }

.bluehighlight {color: #9999ff }

.circle { list-style-type: circle }
.circle { color: white }
.circle { font-size : 70% }

.notes { list-style-type: circle }
.notes { color : #9999ff }
.notes { font-size : 70% }

a:link {  color: white }
a:visited {  color: white }

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}


#nav a {
	display: block;
   	font-family: Verdana;
   	font-size: 12px;
	color: white;
	text-decoration: none;
	background-color: #e43005;
	padding: 2px 2px 2px 3px;
	width: 7em;
	margin-left: 2px;
	border-right: 1px solid #73AFB7;
	border-bottom: 1px solid #73AFB7;
	margin-bottom: 2px;
}

#nav li {
	list-style-type: none;
	padding: 0px;
	float: left;
}

#nav a:hover {
	background: white;
	border-right: 1px solid #14556B;
	border-bottom: 1px solid #14556B;
	color: #e43005;
}

/*highlight "you are here" buttons*/
#home #nav a#homeLink,
#feature #nav a#featureLink {
	background: #73AFB7;
	border-right: 1px solid #14556B;
	border-bottom: 1px solid #14556B;
	color: #FBEF99;
}
	
#wrapper {
	width:860px;
	margin: 0 auto;
	padding: 20px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#content {
	padding-left: 10px;
	border-left: 1px solid #000000;
}

#sidebar {
	width:150px;
	margin: 20px 10px 10px 10px;
	float: left;
	background: #1F1F22;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#boxwrapper {
	float: left;
	width:740px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 10px 30px 10px 30px;
	background: #1F1F22;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#detailwrapper {
	width:640px;
	float: right;
	margin-bottom: 40px;
	padding: 10px 10px 20px 30px;
	background: #1F1F22;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#newswrapper {
	float: left;
	width:700px;
	margin: 0px 0px 20px 0px;
	padding: 5px 15px 20px 15px;
	background: #1F1F22;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

img.figureleft {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 20px solid #1F1F22;
	padding: 5px;
}

img.figureright {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 15px solid #1F1F22;
	padding: 5px;
}

#footer {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #294E56;
}