@import url("nano-heavy.css");


body {
  background: #fafafa url("/images/nanobg.png");
  background-repeat: repeat-y;
  background-position: right;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif; 
}

#header {
  margin: 0;
  padding: 0;
  /*background-color: #ff0000;*/
  /*background: url("images/bluebg.png");*/
  /*border-bottom: 1px solid #330000;*/
  /*border: 1px solid red;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5em;
}

#headerLeft {
  /*background-color: #00ff00;*/
  background-color: transparent;
  background: url("/images/bluecorner.png") no-repeat;
  /*border: 1px solid #003300;*/
  height: 770px;
  width: 160px;
  position: absolute;
  top: 0;
  left: 0;
}

#headerRight {
  /*background-color: #00ff00;*/
  /*background: transparent;*/
  /*border: 1px solid blue;*/
  height: 5em;
  padding-right: 2em;
  padding-left: 2em;
  margin-left: 200px;
  text-align: right;
}

#headerRight h1 {
  /*border-top:    1px solid #7c7c7c;*/
  display: block;
  width: 100%;
}

.headerCrumbs {
  font-style: italic;
}

.crumbs {
  margin: 1em 0px 5px 15px;
  /*display: block;*/
  font-size: 80%;
  /*border-bottom: 1px dotted #cccccc;*/
}

/* the links probably don't need as much decoration on them in this case */
.crumbs a:link, .crumbs a:visited, .crumbs a:active
{
  text-decoration: none;
  color: #2071CC;
}

.crumbs a:hover
{
  text-decoration: none;
  color: #000000;
  background-color: #FFFF99;
}

.crumbs a:active
{
  text-decoration: underline;
  color: #FF3333;
}


.content {
  /*background-color: white;*/
  /*font-size: smaller;*/
  font-size: 95%;
  clear: both;
  padding: 0px;
  margin: 0px;
  margin-left: 180px;
  margin-top: 6em;
}

.pagecontent {
  /*background: #fff url("/images/bggranular.png");*/
  /*background: transparent url("/images/bggranular.png");*/
  /*background: transparent url("/images/tchecker-white.png");*/
  background: #fff;
  padding: 0px;
  margin: 0px;
  border: 1px solid black;
  border-top:    1px solid #7c7c7c;
  border-left:   1px solid #c3c3c3;
  border-bottom: 1px solid #dddddd;
  border-right:  1px solid #c3c3c3;
  /*padding-left: 10em;*/
  margin: 0.5ex 0px;
  padding: 0.8em;
  /*padding-top: 100px;
  padding-left: 10em;
  border: 1px solid red;*/
  /*position: absolute;
  top: 0px;
  left: 0px;*/
  /*background: #ff0000;*/
}

.pagecontent h1 {
  font-style: italic;
  padding-top: 1em;
  padding-left: 0em;
  margin-right: 5em;
  border-bottom: 1px solid #0000bb;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  background-color: #FFFF99;
  color: #1005A7;
}

a:active 
{ 
  text-decoration: underline;
  color: #DA4C71; 
}

.printer {
  display: none;
}

