@CHARSET "ISO-8859-1";

body {
	margin: 0px; padding: 0px; border: 0px;
	background-repeat: repeat-x;  
	background-color: #bdb6b0;
	font-size: 50%;
}

div {
	position: relative;
}

.content {
	font-family: verdana,arial,sans-serif;
	font-size: 1.16em;
	color: #695D54;
	line-height: 1.2em;
}

.content h1 {
	font-family: verdana,arial,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #5780AE;
}

.content h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 1.16em;
	font-weight: bold;
	color: #695D54;
}

.content a {
	color: #5780AE;
	text-decoration: none;
}

.content a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.content a:visited {
	color: #6F839A;
}

.content .xxsmall {
	font-size: 0.97em;
	line-height: 1.2em;
}

.content .xsmall {
	font-size: 1.15em;
	line-height: 1.2em;
}

.content .small {
	font-size: 1.4em;
	line-height: 1.2em;
}

.content .medium {
	font-size: 1.6em;
	line-height: 1.2em;
}

.content .large {
	font-size: 2.1em;
	line-height: 1.2em;
}

.content .xlarge {
	font-size: 2.8em;
	line-height: 1.2em;
}

.content .xxlarge {
	font-size: 4.1em;
	line-height: 1.2em;
}

#TopNavBar {
	width: 94%;
	margin-left: 3%;
}

.topnavbutton {
	width: 100%;
	height: 132px;	
	background-color: white;
}

.topnavinactive {
	cursor: pointer;
}

.topbar_img, .topbar_mask {
	width: 100%; height: 108px;
}

table.topbar_img tr td {
	vertical-align: center;
	text-align: center;
}

table.topbar_text {
	width: 100%;
	height: 24px;
	background-color: #5780ae;
}

table.topbar_text tr td {
	vertical-align: center;
	text-align: center;
	color: white;
	white-space: nowrap;
}

table.topbar_text tr td.content a {
	color: white;
	text-decoration: none;
	font-family: verdana,arial,sans-serif;
	font-size: 1.16em;
	white-space: nowrap;
}

table.topbar_text tr td.active {
	font-weight: bold;
}

table.topbar_text tr td.content a:visited {
	color: white;
}

.topnav_img {
	background-position: 50% 50%;
}

.topbar_mask {
	position: absolute;
	top: 0px; left: 0px; z-index: 2;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: pointer;
}

.topbar_mask_active {
	opacity: 0;
	filter: alpha(opacity=0);
}

#SecNav {
	text-align: center;
}

#SecNav a {
	color: #5780AE;
}

#SecNav a:hover {
	color: #CC0000;
}

#ContentSideBody {
	margin: 0px 8px 0px 20px; 
}

#RightSideBar {
	position: absolute;
	z-index: 1;
	right: 3%; top: 160px;
	width: 180px;
	text-align: center;
}

#TextSizeBox {
	position: absolute;
	z-index: 5;
	right: 3%; top: 136px;
	margin-right: 1px;
	width: 24px;
	height: 18px;
	text-align: center;
	border: 1px solid white;
	overflow: hidden;
	cursor: pointer;
}

#TextSizeBox:hover {
	border: 1px solid #CCC;
}

#TextSizeBox a.textactive {
	color: #CC0000;
}

.content_container {
/*	background-color: white; */
}

#LeftSidebarImages {
	width: 100%;
	overflow: hidden;
	table-layout: fixed;
	margin-bottom: 0px;
	border-width: 0px;
}

#LeftSidebarImages tr td {
	padding: 0px;
	text-align: center;
	border-width: 0px;
	background-position: 50% 50%;
}

#LeftSidebarImages tr td img {
	display: block;
	visibility: hidden;
	margin-left: auto;
	margin-right: auto;
}

@media screen {
#LogoBox {
	background-color: white;
	width: 30%; height: 132px;
}

.BodyBar {
	width: 14%;
	background-color: white;
}

#SecNavTitle {
	display: none;
}

#MainBox {
	position: absolute;
	z-index: 2;
	left: 32%; top: 134px;
	width: 64%;
}

#ContentMainBody {
	margin: 5px 180px 0px 20px; 
}

body.bodysmall #ContentMainBody, body.bodyxsmall #ContentMainBody {
	margin: 5px 30px 0px 5px;
}

body.bodysmall #TopNavBar {
	margin-left: 1%;
	width: 98%;
}

body.bodysmall #RightSideBar {
	margin-right: 1%;
}

body.bodysmall #TextSizeBox {
	right: 1%;
}

body.bodyxsmall {
	font-size: 40%;
}

body.bodyxsmall #TopNavBar {
	margin-left: 0%;
	width: 100%;
}

body.bodyxsmall #RightSideBar {
	margin-right: 0%;
}

body.bodyxsmall #TextSizeBox {
	right: 0%;
	top: 108px;
}

body.bodyxsmall .topnavbutton {
	height: 104px;
}

body.bodyxsmall #LogoBox {
	height: 104px;
}

body.bodyxsmall .topbar_img {
	height: 80px;
}

body.bodyxsmall #MainBox {
	top: 106px;
	left: 0px;
	margin-left: 225px; 
}

body.bodylarge, body.bodyxlarge {
	font-size: 60%;
}

body.bodylarge #TopNavBar {
	margin-left: 6%;
	width: 88%;
}

body.bodylarge #RightSideBar {
	margin-right: 6%;
}

body.bodylarge #TextSizeBox {
	right: 6%;
	top: 140px;
}

body.bodylarge #MainBox {
	top: 138px;
	width: 58%;
}

body.bodylarge .topnavbutton, body.bodyxlarge .topnavbutton {
	height: 136px;
}

body.bodylarge #LogoBox, body.bodyxlarge #LogoBox {
	height: 136px;
}

body.bodylarge table.topbar_text, body.bodyxlarge table.topbar_text {
	height: 28px;
}

body.bodyxlarge #TopNavBar {
	margin-left: auto;
	margin-right: auto;
	width: 1196px;
}

body.bodyxlarge #MainBox {
	width: 837px;
	top: 138px;
	left: 50%;
	margin-left: -240px;  
}

body.bodyxlarge #RightSideBar {
	left: 50%;	
	margin-left: 417px;
}

body.bodyxlarge #TextSizeBox {
	left: 50%;
	margin-left: 572px;
	top: 140px;
}

div.textsmall {
	font-size: 1.0em;
}

div.textmedium {
	font-size: 1.5em;
}

div.textlarge {
	font-size: 1.8em;
}

div.textxlarge {
	font-size: 2.2em;
}

#SideBar {
	background-color: #DEE6EF;
	vertical-align: top;
}

#SideBarCopyright {
	margin: 0px 8px 0px 20px;
	font-size: 0.8em;
	line-height: 1.2em;
}

#MainBoxCopyright {
	margin: 0px 0px 0px 20px;
	font-size: 0.8em;
	line-height: 1.2em;
}
}

@media print {
.noprint {display: none;}

#LogoBox {
	width: 95%;
	height: 132px;
	background-color: white;
}

.BodyBar {
	width: 1%;
	background-color: white;
}

.content {
	color: black;
}

.content h2 {
	color: black;
}
}