body { 
		scrollbar-3dlight-color:    #000000;
		scrollbar-arrow-color:      #FFFFFF;
		scrollbar-darkshadow-color: #CCCCCC;
		scrollbar-face-color:       #336699;
		scrollbar-highlight-color:  #CCCCCC;
		scrollbar-shadow-color:     #000000;
		scrollbar-track-color:      #6699CC;
    
    background-color: #6699cc;
		color: #000000; font-family: Tahoma, Verdana; font-size: 11px; 
		margin: 0; padding: 0;
}

table { color: #333333; font-family: Tahoma, Verdana; font-size: 11px; }

table#layout {
  background-color: #ffffff;
  width: 760px;
}

#governance h2 {
  margin: 0; padding: 2em 1em 1em 1em;
  font: 1.6em Tahoma, Verdana, sans-serif;
}
#governance {
  background: transparent url(images/governancebg.png) no-repeat top center;
  width: 400px; min-height: 400px;
  margin: 0 1.8em; padding: 0;
  text-align: center;
}
#governance ul,
#governance ul ul {
  list-style-type: none;
  margin: 6em 0 0 0; padding: 0;
}

#governance ul li {
  text-align: center;
  position: relative;
}
#governance ul li a {
  margin: 0; padding: 0;
}
#governance ul ul li {
  float: left;
  width: 112px;
  text-align: center;
  margin: 0; padding: 0;
  display: block;
  margin-left: 12px;
}
/*filter IE4 to IE6 won't apply this rule*/
head:first-child+body #governance ul ul li {
  margin-left: 18px;
}
/*end filter*/

#governance ul ul li a {
  margin:  30px 10px; padding: 0;
  width: 92px;
  display: block;
}
#governance .explain {
  display: none;
}
a#trinational:hover .explain,
a#fisheries:hover .explain,
a#mpa:hover .explain,
a#species:hover .explain {
  display: block;
  border: 1px solid #f00;
  width: 380px;
  position: absolute;
  top: 0; left: 0;
  z-index: 20000;
}
a#trinational:hover .explain .explain {
  display: none;
}

.header { color: #993333; font-family: Tahoma, Verdana, Arial; font-size: 14px; font-weight: bold; }
.sub_header { color: #BB3333; font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; }
.res { color: #000000; font-family: Tahoma, Verdana, Arial; font-size: 14px; font-weight: normal; }
.name { color: #993333; font-family: Tahoma, Verdana; font-size: 11px; }
.footer { color: #446677; font-family: Tahoma,Verdana; font-size: 9px; text-decoration: none; }

a { color: #993333; font-family: Georgia,Arial,Tahoma,Verdana; font-size: 11px; text-decoration: none; }
a:hover { text-decoration: underline; }

a.l1 { color: #FFFFFF; font-family: Georgia,Arial,Tahoma,Verdana; font-size: 11px; text-decoration: none; }
a:hover.l1 { text-decoration: underline; }

#footer { background-color: #000000; padding: 1em 0; }
#footer a { color: #446677; font-family: Tahoma,Verdana; font-size: 9px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.btn { color: #000000; background: #CCCC99; font-family: Tahoma,Verdana, Arial; font-size: 10px; }

input { color: #000000; font-family: Tahoma,Verdana; font-size: 11px; text-decoration: none; background: #EEEEEE; }
textarea { color: #000000; font-family: Tahoma,Verdana; font-size: 11px; text-decoration: none; background: #EEEEEE; }