/************ font face ************/
body {font-family: Arial, Helvetica, sans-serif;}
a  {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
p, li, h1, h2, h3, h4, h6, td {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
h3 {font-weight: 500;}
/*********** font size *****************/
p, li, td {font-size: 1em;}
h1 {font-size: 2.4em;}
h3 {font-size: 1.2em;}
h6 {font-size: 0.75em;}
h6 span {font-size: 1.7em; vertical-align: middle;}
#eric { font-size: 2em; }
#domain { font-size: 1.4em; }
div#main div a { font: normal 0.8em Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 1em;}
/*********** colour *************/
body {background: #FFF;}
#menu {background: #13E;}
a/*:link*/ {color: #02B; text-decoration: none; }
a:hover { color: #009; text-decoration: underline; }
/*a:visited {color: #CA5469; text-decoration: none; }
a:visited:hover { color: #CCC; background: #9C3042;}*/
#menu a {font-size: 0.75em; color: #FFF; background: #13E; border: 1px solid #13E/*#7BF*/; border-bottom: 1px solid #58F;  }
#menu a:hover { border: 1px solid #FFF; background: #2AF;  }
/*.news { border: #02E solid 1px; }*/
#main h4 {background: #CEC8F0;  border: 1px #02E solid;  }
#banner { font-weight: bold; text-align: center; border-bottom: #13E 11px solid;  background: #13E; }
#banner div { color: #FFF; border: #ACF 1px solid; height: 42px; margin: 0 1px; background: #2AF; }
#eric { width: 140px; }
#ethos { padding: 0 4px; font-size: 1.2em;  /*width: 146px;*/ }
div#main img {border: #13E 13px ridge;}
/*********** position *************/
body {margin: 0; }
#banner {width: 100%; font-weight: bold; text-align: center;}
#banner div#eric { position: absolute; left: 1px; top: 0px;  width: 148px;} 
#banner div#ethos {margin-left: 154px; margin-right: 154px; line-height: 2.4em;} 
#banner div#domain {position: absolute; right: 1px; top: 0px;  width: 148px; line-height: 1.8em; } 
.indent {margin-left: -18px;}
div#main h1 { margin: 0 0 0 -19px;}
div#main h2 { margin: 0 0 0 -15px; /*letter-spacing: -0.1em;*/}
div#main h3 { margin: 0 0 0 -11px; line-height: 0.9em;}
#main h4 { margin: 0 -9px 4px; padding-left: 19px; }
.news ul { margin: 0 9px;  }
.news li { margin: 0 1px;  }
div#main div { margin-bottom: 9px; }
p { line-height: 1.2em; margin-top: 9px;}
dl a {display: block;}
h6 {text-align: center; margin: 19px 0 0;}
#menu {width: 148px;  }
#menu a {text-decoration: none; font-weight: bold; text-align: right; display: block; margin: 0px 2px; padding: 4px 9px;}
#main { padding: 1px 22px; }
.news { padding: 0 9px 9px;}
.width { max-width: 31em; }
div.news { text-align: center; /* float: left;*/ margin-left: auto;   margin-right: auto;  }
#foot { width: 100%;} 
#foot img {  margin-right: 9px;} 
p { line-height: 1.2em; margin-top: 9px;}
dl a {display: block;}
h6 {text-align: center; margin: 19px 0 0; width: 100%; float: left;}
#menu {	position: absolute; bottom: 0px;/* height: 100%;*/ left: 0px; width: 172px; padding: 0; top: 50px; padding-bottom: 265px; 
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}
#menu ul {	list-style: none;	margin: 0;	padding: 0;	}
#menu a {text-decoration: none; font-weight: bold; text-align: right; display: block; margin: 4px 2px; padding: 4px 9px; width: 100%;}
html>body #menu a {		width: auto;		}
#main { padding: 1px 12px; margin: 9px 0px 0px 159px; }
.news { padding: 0 9px;}