html {margin: 0; padding: 0; border: 0; }
      body {margin: 0; padding: 0; border: 0; border-left: #119 4px solid; border-right: #119 4px solid;}
    /* formatting layout stuff */
/*
      #idHeader {clear: both; top: 0; margin-top: 0; margin-bottom: 0; width: 100%;}
*/
      #idContent {float: left; width: 80%; margin-top: 0; padding-top: 0; border-top: 1px #119 solid; padding-bottom: 2em; /* push footer out of the way a bit */}
      #idContentInside {float: right; width: 72%; margin-top: 0;}
      #idSidebar {margin-left: 78%; }
      #idNav {margin-right: 72%; height: 100%;}
	#idFooter {clear: both; padding-bottom: 1em;}

	/* colour and font rules */
      body { background:#fff; color: #222; font-size:90%; font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; }
	a:link { color: #119; background: #fff; font-weight: bold; text-decoration: none; }
	a:visited { color: #119; background: #fff; font-weight: bold; text-decoration: none; }
	a:hover { color: #eee; background: #33d; font-weight: bold; text-decoration: underline; }
	a:active { color: #f33; background: #33d; font-weight: bold; text-decoration: underline; }

      #idHeader {color: #eee; background: #119; border: 2px #119 solid;}
      #idSidebar {background: url("/images/nc-rt.gif") right top no-repeat;}
      #idContent {background: url("/images/nc-lt.gif") left top no-repeat;}
      #idNav {}
      #idFooter {text-align: center; font-size: 80%;}

      /* header stuff */
      #idHeader {text-align: center; font-weight: bold;}
      #idHeader a {text-decoration: none; color: #fff; background: #119;}
      #idHeader h1 {font-size: 2em;}
      #idHeader p {color: #ddd; background: #119; font-style: italic; font-weight: normal; margin-top: 0; text-align: left; padding-left: 2em;}
      
	/* nav bar */
	#idNav { padding-top: 2em; font-size: 90%; } 
      #idNav h2 {display: none; }
      div.clsNavBoxOuter { width: 9em; margin: 0; margin-top: 3em; margin-left: 1em; color: #fff; background: #119 url("/images/navhead.gif") top repeat-x; border: #119 4px solid; border-top: #68c 4px solid;}
      div.clsNavBoxOuter h3 {font-size: 80%; padding-top: 2px; text-align: center; padding-bottom: 2px; margin: 0px; border: 0; }
      .clsNavBoxOuter ul {margin: 0px; border: 0px; padding: 0px; text-indent: 0px;}
      .clsNavBoxOuter li {list-style: none; text-indent: 0px; margin: 0px; border: 0px; padding: 0px; }
      .clsNavBoxOuter a:link {display: block; width: 8em; padding-left: 1em; padding-top: 2px; padding-bottom: 2px; font-size: 100%; margin: 0px; text-decoration: none; color: #000099; background: #eee; border: 0;}
      .clsNavBoxOuter a:visited {display: block; width: 8em; padding-left: 1em; padding-top: 2px; padding-bottom: 2px; font-size: 100%; margin: 0px; text-decoration: none; color: #000099; background: #eee; border: 0;}
      .clsNavBoxOuter a:hover {color: #ddf; background: #33d; }
      .clsNavBoxOuter a:active {color: #fdd; background: #33d; }
      
	/* sidebar */
	#idSidebar {font-size: 80%; } 
	img#idSidebarLogo  { position: relative; top: -70px; }
	#idSidebar .clsSidebarOuter {position: relative; top: -50px; }
	.clsSidebarOuter {border: 0; padding: 0; padding-left: 1em; padding-right: 1em; margin: 0;}
	.clsSidebarInner {border: #119 1px; padding: 0px; margin: 0px; background: #ccc; text-align: center;}
	#idSidebar h2 { font-size: 1em; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 0.5em; text-align: center;}
	#idSidebar p {margin: 0px; padding: 0px; }
	#idSidebar a:link { color: #119; background: #ccc; font-weight: bold; text-decoration: none; }
	#idSidebar a:visited { color: #119; background: #ccc; font-weight: bold; text-decoration: none; }
	#idSidebar a:hover { color: #eee; background: #33d; font-weight: bold; text-decoration: underline; }
	#idSidebar a:active { color: #f33; background: #33d; font-weight: bold; text-decoration: underline; }

/* page footer */
	#idFooter { border-top: 2px #ccc dotted;}
      #idFooter h2 {display: none;}
      #idFooter li {list-style: none; }

/* page content */
	#idContent h2 {font-size: 1.2em; color: #119; }
	#idContent p {margin-right: 2em; }	/* so that the sidebar doesn't overlap it */
	a.clsImage:link {border: 0; padding:0; margin: 0;}
	a.clsImage img {border:0; margin: 0; padding: 0; background: #fff;}
	#idContent div.clsImageFloat {float: left; margin-right: 2em; }
	#idContent div.clsMoreInfo {clear: left; padding-top: 2em;}