html, body {
	background-color: #E5E7D9;
	background-image: url('background_shaded.gif');
	background-repeat: repeat-y;
	background-position: center;
}

.role_header {
	height: 180px;
	background-image: url('header_static.png'); /* TODO incorporate sIFR or like */
	background-repeat: no-repeat;
}

.role_header a {
	display: inline-block;
	margin-top: 20px;
	margin-left: 20px;
}

.role_header img {
	width: 550px;
	height: 140px;
	border: 0px;
}

.role_body {
	
}

.role_body .trademark {
	font-size: 10px;
}

.role_navigation {
	text-align: center;
}

.role_navigation ul {
	display: inline-block;
}

.role_navigation li {
	float: left;
}

.role_navigation li a {
	display: block;
	width: 145px;
	margin: 0 17px;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	color: #738639;
	border: 1px solid #AFB29A;
	background-color: #E5E7D9;
	letter-spacing: 1px;
}

.role_navigation li a:hover {
	background-color: #EFF1E3;
}

.role_content {
	margin: 30px 25px 15px 25px;
	background-color: #EFF1E3;
	border: 1px solid #AFB29A;
	padding: 15px;
}

.role_content > h2 + p,
.role_content > h1 + p {
	margin-top: 10px;
}

.role_content > h3 + p {
	margin-top: 5px;
}

.role_content > ul {
	margin-left: 30px;
}

.role_content > ul li {
	margin-top: 10px;
	line-height: 130%;
	font-size: 16px;
}

.role_content p.call_to_action {
	padding: 4px 6px;
	margin: 5px 5px 10px 1px;
	display: inline-block;
	color: #738639 !important;
}

.role_content p.call_to_action a {
	color: #284E36;
}

.role_content p {
	margin: 15px 5px;
}

.role_footer {
	
}

.role_footer p {
	padding: 10px;
}

.role_footer * {
	font-size: 14px !important;
	text-align: center;
	color: #738639;
}