@charset "utf-8";
/* CSS Document */

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	background-color:#fff;
}

body {
	margin:0px auto;
}
table,
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5b5b5b;
}
ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5b5b5b;
	list-style-type: disc;
}

#container {
	width: 745px;
	background-color:#FFF;
	margin:auto;
	padding: 0px;
}

#header {
	height: 239px;
	width: 100%;
}

#nav ul,
#nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
	float:left;
}
#nav {
	width: 100%;
	background-color:#333;
}
#nav li a{
	line-height:50px;
	padding: 13.5px 9.5px;
	text-decoration:none;
	color: #fff;
	font-size: 13px;
	font-weight:bold;
	border-style:outset;
	-ms-border-style:outset;
	border-color: #98A6C0;
	border-width:3.5px;
	background-color:#9FAECF;
}
#nav li a last:child{
	margin-right:0;
}

#nav ul li a.current,
#nav ul li a:hover	{
	background-color: #6177a6;
}
/* Clearing floats */
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.cr {
	clear: right;
}
.cl {
	clear: left;
}
.cb {
	clear: both;
}

#contents {
	background-color: #e1fbce;
	margin-top: 2px;
	padding-top: 20px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
}
.bi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00467e;
	font-style: italic;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #034077;
	text-decoration: underline;
}
a:hover {
	color: #000000;
}

@media only screen and (max-width: 30em)	{
	#container {
		width: 100%;
	}

	#header {
		width: 100%;
		height:100%
	}
	#nav li a{
		font-size:.95em;
	}
	table	{
		max-width:98%;
	}
	img	{
		max-width: 100%
	}
}