/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.bannerwrap
{
  margin-left: 22px;
  margin-right: 22px;
  text-align: left;
  background-color: #EFEFEF;
  font-family: Arial, sans-serif;
  font-weight: lighter;
  font-size: 18px;
}

.mhsitedesc
{
  color:#CFCFCF;
  font-weight: normal;
  font-size: 10pt;
  padding-left: 5px;
  margin-top: 5px;
  width: 400px;
  height: 32px;
}

.mhead 
{
  position:relative;
  margin:0px auto;
  min-width:8em;
  max-width:2000px; /* based on image dimensions - not quite consistent with drip styles yet */
  color:#CFCFCF;
  /*z-index:1;*/
  margin-left:42px; /* default, width of left corner */
  margin-bottom: 0; /*0.1em; /* spacing under dialog */
}

.mhead .mhcopy
{
  font-size: 7pt;
  display: inline;
  float: right;
  /*position: relative;
  top: -100px;
  left: 50px;*/
}

.mhead .mhcontent,
.mhead .t,
.mhead .b,
.mhead .b div 
{
  background:transparent url(http://www.openuru.org/sitestyle/img/ban-back.png) no-repeat top right;
  _background-image:url(http://www.openuru.org/sitestyle/img/ban-back.png);
}

.mhead .mhcontent 
{
  position:relative;
  zoom:1;
  _overflow-y:hidden;
  padding:12px 12px 0px 0px;
}

.mhead .t 
{
  /* top+left vertical slice */
  position:absolute;
  left:0px;
  top:0px;
  width:42px; /* top slice width */
  margin-left:-42px;
  height:100%;
  _height:400px; /* arbitrary long height, IE 6*/ 
  background-position:top left;
}

.mhead .b 
{
  /* bottom */
  position:relative;
  width:100%;
}

.mhead .b,
.mhead .b div 
{
  height:42px; /* height of bottom cap/shade */
  font-size:1px;
}

.mhead .b 
{
  background-position:bottom right;
}

.mhead .b div 
{
  position:relative;
  width:42px; /* bottom corner width */
  margin-left:-42px;
  background-position:bottom left;
}

.mhead .hd,
.mhead .bd,
.mhead .ft 
{
  position:relative;
}

.mhead .wrapper 
{
  /* extra content protector - preventing vertical overflow (past background) */
  position:static;
  max-height:300px;
  overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.mhead h1,
.mhead p 
{
  margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
  padding:0.5em 0px 0.5em 0px;
}

.mhead h1 
{
  padding-bottom:0px;
}

/*
  Navigation bar CSS
*/

#ou-nav {
	position: relative;
	height: 28px;
	width: 766px;
	background: #2F3E4E;
	margin: 0 auto 0 0;
	padding-left: 0;
}
body #ou-nav {
	background: #2F3E4E url(http://www.openuru.org/sitestyle/img/menu-bar.png);
  background-repeat: no-repeat;
}
body #ou-nav li a, body #ou-nav li div.hover {
	background: url(http://www.openuru.org/sitestyle/img/menu-bar.png);
}
#ou-nav li, #ou-nav li a, #ou-nav li div.hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 137px;
	height: 28px;
}
#ou-nav li a {
	z-index: 100;
}
#ou-nav li div {
	z-index: 50;
}
#ou-nav li a span, #ou-nav li span {
	display: none;
}
#ou-nav li#nav-begin {
	background: #EFEFEF url(http://www.openuru.org/sitestyle/img/menu-begin.png);
	width: 40px;
	top: 0;
	left: 0;
}
#ou-nav li#nav-end {
	background: #EFEFEF url(http://www.openuru.org/sitestyle/img/menu-end.png);
	width: 41px;
	top: 0;
	left: 725px;
}
#ou-nav li#nav-home {
	top: 0;
	left: 40px;
}
#ou-nav li#nav-comm {
	top: 0;
	left: 177px;
}
#ou-nav li#nav-wiki {
	top: 0;
	left: 314px;
}
#ou-nav li#nav-dev {
	top: 0;
	left: 451px;
}
#ou-nav li#nav-about {
	top: 0;
	left: 588px;
}
#ou-nav li#nav-home a {
	background-position: 0 0;
}
#ou-nav li#nav-comm a {
	background-position: -137px 0;
}
#ou-nav li#nav-wiki a {
	background-position: -274px 0;
}
#ou-nav li#nav-dev a {
	background-position: -411px 0;
}
#ou-nav li#nav-about a {
	background-position: -548px 0;
}
#ou-nav li#nav-home a:hover, #ou-nav li#nav-home div.hover {
	background-position: 0 -28px;
}
#ou-nav li#nav-comm a:hover, #ou-nav li#nav-comm div.hover {
	background-position: -137px -28px;
}
#ou-nav li#nav-wiki a:hover, #ou-nav li#nav-wiki div.hover {
	background-position: -274px -28px;
}
#ou-nav li#nav-dev a:hover, #ou-nav li#nav-dev div.hover {
	background-position: -411px -28px;
}
#ou-nav li#nav-about a:hover, #ou-nav li#nav-about div.hover {
	background-position: -548px -28px;
}

#overlay {
  position: absolute; 
  width: 640px;
  top: 28px; 
  right: 45px; 
  z-index: 150;
}

.banner {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  background: #dddddd;
  padding: 5px 10px 5px 10px;
  margin: 5px 0 0 0;
  border: 1px solid #BFBFBF;
}