body {
  margin:0px;
  padding:0px;
  font-size:10px;
  font-family: Arial, Helvetica, sans-serif;
  color:#999;
  background-color:#000;
}
p {
  margin:0px 0px 10px 0px;
  line-height:16px;
}
a:link, a:visited {
  color:#396;
  text-decoration:none;
}
a:link.DocumentLink, a:visited.DocumentLink, a:active.DocumentLink {
  color:#369;
}
a:active, a:hover, a:link.selectedsection, a:visited.selectedsection, 
a:hover.DocumentLink, a:link.selectedsection.DocumentLink, a:visited.selectedsection.DocumentLink {
  color:#933;
}
#TopRight a:link, #TopRight a:visited, #TopRight a:active {
  color:#999;
  line-height:16px;
}
#TopRight a:hover, #TopRight a:link.selectedsection, #TopRight a:visited.selectedsection {
  color:#fff;
}
#ContentHolder {
  width:912px;
  margin:0px auto;
}
#TopLeft {
  height:300px;
  width:456px;
  margin:0px;
  padding:0px;
  float:left;
  background-color:#dee0dc;
}
#TopRight {
  height:240px;
  width:396px;
  margin:0px;
  padding:30px;
  float:left;
  background-color:#333;
}
#Bottom {
  background-color:#fff;
  background-image:url(../images/logo.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
  height:300px;
  width:912px;
  margin:0px;
  padding:0px;
  float:left;
}
#BottomLeft {
  height:240px;
  margin:0px;
  padding:30px;
  float:right;
}
#BottomRight {
  height:300px;
  margin:0px;
  padding:0px;
  float:right;
}
.NavLink img {
  border:none;
}
.DocumentTitle {
  font-size:12px;
  font-style:italic;
  color:#933;
}
.DocumentDetails {
  font-style:italic;
}
.DocumentLink {
  font-style:italic;
}

/* *****************************************************
********************* ADMIN STYLES *********************
***************************************************** */
a:link.AdminNavLink, a:visited.AdminNavLink, a:active.AdminNavLink {
  font-size:32px;
  color:#933;
  text-decoration:none;
}
a:hover.AdminNavLink {
  color:#000;
}
.AdminPage #TopLeft {
  height:240px;
  width:396px;
  margin:0px;
  padding:30px;
}
fieldset {
  width:360px;
}
label {
  display:block;
  float:left;
  clear:left;
  width:100px;
  margin-right:11px;
  text-align:right;
}

#ImageThumbnails {
  width:210px;
  float:right;
}
#SectionNavigation {
  width:180px;
  float:left;
}
#ImageThumbnails img {
  width:30px;
  height:30px;
  border:0px;
  padding:0px;
  margin:0px;
}
#ImageThumbnails a:link, #ImageThumbnails a:visited, #ImageThumbnails a:active {
  border:3px solid transparent;
  float:left;
  margin:0px 0px 6px 6px;
  padding:0px;
  height:30px;
  width:30px;
}
#ImageThumbnails a:hover, #ImageThumbnails a:link.selected, #ImageThumbnails a:visited.selected {
  border:3px solid #933;
}
.error {
  color:#f00;
}
/*
Red text (and highlight box on all thumbnails): 993333
Light grey text in bottom left white box: 666666
Grey text top right box: 999999
Blue text: 336699
Background: Black - site centered.

FONT:
Arial 10pt everywhere.
Red Heading bottom left box, 11pt Arial Italic.

DIMENSIONS:
Four main boxes: 456x300
(total width): 912
(total height): 600
The bottom two boxes should act as one box (912 wide) and images are always at the right. See pages 4,5 pdf - this is how an image other than 456 wide will behave. The panoramic image has the white space on the jpeg. Sometimes images will fill the whole space up the logo which comes in 90 from the left.
Gutter: 30. All text etc shouldn't go closer to the edge than 30.
Thumbnails: 30x30 - GAP between is 11. Red highlight box is 3 wide.
TEXT in white box should be right aligned and always just be pushed 30 away from the left of the image.
*/