/* -*- css -*-
  $Id: spongelava.css 2134 2009-10-23 15:59:53Z pthomas $
 */
body
{
  font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: small;
  color: black;  
  background-color: #333333;
  margin: 0;
  padding: 10px;

}
h1,h2,h3,h4
{ 
  color: #333;
}
h1
{ 
  font-size: x-large;
  font-weight: bold;
}
h2
{ 
  font-size: large;
  font-weight: bold;
}
#wrapper
{ 
  margin: 0 auto;
  width: 700px;
  text-align: left;
}

#header 
{
  width: 700px;
  height: 100px;
  color:white;
  font-size: x-large;
  display: block;
  margin: 0;
  padding: 0;
}

#headertag 
{
  display: table;
  width: 250px;
  height: 100px;
  float: right;
  margin: 0;
  padding: 0 10px;
  text-align: right;
  line-height: 1.2em;
}
#headertag p
{
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}


/* Drop shadow on the framedelement class */

.framedelement
{
  float:left;
  clear: both;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.framedelement img 
{
  display: block;
  position: relative;
  margin: -6px 6px 6px -6px;
  }
.framedelement div
{
  display: block;
  position: relative;
  margin: -6px 6px 6px -6px;
  }

.rframedelement
{
  float:right;
  clear: none;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.rframedelement img 
{
  display: block;
  position: relative;
  margin: -6px 6px 6px -6px;
  }
.rframedelement div
{
  display: block;
  position: relative;
  margin: -6px 6px 6px -6px;
  }

.frame
{
  clear: none;
}

#main
{
  display:block;
  padding-top: 3px;
}
#content 
{
  width: 535px;
  background-color: #e7e7e7;
  padding: 0 8px 1em 8px;
  border: 3px solid black;
}

#footer
{
  width: 686px;
  background-color: #e7e7e7;  
  border: 2px solid black;
  padding: 0;
  text-align: center;
  clear: both;
}
#footer p
{
  padding: 0;
  margin: 0.2em;
  color: #666;

}

#nav
{
  width: 116px;
  font-size: 13px;
  }

.address
{ 
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav ul 
{
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: black;
  color: #666;
  border-bottom: 2px solid black;
}

#nav li 
{
  margin: 0;
  height: 20px;
  padding: 0;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
}

#nav a 
{
  display: block;
  background: url("tab_reg.gif") no-repeat right;
  padding: 2px 20px 1px 17px;
  text-decoration: none;
  margin: 0;
  font-weight: bold;
  height: 17px;
  color: #333;
}

#nav > ul a {
	width: auto;
}

#nav a:hover {
	color: #3333ff;
}

#youarehere a
{
  background: black url("x.gif") no-repeat right;
  color: #666;
}
#youarehere a:hover {
  color: #999;
}

/*</group>*/