/* ---------- GENERAL */

/* Black 7U #666462
   darker   #4d4b49
   darkest  #333231
            */

body {
background-color: #fff;
color: #333231;
text-align: center;
font-family: "lucida grande", verdana, geneva, sans-serif;
line-height: 18px;
padding: 40px 20px 40px 20px;
margin: 0;
}

p, ol, ul, dl {
font-size: 12px;
}

table {
padding: 0;
margin: 0;
border-spacing: 0;
}

img.insetimage {
background-color: #fff;
color: #666462;
padding: 0;
margin: 0 0 5px 0;
border: solid 1px #666462;
}

img.diagram {
margin: 5px 0 2px 10px;
}

img.photo {
margin: 5px 0 2px 0;
}

a:link, a:visited {
text-decoration: none;
background-color: transparent;
color: #333231;
border-bottom: dotted 1px #666462;
}

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited {
text-decoration: none;
background-color: transparent;
color: #666462;
border-bottom: dotted 1px #666462;
}

a:hover, a:active,
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
background-color: #666462;
color: #fff;
border-bottom: dotted 1px #666462;
}

a#headerlink {
border-bottom: none;
}




/* ---------- PAGE LAYOUT */

#container {
text-align: left;
margin: auto;
width: 586px;
}

#content {
margin: 20px 10px 0 126px;
}

#footer {
background-color: transparent;
color: #333231;
padding: 5px;
margin: 45px 0 0 0;
font-size: 10px;
border-top: dotted 1px #666462;
}




/* ---------- HEADERS */

img#header {
display: block;
width: 586px;
height: 139px;
border: none;
}

h1, h2, h3, h4 {
padding: 0;
color: #666462;
}

h1 {
margin: 0 0 20px 0;
font-size: 18px;
}

h2 {
margin: 15px 0;
font-size: 16px;
}

h3 {
margin: 15px 0 0 0;
font-size: 12px;
color: #333231;
}

h4 {
margin: 15px 0;
font-size: 12px;
color: #333231;
}




/* ---------- NAVIGATION */

ul#primarynav {
float: left;
width: 100px;
list-style: none;
padding: 0;
margin: 15px 0 0 0;
font-family: "lucida grande", verdana, geneva, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 28px;
}

/* Hack to fix IE's 3-pixel bug and to hide from IE5 Mac \*/
* html ul#primarynav {
margin-right: 24px;
}
* html #content {
height: 1%;
margin-left: 0;
}
/* End Hack */

ul#primarynav li {
display: inline;
padding: 0;
margin: 0;
}

ul#primarynav li a:link,
ul#primarynav li a:visited {
display: block;
color: #666462;
border: 0;
padding: 0 0 0 5px;
}

ul#primarynav li a:hover,
ul#primarynav li.selected a:link,
ul#primarynav li.selected a:visited {
background-color: #666462;
color: #fff;
}

ul#primarynav ul#secondarynav {
width: 90px;
list-style: none;
padding: 0 0 0 10px;
margin: 0;
font-family: "lucida grande", verdana, geneva, sans-serif;
font-size: 12px;
line-height: 28px;
}

ul#primarynav ul#secondarynav li a:link,
ul#primarynav ul#secondarynav li a:visited {
background-color: #fff;
color: #666462;
padding: 0 0 0 5px;
}

ul#primarynav ul#secondarynav li a:hover,
ul#primarynav ul#secondarynav li.selected a {
background-color: #666462;
color: #fff;
}




/* ---------- PEOPLE */

/*
dt {
font-weight: bold;
}

dd {
margin: 0 0 -.5em 0;
padding: 0 0 1em 1.5em;
}

dd.last {
margin: 0 0 2em 0;
border-bottom: 13px solid #666462;
background-repeat: no-repeat;
background-position: right bottom;
}

dd.mark { padding-right: 100px; background-image: url(http://www.blindsight.com/images/mark.jpg); }
dd.alan { padding-right: 100px; background-image: url(http://www.blindsight.com/images/alan.jpg); }
*/

div.person {
margin: 0 0 1.5em 0;
padding: 0 0 .5em 0;
border-bottom: 14px solid #666462;
background-repeat: no-repeat;
background-position: right bottom;
}

div.person p {
margin: 0 0 .5em 0;
padding-left: 1.5em;
}

div#mark { padding-right: 100px; background-image: url(http://www.blindsight.com/images/mark.jpg); }
div#peter { padding-right: 100px; background-image: url(http://www.blindsight.com/images/peter.jpg); }
div#frank { padding-right: 100px; background-image: url(http://www.blindsight.com/images/frank.jpg); }
div#stellan { padding-right: 100px; background-image: url(http://www.blindsight.com/images/stellan.jpg); }
div#alan { padding-right: 100px; background-image: url(http://www.blindsight.com/images/alan.jpg); }
div#hutch { padding-right: 100px; background-image: url(http://www.blindsight.com/images/hutch.jpg); }




/* ---------- TABLELISTS */

ul.tablelist {
width: 100%;
padding: 0;
margin: 10px 0 40px 0;
list-style: none inside;
border-top: solid 1px #666462;
border-right: solid 1px #666462;
border-left: solid 1px #666462;
}

ul.tablelist li {
padding: 0;
margin: 0;
background-color: #fff;
color: #666462;
font-size: 12px;
border-bottom: solid 1px #666462;
}

ul.tablelist li h2 {
padding: 8px 10px;
margin: 0;
background-color: #666462;
color: #fff;
}

ul.tablelist li h3 {
padding: 8px 10px;
margin: 0;
background-color: #fff;
color: #666462;
font-size: 12px;
}

ul.tablelist li p {
padding: 5px 10px;
margin: 0;
font-weight: bold;
}

ul.tablelist li p + p, fieldset p {
text-align: left;
padding: 4px 18px;
margin: 0;
background-color: transparent;
color: #666462;
font-size: 12px;
font-weight: normal;
}