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: 40px; }
#nav *:hover { background-color:#025684;}

#nav a { 	font-family:Arial, Helvetica, sans-serif;
			font-size:16px;color:#fff;
			font-weight:bold;
			text-decoration:none;
			padding-right:10px;
			padding-left:10px;
			padding-top:10px;
			background-image:url(../images/br.gif);
			background-repeat:no-repeat;
			background-position:left;
			height:30px; 
 }
 
#nav li.hover a {  color:#FFFFFF  }
#nav ul { top: 41px; opacity: 0.9; filter: alpha(opacity=80);  }
#nav ul li a { background-color:#2178c2; color:#ffffff; background-image:none; height:18px; }
#nav ul li.hover > a { background-color: #02468d; color:#FFFFFF;font-weight:normal; font-size:12px; font-family:tahoma; }
#nav ul a { border-bottom: 1px solid  #02468d; border-right: none; opacity: 0.9; filter: alpha(opacity=80); 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 */