* { 
 padding: 0;
 margin: 0;
}
body {
 font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 font-size: 13px;
 background: #333;
}
p { 
 margin-top:10px;
 margin-bottom:10px;
}

a {
 color: #fff;
 text-decoration: none;
 border-bottom: 1px #2580a2 solid;
}
a:hover {
 color: #fff;
 border-bottom: 1px #2580a2 dashed;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #fff;
 width: 900px;
 float: left;
 padding: 5px;
 /*** height: 100px; ***/
 margin: 10px 0px 5px 0px;
 background: #333;
 border: 1px solid #393939;
}
#strap {
 float: left;
 width: 900px;
 color: gray;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #333;
 border: 1px solid #393939;
}
#navigation { 
 color: #fff;
 border: 1px solid #393939;
 background: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 400px;
 width: 195px;
 float: left;
}
#content { 
 float: right;
 color: #ccc;
 border: 1px solid #393939;
 background: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 400px;
 width: 678px;
 display: inline;
 position: relative;
}
#footer {
 float: left;
 width: 900px;
 color: gray;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #333;
 border: 1px solid #393939;
}
#menu {
 background: #333;
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 15em;
}
#menu li {
 font: 13px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 margin: 10;
 padding: 0;
}
#menu a {
 background: #333;
 border-bottom: 1px solid #393939;
 color: #ccc;
 display: block;
 margin: 0;
 padding: 8px 12px;
 text-decoration: none;
}
#menu a:hover {
/*** background controls hover bar, color is the text color ***/
 background: #000000 url(../graviora/images/hover.gif) left center no-repeat;
 color: #fff;
 padding-bottom: 8px;
}
h1 { 
 font: bold 1.9em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 color: #2580a2; 
 padding: 0; 
 margin: 0;
}
h2 { 
 font: 1.2em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 padding: 0; 
 margin: 0; 
 color: gray; 
}	

h3 { 
 font: bolder 1em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 padding: 0; 
 margin: 0; 
 color: white; 
}
/** Kath's additions **/
.smallest {
	font-size: x-small;
	color: #999999;
}
/** Syntax:  <p id="left">content</p> **/
#left {
	position:absolute;
	float:left;
	width:226px;
}
	
#center {
	position:absolute;
	float:left;
	left:255px;
	width:302px;


}

#right {
    right:0px;
	float:right;
	width:100px;
}