html * {
  margin: 0px;
}

body {
  background: #ccc;
  font-family: Verdana;
  width: 800px;
  margin-left: auto;
  margin-right: auto;

}

body, table                             				{ font-family:verdana; font-size:72%; line-height:160%; }
h1,h2,h3,h4,h5,h6,h7,p,pre,table,blockquote	{ margin:0 0 1em 0; padding:0; }
h1,h2,h3,h4,h5,h6,h7            				{ line-height:1.1em; margin-bottom:.5em; }

p						{ line-height:160%; margin-bottom:.8em; }
body						{ color:#444; }
h1, h2, h7.postdetails		{ font-family:georgia,times; font-weight:normal; }

h1						{ font-size:231%; line-height:40px; color:#000; }
h2						{ font-size:150%; line-height:23px; color:#000; margin-bottom:.3em; }
h3						{ font-size:120%; line-height:inherit; font-weight:bold; }
h7						{ font-size:250%; line-height:40px; color:#000; margin-bottom:.3em; }
.postdetails			{ font-size:120%; line-height:18px; text-align: right; color: #aaa; clear: both;}

a, a:visited	{ color: #16366a; text-decoration: none; }
a				{ border-bottom: 1px dotted #16366a; }
a:hover			{ color: #ff9933; border-bottom: 1px dotted #ff9933; }


#universe {
  float: left;
  width: 825px;
  background: #fff;
  padding: 3px;
}

#header {
  background: #66FFCC url("images/header.png") top left no-repeat;
  /*background: #993366 url("images/header.png") top left no-repeat;*/
  color: #fff;
  padding: 0px;
  width: 823px;
  height: 140px;
}

#header h2 {
  float: left;
  margin-left: 15px;
  margin-top: 50px;
  color: #003399 ;
  /*color: #fff;*/
}

#header h7 {
  float: left;
  margin-left: 15px;
  margin-top: 50px;
  color: #003399 ;
  /*color: #fff;*/
}

.logoimg {
  float: left;
  margin-left: 60px;
  padding-top: 12px;
  padding-top: 8px;
}

#menu {
  float: left;
  clear: both;
  width: 994px;
  border-bottom: 2px solid #16366a;
}

#menu ul {
  list-style: none;
  margin: 0px;
  margin-left: 21px;
  padding: 0px;
}

#menu li {
  display: block;
  float: left;
  padding: 4px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  margin-right: 21px;
}

#menu a {
  text-decoration: none;
}

h4, h3 {
  margin-top: 12px;
  margin-bottom: 2px;
}

#menupan ul {
  padding-left: 18px;
}


#col1 { /* Navigation on left hand side */
  color: #003366;
  float: left;
  width: 160px;
  margin-right: 3px;
  padding: 3px;
  background-color:	#CCFFFF;
  border-right: 2px solid #16366a;
  /*background-color:	#FFFF66;*/
}

#col2 { /* main section */
  text-align: justify;
  float: left;
  width: 638px;
  padding: 3px;
  padding-right: 12px;
}

#footer {
  font-size: 81%;
  color: #aaa;
  font-family: Georgia, Times;
  clear: both;
  margin-top: 3px;
  float: left;
  text-align: center;
  padding: 3px;
  padding-left: 259px;
  width: 529px;
}

table.tabULSCR{
  font-family: Verdana;
  font-size: 100%;
  border: none;
}

table.tabULSCR2{
  font-family: Verdana;
  font-size: 100%;
  border-left:1px dotted #ccc;
}

.col1pan {
  padding: 3px;
  margin-bottom: 10px;
}

.byline {
  text-align: right;
  font-style: italic;
}

.photoframeleft, .photoframeright {
  padding: 4px;
  padding-bottom: 0px;
}

.photoframeleft {
  float: left;
  margin-right: 10px;
}

.photoframeright {
  float: right;
  margin-left: 10px;
}

.photoframeleft img, .photoframeright img {
  border: 0px;
}

.photoframeleft a, .photoframeright a {
  border: 0px;
}

p.photocaption {
  text-align: center;
}

dd.names {
  margin-left: 20px;
}

div.littlepanel {
  float: left;
  width: 270px;
  padding: 3px;
  vertical-align: top;
  height: 100%;
}

div.littlepanel ul {
  padding-left: 16px;
}

div.panelcontainer {
  border-top: 1px dotted #ccc;
  width:100%;
  height: 230px;
  margin-top: 3px;
  margin-bottom: 3px;
  clear: both;
}

div.panelcontainer2 {
  width:100%;
  height: 230px;
  margin-top: 3px;
  margin-bottom: 3px;
  clear: both;
}

div.container {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 8px;
}

.colourstable {
  border: 1px dotted #ccc;
  padding: 8px;
  padding-bottom: 0px;
}

.selected {
  border: 1px dotted #ccc;
}