pre { border: 1px solid #e0e0e0; background-color: #000000; color: white; padding: 1em; font: 90% "Courier New", "Courier New", "Courier", monospace; margin: 1em 0; }
  pre .green { color: #00CC00; }
  pre .blue { color: #0000CC; }
  
code { font-family: "Courier New", "Courier New", "Courier" }

.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 { width: 700px; margin: 0 auto; padding: 10px 0;}
  
#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; }



/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative;  z-index:3000}
 
 /* change float for other lang*/
 #nav li { display: block; list-style: none; margin: 0; padding: 0; float: right; position: relative;  }
 #nav a { display: block; }
 #nav ul { display: none; position: absolute; right: 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; }

/* change for other lang*/
#nav ul ul { right: 131px; }

/* Everything else is theming */
 
#nav { height: 30px; }
#nav *:hover { background-color:#f2df96;   }
#nav a {padding-right:3px;padding-left:7px;  font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#fff;font-weight:bold;text-decoration:none; padding: 4px; line-height: 1.1;padding-right:15px; padding-left:15px; background-image:url(../images/home_05.gif); background-repeat:no-repeat; background-position:left;  }
#nav li.hover a {  color:#634e00  }
#nav ul { top: 26px; }
#nav ul li a { background-color:#f2df96; color:#634e00; background-image:none; }
#nav ul li.hover > a { background-color:#F6F2E7; color:#634e00;font-weight:normal; font-size:12px; font-family:tahoma }
#nav ul a { border-bottom: 2px solid  #fff; border-right: none; opacity: 0.9; filter: alpha(opacity=90); font-family:tahoma; font-size:12px; font-weight:normal; margin-bottom:0px; margin-top:0px;}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

