html {
  margin:0;
  padding:0;
  color:#000;
  background-color: #fff;
}

br.clear {
  clear:both;
}

#wrap {
  width:750px;
  margin:0 auto;
  background-color: #fff;
}

#header {
  padding:5px 10px;
  background-color:#fff;
}

#header-title h2 {
	color: #306EFF;
}

h1 {
  margin:0;
}

nav a {
	display:block;
	width:100px;
	float:left;
	background-color:#D8D8D8;
	text-decoration:none;
	border-right:1px solid #fff;
	height:30px;
	padding:5px 10px;
}

nav a:hover {
 background-color: #306EFF;
 color: #FFFFFF
}

a:link {
 color: #306EFF;
}

#main {
  float:left;
  width:480px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding:10px;
  background-color:#fff;
}

h2 {
  margin:0 0 1em;
}

#sidebar {
  float:right;
  width:230px;
  padding:10px;
  background-color:#fff;
}

#sidebar hr {
  color: #306EFF;
  background-color: #306EFF;
  height: 3px;
  width: 30%;
}

#sidebar h2 {
  margin-top: 15px;
  font-size: 120%;
}


#footer {
  clear:both;
  border-top: 1px solid black; 
  padding-bottom:10px;
}

#footer p {
  /* border-top: 0px solid black; */
  margin-top: 5px;
  margin-left:5em;
}

a:visited {
 color: #306EFF;
}


/*
   * html #footer {
	height:1px;
}
*/