/* Basic code - don't modify */

 #nav { display: block; margin: 0; padding: 0; position: relative; z-index:1; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block;height:10px; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 130px; }
/*#nav ul ul { left: 131px; }*/

/* Everything else is theming */

#nav { background-color: none; height: 24px; }
* html #nav {margin-top:-2px;}
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid white; color: white;  font-family: "Tahoma"; font-size: 11px; padding: 5px; line-height: 1;background-position:left top; }
  #nav li.hover a { background-color: #0b6d42; }
  #nav ul { top: 21px; }
    #nav ul li a { background-color: #909090; }

      #nav ul a.hover { background-color: #82c7e9; }
   #nav ul a { border-bottom: 0px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
#nav ul a { border-bottom: none; } - I also needed this for IE6/7




:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Start Project CSS */


h1 { font-size: 180%; font-weight: bold; margin: 0 0 15px 0; border-bottom: 1px solid #a0a0a0; color: black; }
  h1 .subtitle { font-size: 75%; }

h2 { font-size: 130%; font-weight: bold; margin: 1em 0 0.3em 0; color: black; }
h3 { font-size: 115%; font-weight: bold; margin: 1em 0 0.3em 0; color: black; }

p { margin: 0.7em 0 }

a { color: #101010; text-decoration: none }


ul, ol { margin: 0.7em 0 0.7em 2em; }
  li { display: list-item; list-style: disc; }

pre { border: 1px solid #e0e0e0; background-color: #000000; color: white; padding: 1em; font: 90% "Tahoma", "Courier New", "Courier", monospace; margin: 1em 0; overflow: auto }
  pre .green { color: #00CC00; }
  pre .blue { color: #0000CC; }

code { font-family: "Tahoma", "Courier New", "Courier", monospace }

dl { margin: 1em 0 }
  dt { font-weight: bold; margin: 0 0 0.2em 0 }
  dd { margin: 0 0 0.5em 0 }

dl.docs {}
  dl.docs dt { font-family: "Tahoma", "Courier New", "Courier", monospace }

table {}
  tr {}
  td, th { vertical-align: top; padding: 0.3em }
  td {}
  th { font-weight: bold }

.caption { font-size: 90%; margin: 1em 0 -1em 3px; color: #303030; }

.first { margin-top: 0; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#container { float:left;
	width:694px;
	margin-top:0px;
	height:41px;}

* html #container {
	width:664px;
}

#sidebar { float: right; width: 180px; }

  #sidebar ul { margin: 0; padding: 0; }
  #sidebar li { margin: 0; padding: 0; display: block; list-style: none; }

  ul#project-nav { margin-bottom: 1em; }
    ul#project-nav li { border-bottom: 1px solid #a0a0a0; }
    ul#project-nav a { display: block; padding: 4px; }

  ul#ohoa-nav { font-size: 90%; }
    ul#ohoa-nav a { display: block; padding: 2px 4px; }

#main { margin-right: 200px; }

#pixel-trap { display: block; text-transform: lowercase; margin-top: 1em }
  #pixel-trap img { vertical-align: middle }

#feedback-form { display: none; }
  #feedback-form label { display: block; margin: 0.5em 0 0.2em 0 }
  	#feedback-form label.first { margin-top: 0 }
  #feedback-form input.text { width: 300px }
  #feedback-form textarea { width: 300px; height: 100px; }
  #feedback-form .buttons { margin-top: 0.5em; text-align: right }