/* Layout
 * ----------------------------------------------- */

body {
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	text-align: center;
	margin: 20px auto 20px auto;
	width: 672px; /*60em;*/
	color: #444;
}
p {
	padding: 1px;
	margin-bottom: 10px;
}

.wrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 672px;
}
.mainopt {
	display: inline;
	float: right;
	margin-top: 20px;
}
html>body .mainopt {margin-top: 10px;}
.hbleft {
	float: left;
	display: inline;
	width: 330px;
	margin-right: 10px;
}
.hbright {
	float: right;
	display: block;
	width: 330px;
	margin-right: 0px;
	clear: right;
}
.cleft {
	float: left;
	display: inline;
	width: 510px;
	margin-right: 10px;
}
.cright {
	float: right;
	display: block;
	width: 150px;
	margin-right: 0px;
	clear: right;
}
.footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	padding-top: 10px;
}

/* Main options
  * ----------------------------------------------- */

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	/*background-color: #036;*/
	color: White;
	float: left;
	/*width: 100%;*/
	/*font-family: arial, helvetica, sans-serif;*/
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	padding: 0.2em 1em;
	/*background-color: #036;*/
	color: #004477;
	text-decoration: none;
	float: left;
	border-right: 1px solid #DDD;
	xfont-weight: bold;
}
#navcontainer ul li a.last {
	border-right: 1px solid white;
}
#navcontainer ul li a:hover {
	background-color: #F8F8F8; /*#369;*/
	/*color: #fff;*/
}

/* Typography
  * ----------------------------------------------- */

h1 { 2em; }
h2 { 1.8em; }
h3 { 1.6em; }
h4 { 1.4em; }
h5 { 1.2em; }
h6 { 1em; }
.hc h1 {
	vertical-align: middle;
	padding: 4px;
	margin: 0;
	height: 10px;
	background: #F3F3F3;
	border: 1px solid #D3D3D3;
	border-bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}
html>body .hc h1 {padding: 4px 4px 10px 4px;}

a, a:link, a:visited, a:hover {
	color: #004477;
}
a:hover {
	color: #C00;
	background: #fff9db; /*#fff5c0;*/
}