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

h1 { font-family: verdana;
     color: white;
 }

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

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

p { font-family: verdana }
p { color: #ffffff }
p { font-size:  70% }
p { padding-left: 5px }
 
.alignright { align:right;padding-right:30px;}

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

.small { font-size : 60% }

.smallred { font-size : 60%  }
.smallred { color  : red }

.smallblue { color : #9999ff }
.smallblue { font-size : 60% }
.highlight { padding-left: 20px; font-size: 70%}
.smallhighlight { font-size : 80% ; padding-left: 20px  }

.tableelement { padding-left: 20px; background-image: url(../instruments/images/smallgreenbutton.jpg); background-repeat: no-repeat; color: black }
.alttableelement { padding-left: 20px }
.blankelement { padding-left: 20px; color: black }

.greenhighlight { padding-left: 20px }

.redfont { color:red } 
.greenfont { color:green } 

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}

body {
	margin: 0;
}

#content {
	margin-left: 200px;
	margin-right: -3px;
	padding-left: 10px;
	padding-top: 20px;
	border-left: 1px solid #000000;
	border-right: 1px solid #666666;
   	background-image: url(images/mainpageimage.jpg); background-repeat: no-repeat;
}

#longcontent {
	margin-left: 200px;
	margin-right: -3px;
	padding-left: 10px;
	padding-top: 5px;
	border-left: 1px solid #000000;
	border-right: 1px solid #666666;
   	background-image: url(images/mainpageimage.jpg); background-repeat: no-repeat;
}

#main {
	width:500px;
	margin-left: 25px;
	margin-right: 15px;
	margin-top: 20px;
	padding: 0px;
	border: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	text-align: justify;
}

#footer {
   	float: right;
        width: 800px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-top: 1px solid #294E56;
}

#nav {
	float: left;
	width: 150px;
	margin-top: 2px;
	padding-left: 10px;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 175px;
	border-bottom: 1px solid;
}

#nav a {
   margin: 0;
	text-decoration: none;
	color: #ffffff;
   	font-size: 11px;
	border: 1px;
	border-bottom: 1px;
	display: block;
	padding: 5px 5px 5px 30px;
	background: #000000 url(instruments/images/smallbluewarp.jpg) no-repeat 1px 50%;
	margin-left: 20px;
	border-right: 1px;
	border-bottom: 1px solid #666666;
	margin-bottom: 0px;
}

#nav a:hover {
	font-weight: bold;
	color: white;
	background: #323e78;
}

#home #nav a#homelink:hover,
#feature #nav a#featureLink:hover {
	color: #FBEF99;
}

#wrapper {
	width:880px;
	margin: 0 auto;
	padding: 10px;
   	background-color: #000000; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#newswrapper {
	float: left;
	width:600px;
	margin: 0px 0px 20px 0px;
	padding: 5px 15px 20px 15px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-image: url(images/transparent.gif); 
}

#boxwrapper {
	float: left;
	width:600px;
	margin: 0px 0px 20px 0px;
	padding: 5px 15px 20px 15px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
   	background-color: #ffffff; 
}

#detailwrapper {
	float: left;
	width:600px;
	margin: 0px 0px 20px 0px;
	padding: 5px 15px 20px 15px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #000000; 
}

#banner {
	width:860px;
	margin: 0 auto;
	padding: 10px;
	background: #000000;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}


#navpanel {
   	float: left;
   	width:150px;
	background: #000000;
   	margin: 0 auto;
   	padding:10px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#navimage {
   	float: left;
   	width:150px;
	background: #000000;
   	margin: 0 auto;
   	padding:10px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

form div {
   clear: left;
   margin: 0;
   padding: 0;
   padding-top: 5px;
   color: white;
}

form div label {
   float: left;
   font-weight: bold;
   width: 40%;
   font: bold 0.8em Verdana;
   color: white;
}

fieldset {
   border: 100px #000000;
   margin-top:1.4em;
   padding: 10px;
   background-image: url(images/transparent.gif); 
   width:600px;
}

legend {
   color: white;
   font-size: 0.8em;
   font-weight: bold;
   font: Verdana;
   background-color: #000000;
}

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