html {height: 100%; margin-bottom: 1px; }

body {
	margin: 0;
	background-image: url("../img/standards/body_bg.gif");
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}


body img {
	display: block;
}

body a img {
	border: 0;
}

body a {
	color: #174166;
	text-decoration: none;
}

body a:hover {
color: #000;
	text-decoration: none;
}

#center {
	width: 720px;
	margin: auto;
	background-image: url("../img/standards/center_bg.jpg");
	background-repeat: no-repeat;
	overflow: hidden;
}

#meta {
	height: 25px;
	padding: 10px 15px 0 15px;
	overflow: hidden;
	color: #83a1bb;
	text-align: right;
}

#logo {
	position: relative;
	top: -10px;
	height: 65px;
	margin: 0 15px 0 15px;
	overflow: hidden;
}

#navigation {
	margin: 0 4px 0 4px;
	color: #fff;
	background-color: #07508f;
}

#navigation ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation ol li {
	float: left;
}

#navigation ol li a {
	color: #fff;
	text-decoration: none;
}

/* Content */

#content {
	padding: 0 4px 0 4px;
	clear: both;
	line-height: 1.5em;
}

#content h1, #content h2, #content h3 {
	margin: 0 0 1em 0;
	font-size: 1em;
}

#content h2 {
	margin: 0;
}

#content h3 {
	margin: 1em 0 1em 0;
}

#content p {
	margin: 0;
}

/* Left */

#overview .left {
	width: 368px;
	float: left;
}

#page .left {
	width: 200px;
	float: left;
}

#overview .left .copy, #page .left .copy {
	padding: 10px;
	color: #374958;
	background-image: url("../img/standards/overview_left_copy_bg.gif");
	background-repeat: no-repeat;
}

#page .left .copy {
	padding: 30px 20px 20px 20px;
	background-image: url("../img/standards/page_left_copy_bg.jpg");
}

#overview .left .copy p {
	margin: 0 0 1em 0;
}

#page .left .copy ul {
	padding: 0;
	margin: 0 0 0 1.2em;
	list-style-image: url("../img/standards/ul_li_icon.gif");
}

#page .left .copy ul li {
	margin: 0.4em 0 0 0;
}

#page .left .copy ul li a {
	color: #686868;
	font-weight: normal;
	text-decoration: none;
}

#page .left .copy ul li a:hover {
	color: #074d8b;
}

/* Copy */

#page .text {
	margin: 30px 20px 20px 220px;
	background-color: #fff;
}

#page .text {
	margin: 30px 20px 20px 220px;
	background-color: #fff;
}

.small {
	font-size: 0,8em;
	color: grey;
}

/* Teaser */

#overview .teaser {
	height: 49px;
	padding: 10px 20px 10px 20px;
	color: #074d8b;
	background-color: #7db0d9;
	overflow: hidden;
	line-height: 1.4em;
}

*html #overview .teaser {
	width: 304px;
	float: left;
}

#overview .teaser a {
	color: #074d8b;
	text-decoration: none;
}

#overview .teaser a:hover {
	color: #fff;
}

#overview .teaser.top, #overview .teaser.middle {
	height: 50px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 1px 0;
}

#overview .teaser.top {
	background-color: #a5ccec;
}

#overview .teaser.middle {
	background-color: #8ebce2;
}

/* News */

#overview .news .item {
	padding: 1em 20px 1em 20px;
	overflow: hidden;
}

*html #overview .news .item {
	width: 304px;
	padding-left: 17px;
}

#overview .news h2 {
	padding: 10px 20px 10px 20px;
	border: 1px solid #d1e1ee;
	border-width: 0 0 1px 0;
	background-color: #fefad7;
	overflow: hidden;
}

*html #overview .news h2 {
	width: 304px;
	height: 1em;
	overflow: visible;
	float: left;
}

#overview .news h3 {
	margin: 0;
}

/* Footer */

#footer {
	padding: 5px 10px 15px 10px;
	border-color: #84a4c0;
	border-style: solid;
	border-width: 1px 0 0 0;
	margin: 10px;
	color: #84a4c0;
	clear: both;
	font-size: 0.9em;
}