body { font: 62.5%/1.6 Arial, Helvetica, Geneva, sans-serif; color: #222; border: 0; margin: 0; padding: 0; background: #fff;  }
/* 766 wide. Drop a fine line down left and right borders. Centre whole thing */
#wrapper { width: 766px; margin: 0 auto; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
	/* Needs to be tight and solid - boundaries? - borders?  */
	#header { width: 766px; height: 135px;  }
		#image { width: 766px; height: 110px; }
		#nav { width: 766px; height: 25px; }
		/* This is the tricky one: will be positioned "off and up" - but still needs space where it is located? */
		#search { visibility: visible;  position:relative; top: -90px; left: 525px; width: 150px;}
	/* 10x10 block */
	.shim { width: 10px; height: 10px; }		
	#body { width: 766px; margin: 0; clear: both; }
		#left { float: left; width: 204px; margin: 10px 3px 0 3px; }
			.box { width: 200px; margin: 0 2px; }
				.box-top { background: url(/images/topcurve2.png) no-repeat left top; width: 200px; height: 10px; }
				.box-cont { width: 194px; background: url(/images/tile3.png) repeat-y; padding: 3px; }

				.box-end { background: url(/images/botcurve2.png) no-repeat left bottom; width: 200px; height: 10px; }
		#right { width: 535px; margin: 5px 3px 0 225px; }
			#key { width: 98%; margin: 3px; }
			#main-content { font: small Arial, Helvetica, Geneva, sans-serif; width: 98%; margin: 3px; }
			#footer { margin: 25px  auto 10px; width: 85%; border-top: 1px solid black; font-size: small; text-align: center; padding-top: 5px; }

		#both { width: 740px; margin: 0 0 0 20px; }
/* mainNav
=======================*/

#nav ul {
  margin:  0;
  padding: 0;
  float: left;
  width: 766px;
  background: #fff url(/images/mainNavBg.gif) repeat-x;
  list-style-type: none;
  text-transform: uppercase;
}

#nav ul li  {
  float: left;
  margin: 0;
  padding: 0;
}

#nav ul a {
  padding: 0 4.2em;
  line-height: 2.1em; 
  background: url(/images/mainNavBorder.gif) repeat-y left top;
  text-decoration: none;
  color: #222;
  float: left;
  display: block; 
}

#nav ul a:hover {
  color: #fff;
}

#nav ul .first a { background: none; }

h1 { margin-top:1.2em; margin-bottom:0.8em; color: #b60; margin-left: 5px; margin-right: 5px;}

h2, h3 { margin-top:1.0em; margin-bottom:0.6em; color: #a50; margin-left: 5px; margin-right: 5px;}
h4, h5, h6 { margin-top:1.0em; margin-bottom:0.6em; color: #a50; margin-left: 5px; margin-right: 5px;}
h1, h2, h6 { font-weight:bold; }
h3, h4, h5 { font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:1em; }

h1 { font-size:1.8em;  line-height: 1.4; text-align: left; }
h2 { font-size:1.6em;  line-height: 1; text-align: left; }
h3 { font-size:1.4em; }
h4 { font-size:1.25em; }
h5 { font-size:1.15em; }
h6 { font-size:1.0em; }
p { margin: 5px; }

/* main page styles */

#main-content h1.home { margin-top:-0.25em ;color: #444; text-align: center; font-size: 1.8em;}
.title-line  { margin-top: 10px; }
.title-line:first-letter { font-size:26px; font-weight: normal; }
.title-line:first-line { font-weight: bold; }

#main-content h1 {color: c70; }
#main-content h2 {margin-top:1.0em; margin-bottom:0.6em; font-weight: bold; font-size: 1.6em; }
#main-content h3 {margin-top:1.0em; margin-bottom:0.6em; font-weight: bold; font-size: 1.4em; }

#main-content p { line-height: 1.2em; }
#main-content ul { margin-right: 20px; line-height: 1.2em; /* was 2em; */ }

#main-content a { color: #05b; text-decoration: none; }
#main-content a:hover { text-decoration: underline; }


.box-cont h3 { text-align: center; margin: 0px 15px 5px 15px; color: #a50; font-size: 1.25em; }
.box-cont p { font-size: 105%; padding: 4px 13px; margin: 3px; line-height: 1.3em; }
.box-cont  .shortcut { line-height: 0.8em; }

.box-cont  a { color: #05b; text-decoration: none; }
.box-cont a:hover { text-decoration: underline; }

/* external links */
 a.external {
   background: url(/images/E.png) center right no-repeat;
   padding-right: 12px;
   margin-right: 8px;
}


/* news page styles */
.flatarchives li { LIST-STYLE-TYPE: none; font-size: 100%; font-weight: bold; }
.newsitem h3 {margin: 10px 5px 8px 5px; } 
.newsitem p {margin: 4px 0 8px 0; font-size: 110%; }

.newshead { margin-bottom: -6px; padding-bottom: 0px; }
.newslink { margin-top: -6px; margin-bottom: 5px; padding-top: 0px; text-align: right; }

.newstitle { text-align: center; }

#newsbox { position: relative; top: -20px; }

#footer a { color: #05b; text-decoration: none;  }
#footer a:hover { text-decoration: underline; }
#wikitext pre { font-family:'Courier New',Courier, mono; <!-- width: 97%;  -->margin: 3px auto; padding: 3px; margin-left: 15px; margin-right: 18px; border: 1px solid #c70; } 
#wikitext h1 { margin-top: 0px; }