html {width:98%; }
body {background:#000000 ; font-family: Futura, Verdana, Arial, "Times New Roman", serif; font-size:13px; color:#637076; letter-spacing:0.1em; width:100%; }
p {font-size:10px; padding:0 0 11px 0; margin:0; line-height:120%; font-weight:normal;text-transform: uppercase;}
h1 {margin:0; padding:-20px; font-size:150%; font-weight:normal; border:0px solid #000000;}
h2 {margin:0; padding:0 0 20px 0; font-size:140%; font-weight:normal; }
h3 {margin:0; padding:0 0 20px 0; font-size:120%; font-weight:normal; color:#637076;}
h4 {margin:0; padding:0 0 20px 0; font-size:120%; font-weight:normal;font-size:10px; text-transform: uppercase; }
h5 {margin:0; padding:0 0 20px 0; font-size:75%; font-weight:normal; font-size:8px; text-transform: uppercase; }
/*link styling*/
a {color:#637076; text-decoration:none; }
a:hover {text-decoration:none; }
#footer a {color:#637076; }
/*structural elements*/
.section {text-align:center; width:100%; border-bottom:0px solid #637076 }
#header {background:#000000; margin:0 auto; text-align:left; padding:20px 20px 20px 20px; width:720px; border:2px solid #000000; }
#container {margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:720px; border-left:0px solid: #637076; }
h1#logo {background:#000000; float:left; padding:0px 0px; width:720px; border:3px solid #000000; text-align:left; min-height:0px; }
#news {background:#000000; float:left; width:200px; padding:20px 20px 5px 20px; border:0px solid #637076; }
#menu {background:#000000; margin:0px 0px 5px 0px; border:1px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu2 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu3 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu4 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu5 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu6 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu7 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#menu8 {background:#000000; margin:0px 0px 0px 0px; border:0px solid #637076; padding:5px; color:#AAAAAA; text-align:center; letter-spacing:0.15em;}
#content {background:#000000; margin:20px 0 0 0px; padding:20px 20px 5px 20px; border:1px solid #637076; }
#footer {margin:0 auto; text-align:left; padding:5px 20px 60px 20px; width:720px; border-left:0px solid #637076; border-right:0px solid #637076; letter-spacing:0.05em; }
#footer p {background:#000000; padding:5px; font-size:80%; color:#637076; border:1px solid #637076; text-align:center;text-transform: uppercase; }
#footer date {background:#000000; padding:5px; font-size:80%; color:#637076; border:1px solid #637076; text-align:center;text-transform: uppercase; }
#footer time {background:#000000; padding:5px; font-size:80%; color:#637076; border:1px solid #637076; text-align:center;text-transform: uppercase; }
/*section dependant style over-rides*/
#news h3 {margin:0; padding:0 0 20px 0; color:#0000FF; font-size:120%; font-weight:bold; }
#news p {padding:10px 0; border-top:1px solid #000000; }
#header p {text-align:center; font-size:170%; color:#637076; padding:45px 0 0 0; }
ul#menu { color:#0000FF; text-transform: uppercase; font-size:80%; padding:5px 6px;}
ul#menu li {margin:0; padding:0px; list-style:none; display:inline; }
ul#menu a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu2 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 210px; text-align:left;}
ul#menu2 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu2 a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu3 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 290px; text-align:left;}
ul#menu3 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu3 a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu4 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 320px; text-align:left;}
ul#menu4 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu4 a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu5 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 160px; text-align:left;}
ul#menu5 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu5 a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu6 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 265px; text-align:left;}
ul#menu6 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu6 a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu7 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 170px; text-align:left;}
ul#menu7 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu7 a {color:#637076; text-decoration:none; padding:5px 6px; }
ul#menu8 { color:#0000FF; text-transform: uppercase; font-size:60%; padding:0px 0px 0px 280px; text-align:left;}
ul#menu8 li {margin:5px; padding:5px 10px 10px 10px; list-style:none; display:inline; }
ul#menu8 a {color:#637076; text-decoration:none; padding:5px 6px; }
#pictureRail img {margin:20px 10px;border:0px solid #637076; }
#content img {border:0px solid #000000; float:right; margin:0 0 20px 20px; }
#span { text-transform: uppercase; font-size:80%;text-align:center; color:#E8EDF7;}
/*This adds a little arrow under the menu item of the page you are on. (handy for navigation and usability)
To modify, edit the tag by changing the id.
e.g, if the page you are on is the contact page, change: to */
#home #homeLink,
#download #downloadLink,
#services #servicesLink,
#ideas #ideasLink,
#products #productsLink,
#contact #contactLink,
#new #newLink
{background:url('../jpg/menu-a-bg.gif') no-repeat center bottom; }
#uxo #uxoLink,
#tour #tourLink,
#magnetometer #magnetometerLink
{background:url('../jpg/menu-a-bg2.gif') no-repeat center top; }
/*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#accordion {
margin:0px 0px;
}
h3.toggler {
cursor: pointer;
border: 0px solid #f5f5f5;
border-right-color: #ddd;
border-bottom-color: #ddd;
font-family: Futura, Verdana, Arial, sans-serif;
font-size: 90%;
font-weight:normal;
letter-spacing:0.15em;
background: #000000;
color: #0000FF;
text-transform: uppercase;
margin: 0 0 4px 0;
padding: 3px 5px 1px;
}
div.element p, div.element h4, div.element h5 {
margin:0px;
padding:4px;
}
blockquote {
padding:5px 20px;
}
#clock {
line-height:20px;
padding-left:8px;
height:20px;
}
#date
#time