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 }

td,th {
	padding: 3px 5px 2px 2px;
	padding-left: 5px;
	font-size: 0.9em;
	color: white;
}

th {
	color: white;
	text-align: left;
	border-color: #14556b;
}

tr.alt td {
	color: white;
	background-color: red;
}

.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}

div.clearer {
clear: left;
line-height: 0;
height: 0;
} 

#banner {
	width:900px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
}

#nav {
	background-image: url(images/navbar.png); background-repeat: no-repeat	margin-top:30px;
	margin-top:30px;
        padding-top:0;
	margin-left: 0;
	background-color: red;
        width: 800px;
        height: 50px;
   	font-size: 11px;
}

#nav a {
	display: block;
   	font-family: Verdana;
   	font-size: 11px;
	color: white;
	text-decoration: none;
	background-color: red;
	padding: 5px 5px 5px 0;
	width: 85px;
	margin-left: 2px;
	margin-bottom: 0;
}

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

#nav a:hover {
	background: white;
	color: #ea1111;
}

/*highlight "you are here" buttons*/
#home #nav a#homeLink,
#feature #nav a#featureLink {
	background: #73AFB7;
	color: #FBEF99;
}

#mininav {
	margin-top:-30px;
        padding-top:-10px;
	margin-left: 10px;
	background-color: red;
        width: 600px;
        height: 40px;
}

#mininav a {
	display: block;
   	font-family: Verdana;
   	font-size: 12px;
	color: white;
	text-decoration: none;
	background-color: #ea1111;
	padding: 2px 2px 0 3px;
	width: 7em;
	margin-left: 2px;
	margin-bottom: 0;
}

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

#mininav a:hover {
	background: white;
	color: #ea1111;
}

/*highlight "you are here" buttons*/
#home #mininav a#homeLink,
#feature #mininav a#featureLink {
	background: #73AFB7;
	color: #FBEF99;
}
	
#wrapper {
	width:900px;
	margin: 0 auto;
	padding: 20px;
}

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

#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;
}

#curvedbox {
    	width: 800px;
        height: 100%;
	background-image: url("images/curvedboxlargebackground.png");
	margin-right: 40px;
	margin-bottom:25px;
}

#curvedboxtrailer {
    	width: 800px;
        height: 50px;
	background-image: url("images/curvedboxtrailer.png");
	margin-top: -25px;
	margin-bottom: 25px;
	margin-right: 40px;
}

#curvedbox h3 {
       color: white;
       text-size: 1.1em;
       padding-left: 0;
       padding-top: 18px;
       padding-bottom: 20px;
       margin-top:0px;
       margin-left: 60px;
       margin-right: 25px;
}

#curvedbox p {
       color: white;
       text-size: 0.8em;
       margin-top:10px;
       padding-top:0;
       padding-left: 30px;
       padding-right: 30px;
       float: auto;
}

#curvedbox h4 {
       color: yellow;
       text-size: 0.8em;
       padding-left: 30px;
       padding-right: 30px;
}

#curvedbox img {
       margin-left: 30px;
       text-align: top;
       link: black;
}

#curvedboxlarge {
    	width: 800px;
        height: 600px;
	background-image: url("images/curvedboxbackground.png");
	margin-right: 40px;
        margin-bottom: 30px;
}

#curvedboxlarge h3 {
       color: white;
       text-size: 1.1em;
       padding-left: 0;
       padding-top: 18px;
       padding-bottom: 2px;
       margin-top:0px;
       margin-left: 50px;
       margin-right: 25px;
}

#curvedboxlarge p {
       color: white;
       text-size: 0.8em;
       padding-top: 20px;
       padding-left: 30px;
       padding-right: 30px;
       float: auto;
}

#curvedboxlarge h4 {
       color: yellow;
       text-size: 0.8em;
       padding-left: 30px;
       padding-right: 30px;
}

#curvedboxlarge img {
       margin-left: 30px;
       text-align: top;
       link: black;
}

#curvedboxsmall {
    	width: 800px;
        height: 130px;
	background-image: url("images/curvedboxbackground130px.png");
	margin-right: 40px;
        margin-bottom: 30px;
}

#curvedboxsmall h3 {
       color: white;
       text-size: 1.1em;
       padding-left: 0;
       padding-top: 18px;
       padding-bottom: 2px;
       margin-top:0px;
       margin-left: 50px;
       margin-right: 25px;
}

#curvedboxsmall p {
       color: white;
       text-size: 0.8em;
       padding-top: 20px;
       padding-left: 30px;
       padding-right: 30px;
       float: auto;
}

#curvedboxsmall h4 {
       color: yellow;
       text-size: 0.8em;
       padding-left: 30px;
       padding-right: 30px;
}

#curvedboxsmall img {
       margin-left: 30px;
       text-align: top;
       link: black;
}

#tweet {
   	font-family: Verdana;
   	font-size: 12px;
	color: white;
	text-decoration: none;
};

#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: 10px;
	padding: 10px;
}

img.figureright {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
#footer {
    	width: 800px;
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #294E56;
}