*
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* hack to show the scrollbar in firefox.  otherwise
 * you'll see left/right shifting with content.
 * http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better
 */
html
{
  height: 100%;
  margin-bottom: 1px;
}

body
{
  background-color: #BBBBBB;
  color: #000000;
  
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10pt;
  font-size-adjust: none;
  font-stretch: normal;

  line-height: normal;
}

p,ul
{
  margin-bottom: 1em;
}

ul
{
  padding-left: 30px;
}

#print
{
  font-family : "Times New Roman", Times, serif;
}

#code
{
  font-family : "Courier New", Courier, monospace;
}

/* Contains #header, #sidebar, #content, #footer */
#page
{
	background-color: #FFFFFF;
	width: 700px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

#header
{
}

/* contains menu */
#sidebar
{
	float: left;
	width: 199px;
}

#menu
{
  background-color: #FFFFFF;
  color: #000000;
}

#menu a
{
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBBBBB;
	text-decoration: none;
	color: #000000;
}

#menu a:hover
{
	background-color: #BBBBBB;
	color: #000000;
}

#menu .active a
{
	background: #000000;
	color: #FFFFFF;
}

#menu .important
{
  border: 3px solid #FFFF33;
}

#content
{
	background: #FFFFFF;
	float: right;
	width: 501px;
}

.post
{
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.class
{
  margin-bottom: 20px;
}

/* contains legal and last-updated */
#footer
{
	clear: both;
	height: 15px;
	text-align: center;
	font-size: 0.77em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #000000;
}


#legal
{
	float: left;
}

#last_updated
{
	float: right;
}

/* rounded corners stuff, modified from www.spiffycorners.com */
#spacer
{
  margin-top: 25px;
}
.spiffy{display:block;
	width: 700px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8;
  background:#eeeeee;}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c1c1c1;
  border-right:1px solid #c1c1c1;
  background:#f2f2f2;}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.spiffy4{
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8}
.spiffy5{
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee}
.spiffyfg{
  background:#FFFFFF;
	width: 700px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;}