body {
	background-color:#b1b9cc;
	color:#000;
	font-size:.9em;
	margin-left:50px; 
	margin-top:20px;
	margin-right:30px;
	margin-bottom:20px;
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	}
	
#pagewrapper {
	width:700px;
	}

#header {
	font-size:1.8em;
	font-weight:bold;
	}
	
#whiteboard {
	padding:20px;
	background-color:#fff;
	border:2px solid #37486f;
	vertical-align:top;
	width:680px;
	}
			
.left {
	text-align:left;
	}

.right {
	text-align:right;
	}

.centered {
	text-align:center;
	}
		
h1 {
	font-size:1.6em;
	font-weight:bold;
	color:#37486f;
	}
	
h2 {
	font-size:1.4em;
	font-weight:bold;
	color:#37486f;
	}

h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#37486f;
	}
	
h4 {
	font-size:1em;
	font-weight:bold;
	color:#37486f;
	}
	
.nav {
font-weight:bold;
color:#37486f;
}
	
.page-nav  ul
{
padding:10px;
margin:0;
background-color: #37486f;
font-size:1em;
color: #fff;
float: left;
width: 100%;
border:1px solid #fff;
}

.page-nav ul li { display: inline; 
margin:10px;
margin-bottom:10px;
margin-right:20px;
padding-right:25px;
border-right:2px solid #fff;
width:25%;
}

#bottom {
border-right:none;
}

.right-edge {
border-right:none;
}

.page-nav ul li a
{
background-color: #37486f;
color: #fff;
text-decoration:none;
}

.page-nav ul li a:hover
{
background-color: #b1b9cc;
color: #37486f;
font-weight:bold;
}