/************ 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, div {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;}
div#main div a { font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1em;}
/*div#main div li {   list-style: square; }*/
/*********** colour *************/
body {background: #FFF;}
#menu {background: #4A0063;}
#main {background: #FFF;}
a/*:link*/ {color: #440066; text-decoration: none; }
a:hover { color: #FFF; background: #770099;}
/*a:visited {color: #CA5469; text-decoration: none; }
a:visited:hover { color: #CCC; background: #9C3042;}*/
#menu a {font-size: 0.75em; color: #FFF; background: #6F2288; border: 1px solid #A733CD;  }
#menu a:hover { border: 1px solid #FFF; background: #803399;  }
.news { border: #74009A solid 1px; background: #FAF5FA;}
.news h4 {background: #FFF/*#C9C*/;  border-bottom: 1px #74009A solid; color: #74009A; }
#banner { border-bottom: #4A0063 11px solid;   background: #74009A;}
#eric { font-size: 2em; }
#domain { /*padding: 0 4px; */font-size: 1.4em;   }
/*#ethos { line-height: 1em; }*/
input { color: #000; background: #EDEDED; font-weight: bold; border: #090 solid 1px; }
/*********** position *************/
body {margin: 0; }
#banner {width: 100%; font-weight: bold; text-align: center;}
#banner div { color: #FFF; border: #A733CD 1px solid; height: 42px; margin: 0 1px;  }
#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; } 
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;}
.news h4 { margin: 0 -9px 4px; padding-left: 19px; }
.news ul { margin: 0 9px 9px; padding: 0 9px 9px; }
div#main div {width: 188px; margin-bottom: 9px; float: left;}
div#main div div { width: 169px;}
/*div#main h2 + h3 {margin: 18px 0 -11px;}
div#main h3 + p {margin: 18px 0 0;}*/
#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;}
.width { max-width: 31em; }
#login { position: relative;  float: right; margin-right: -9px;}
/*.inline {display: inline;}*/
#left {margin-left: 1%; }
#middle {margin-left: 3%; }
#right {margin-left: 3%; }
.g468 { width: 468px; margin-left: auto; margin-right: auto;}