.pagelist tr.evenrow { background: #eee; }
.pagelist tr.oddrow  { background: #f7f7f7; }

.navbar {
  background: #d8e0ff; 
  /* background: #ffffff;*/
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
  /*font-size: smaller;
  font-size-adjust: .58; */
  font-size: 70%;
  border-left: 1px solid #3333ff;
  border-top: 1px solid #3333ff;
  border-right: 1px solid #9999ff;
  border-bottom: 1px solid #9999ff;
  /*
  border-top:    1px solid #7c7c7c;
  border-left:   1px solid #c3c3c3;
  border-bottom: 1px solid #dddddd;
  border-right:  1px solid #c3c3c3;
  */
  padding: 0.2em;
  margin-left: 1.2em;
  margin-right: 0.6em;
  width: 12em;
  /*float: right;
  clear: both;
  position: absolute;
  right: 0px;
  top: 90px;*/
  position: absolute;
  left: 0px;
  top: 200px;
  /*overflow: auto;*/
}

.menulinks {
  margin-top: 0em;
  margin-bottom: 1em;
}

.searchlinks {
  margin-top: 0em;
  margin-bottom: 0.2em;
}

.relatedlinks {
  margin-top: 0em;
  margin-bottom: 1em;
}

.menulinks p {
  margin: 0;
  padding: 0;
}

.navsection {
  color: #ff0000;
  background: #c9d0ff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0.2em;
  /*background-color: #cc0000;*/
  /*border: 1px solid transparent;*/
  border-left: 0.4em solid #05056e;
  border-bottom: 1px solid #05056e;
  /*border-collapse: collapse;*/
}

.naventry {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0.2em;
  /*background-color: #cc0000;*/
  /*border-left: 0.4em solid #e7e964;
  border-bottom: 1px solid #e7e964;*/
  border-left: 0.4em solid #c7c944;
  border-bottom: 1px solid #c7c944;
  padding-left: 0.3em;
  margin-left: 0.3em;
}

.menulinks a {
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.menulinks a, .menulinks a:visited
{
  color: #000000;
}

.menulinks a:hover {
  /*background-color: #cccccc;*/
  background-color: #aa3333;
  /*color: #aa3333;*/
  color: #ffffff;
}

.menulinks a:active, .menulinks a:focus {
  background-color: #eeeeee;
  color: #ee0000;
}

.menulinks a {
  display: block;
}

.nanobrand
{
  color: #0000bb;
  /*background: #ccccff;*/
  font-weight: lighter;
  font-style: italic;
}

.navbar h1 {
  margin-top: 0;
  margin-bottom: 0.2em;
  padding-top: 0;
  text-align: right;
  font-size: 110%;
  border-bottom: 1px solid #000000;
}

.relatedlinks ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.relatedlinks li {
  padding: 0px;
  margin: 0px;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.navbar a {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}

.searchbox {
  color: #1005A7;
  margin: 2px 0px 0px 2px;
  padding: 0.05em;
  /*border: thin solid #1005a7;*/
  /*border: 1px solid #8BA9FF;*/
  border: 1px solid #8BA9FF;
  font-size: 95%;
}

.searchbutton {
  color: #1005A7;
  background: #ccccff;
  margin: 2px 2px 0px 0px;
  padding: 0.05em;
  border-left: 1px solid #0000ff;
  border-top: 1px solid #0000ff;
  border-right: 1px solid #9999ff;
  border-bottom: 1px solid #9999ff;
  font-size: 95%;
  float:right;
}

.searchbutton:hover {
  color: #000000;
}

.searchbutton:focus, .searchbutton:active {
  border-right: 1px solid #0000ff;
  border-bottom: 1px solid #0000ff;
  border-left: 1px solid #9999ff;
  border-top: 1px solid #9999ff;
}

.searchlinks form {
  margin: 0;
  padding: 0;
}

h1 a {
  text-decoration: none;
}

.hidden {
  display: none;
}

.editdate {
  font-size: 80%;
  margin-bottom: -1ex; 
}

.copyright {
  font-size: 70%;
  color: #aaaaaa;
}

pre {
  font-family: "Bitstream Vera Sans Mono",Courier New, monospace;
  border: 1px solid #aaaaff;
  margin: 0.5em 3em 0.5em 3em;
  padding: 0.5em;
}

a img {
  border: none;
}

.newsitem
{
  background-color: #e7edff;
  padding: 1em 1em 1em 1em;
  margin: 0.5em 3em 0.5em 3em;
  position: relative;
}

.newsdate
{
  color:  #333399;
  text-align: right;
  white-space: nowrap;
  position: relative;
  top: -1em;
  right: 0em;
}

.xref
{
  text-align: right;
  display:block;
  /*float: right;*/
}

.newsstory
{
  margin-right: 8em;
}

.new
{
  background-image: url("/images/new.png");
  background-repeat: no-repeat;
  background-position: 20px 0.5em;
  padding: 0.5em 60px 0.5em 80px;
  margin-right: 20px;
  border: 1px dotted red;
  /*border: 1px dotted #e7edff; */
}

.floatRight {
  clear: both;
  float: right;
  margin: 0.2em;
  margin-right: 0em;
}

.floatLeft {
  clear: both;
  float: left;
  margin: 0.2em;
  margin-left: 0em;
}

td {
  vertical-align: top;
}

/* this is for the "body" section of a picture index */
.pixindex
{ 
  margin: 10px 10px 10px 10px; 
}

/* the actual contents are in this box for picture indexes*/
.pixcontent 
{
  margin: 0; 
  padding: 0; 
}

.formgroup
{
  /*border: 1px solid red;*/
  clear: both;
  padding: 0.4em 0 0 0;
  /*border: 1px solid green;*/
}
.labelbox
{
  text-align: right;
  width: 5em;
  margin-right: 1em;
  float:left;
  /*border: 1px solid red;*/
}

.inputbox
{
  float: right;
  width: 19em;
  /*border: 1px solid red;*/
}

.optionbox
{
  /*border: 1px solid red;*/
  padding: 0;
  margin: 0;
  width: 10em;
}

.searchterm
{
  /*border: 1px solid green;*/
  padding: 2px 2px 2px 2px;
  margin: 0;
  width: 13em;
}

.submit
{
  /*border: 1px solid red;*/
  margin: 2px 2px 2px 2px;
  padding: 0 0 0 0;
}


/* contact details */
.contactbox
{
  margin: 1em 3em 1em 3em;
  padding: 1em;
  border: 1px solid #1005a7;
  background-color: #e7edff; 
  color: #1005A7;
}

.contactaddress
{
  float: left;
  margin-right: 2em;
}

.sundrycontacts
{
  padding-top: 1em;
  margin-left: auto;
  margin-right: 0em;
  float: left;
}

.contactrow
{
  clear: both;
  padding: 0.2em 0 0 0;
}

.contacttype
{
  text-align: right;
  width: 5em;
  margin-right: 1em;
  float:left;
}

.contactdetail
{
  float: left;
}


.indent
{
  margin-left: 5em;
}

/* Hidden text to get a better browser */
.hidden
{  
  display: none;  
}


/******************************
  list styles
  *************************/

dl
{
  margin: 1em 3em 1em 3em;
}

dt
{
  /*color: #2071CC; 
  font-size: 105%;*/
}

dd
{
  margin: 0 0 1em 1em;
}


/**************************
 Styles for the auto thumbnailer
 ****************************/

.allthumbnails
{
  /* border: 1px solid #1005A7;*/
  /*border: 1px solid red;*/
  /*padding: 0 5px 5px 0;*/
  ;
}

ul.allthumbnails
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.allthumbnails li
{
  float: left;
  margin: 0.5em 0.5em 0.5em 0.5em;
  border: 1px solid #2071CC; 
}

.thumbnailboxouter
{
  background-color: #ffffff;
  border: 1px solid #1005A7;
  position: relative;
  float: left;
  margin: 5px 5px 0px 0px;
  /* height: 160px; */ /* set manually using imgindexer script*/
  /* width: 140px;  */ /* ditto */
  text-align: center;
  cursor: crosshair; 
  /*display: inline;*/
}

.thumbnailbox
{
  /*border: 1px solid red;*/
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  /* set manually? */
  /* position: absolute;
  top: 5px;
  left: 5px; */
}

.shortimgcaption
{
  /*border: 1px solid red;*/
  text-align: center;
  font-size: 80%;
  color: #1005A7;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  overflow: hidden;
}

.thumbnailbox a img, .thumbnailbox a:hover
{
  border: none;
  background-color: transparent;
}

.thumbnailbox a img:hover
{
  border: 1px solid #1005a7;
}

/*.thumbnailshadow
{
  border: none;
  background-color: #999999;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0 0 0 0;
}*/

.clearbreak
{
  clear: both;
}

.smallcontrol
{
  font-size: 80%;
}

/* styles for things marked with <abbr> <acronym> or <span class=.help> tags
   the value of title="" will be displayed as a tooltip */
abbr, acronym, .help 
{
  border-bottom: 1px dotted #333333;
  cursor: help;
}

.helpfulcomment
{
  margin: 0.5em 0.5em 0.5em 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: 1px solid #F6A800;
  background-color: #FFE2A3;
  /*cursor: help;
  display: inline;*/
}

/* Styles for the footer of the page: copyright and logo stuff
   lots of absolute positioning goes on here, but *relative* to the
   outer containing box */
/* footer is the containing box */
.footer 
{ 
  height: 117px;
  position: relative;
  margin: 0 0px 5px 0px;
  /*border: solid thin red;*/
}

/* the left side box for the footer */
.footerLeft
{ 
  position: absolute;
  left: 0px;
  bottom: 0px;
  /*border: solid thin red;*/
}

/* the footertext is the actual copyright/last-mod statement */
.footerText
{
  padding-top: 0px;
  font-size: 80%;
  color: #aaaaaa;
}

/* make the links a little less obvious */
.footerText A
{
  color: #aaaaaa;
}

/* the span for the "Valid XHTML" and "Valid CSS" buttons */
.footerValid
{
  display: block;
  margin-top: 15px;
}

.footerValid A IMG 
{
  border: none;
}

.footerValid A:hover
{
  background-color: transparent;
}

.highlight, a.highlight
{
  color: #bb4700;
  /*border-top: 1px solid red; */
}

.bentryeven, .bentryodd
{
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: 1px solid #8ba9ff; 
}

.bentryodd
{
  background-color: #ffffff; 
}
  
.bentryeven
{
  background-color: #e7edff; 
}

.hentry
{
}

/*************************
 * list styles
 *****/
li
{
  text-align: left;
  margin-bottom: 0.5em;
}

/************
 * generic floating class for floating photos L or R
 ************/

.photo, .floatphotoL, .floatphotoR, .photoNF, .floatphotoLNF, .floatphotoRNF
{
  padding: 5px 5px 5px 5px;
  /* margin-left: auto;
  margin-right: auto; */
}

.photo, .floatphotoL, .floatphotoR
{
  /*margin: 5px 5px 5px 5px;*/
  margin: 0.5em 0.5em 0.5em 0.5em;
  border-top: 1px solid #2071cc;
  border-right: 2px solid #333399;
  border-bottom: 2px solid #333399;
  border-left: 1px solid #2071cc;
  /*border: 1px solid #2071CC; */
}

.photo
{
  /*margin-left:50%; 
  margin-right: 50%;
  text-align:left; 
  white-space:nowrap;*/
  margin-left:auto;
  margin-right:auto;
}

.centred
{
  text-align: center;
}

.floatphotoL, .floatphotoLNF
{
  float: left;
  margin-left: 0;
  clear: left;
}

.floatphotoR, .floatphotoRNF
{
  float: right;
  margin-right: 0;
  clear: right;
}

img.photo, .photo img, .floatphotoL img, .floatphotoR img,
.photoNF img, .floatphotoLNF img, .floatphotoRNF img
{
  /*padding: 5px;*/
  padding: 0px;
  display: block;
  /*border: 1px solid red;*/
}
  
.photo a:hover, .floatphotoL a:hover, .floatphotoR a:hover,
.photoNF a:hover, .floatphotoLNF a:hover, .floatphotoRNF a:hover
{
  background-color: transparent;
}

img.noborder, div.noborder
{
  border: none;
}

img.border
{
  border-right: 1px solid #2071cc;
  border-top: 2px solid #333399;
  border-left: 2px solid #333399;
  border-bottom: 1px solid #2071cc;
}

.bookref
{
  margin-left: 3em;
  color: #333399;
}

.crossreflink
{
  margin: 1em 1em 1em 5em;
  text-align: right;
  color: #333399;
}

.texttrailnav
{
  text-align: center;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  /*border: 1px solid red;*/
}

.credit
{
  clear: both;
  font-style: italic;
  font-size: 90%;
}

/*
 * Default Table Styles
 */

th
{ 
  background-color: #8ba9ff; 
  padding: 10px; 
  /*border-top: 1px dotted #999999; 
  border-bottom: 1px dotted #999999; */
  border-left: 0px; 
  border-right: 0px; 
  text-align: center; 
  vertical-align: middle;
  color: #ffffff;
}

/* directory listing table styles */

.doclisting 
{
  text-align: left;
  vertical-align: middle;
  border-collapse: collapse; 
  border: none;
  border-bottom: 1px solid #8ba9ff; 
}

.diricon
{
  text-align: right;
}

.dirfilename
{
  padding-left: 0.2em;
  padding-right: 1em;
}

.dirtitle
{
  padding-right: 1em;
  color: #333333;
}

.dirtype
{
  padding-right: 1em;
}

.dirsize
{
  text-align: right;
}

.direven
{
  background-color: #ffffff; 
}
  
.dirodd
{
  background-color: #e7edff; 
}
  

hr
{ 
  height: 1px; 
  border-top: 1px solid #4a54ff; 
  border-bottom: none; 
  border-left: none; 
  border-right: none; 
  margin: 0px auto;
  width: 80%;
}

.newsitem
{
  background-color: #e7edff; 
  padding: 1em 1em 1em 1em;
  margin: 0.5em 3em 0.5em 3em;
  position: relative;
}

.newsdate
{
  color:  #333399;
  text-align: right;
  white-space: nowrap;
  position: relative;
  top: -1em;
  right: 0em;
}

.xref
{
  text-align: right;
  display:block;
  /*float: right;*/
}

.newsstory
{
  margin-right: 8em;
}

.new
{
  background-image: url("/images/new.png"); 
  background-repeat: no-repeat;
  background-position: 20px 0.5em;
  padding: 0.5em 60px 0.5em 80px;
  margin-right: 20px;
  border: 1px dotted red;
  /*border: 1px dotted #e7edff; */
}

ol li
{
  margin-bottom: 1em;
}
  
/*
 * Optional table styles
 *
 */
th.minor	{ font-style: italic; padding: 3px; text-align: left; }
th.centre 	{ text-align: center; }
td.border 	{ border-bottom: 1px dotted #DFDFDF; }
td.left		{ text-align: left; }
td.right	{ text-align: right; }
td.centre 	{ text-align: center; }
td.justify	{ text-align: justify; }
td.operational  { color: #00C800; }
td.testing      { color: #F7E318; }
td.building     { color: #EA9F12; }
td.gathering    { color: #FA0000; }
td.interested   { color: #000000; }

.project {
  background: #eeeeff;
  margin-bottom: 1em;
  overflow: hidden;
  height: 1%;
  border-collapse: collapse;
  margin-bottom: 1em;
  position: relative;
}

.project .icon {
  border-left: 1px solid #0000aa;
  border-right: 1px solid #0000aa;
  border-bottom: 1px solid #0000aa;
  margin: 0;
  margin: 0em 1em 0em 0;
  float: left;
}

.project .title {
  background: white;
  border-bottom: 1px solid #0000aa;
  display: block;
}

.project .title a,
.project .title a:visited {
  text-decoration: none;
  color: #0000aa;
  font-style: italic;
  font-weight: bold;
}

.project .more {
  position: absolute;
  bottom: 0.2em;
  right: 0.2em;
  font-size: 80%;
}

.working {
  background: #66ff66;
}

.partial {
  background: #99ff99;
}

.config {
  background: #ccffcc;
}

.untested {
  background: #ffff66;
}

.notwork {
  background: #ff6666;
}

.statustable {
  border:1px solid black; 
  margin: 0 3em 0 3em;
}

.statustable td {
  padding: 0.2em 1em 0.2em 1em;
}

td.subentry {
  padding-left: 2em;
}