/* ########## styles main ########## */

body {
	margin: 0;
	background-color: #eee;
	background-image: url(../image/bg_top.gif);
	background-repeat: repeat-x;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
th { text-align: left; vertical-align: top; }
td { text-align: left; vertical-align: top; }

a:link { color:#006; text-decoration: underline; }
a:visited { color:#006; text-decoration: underline; }
a:hover { color:#006; text-decoration: none; }
a:active { color:#006; text-decoration: underline; }

img { display: block; border: 0; }

form { margin: 0; }

input,
selectbox,
textarea { font: 11px Arial, Helvetica, sans-serif; }

h1,
h2,
h3 {
	margin: 0 0 12px 0;
	font-size: 12px;
	font-weight: bold;
	color: #006;
}

p { margin: 0 0 10px 0; }

ul { margin: 0 0 10px 0; padding: 0; }
li { margin-left: 24px; padding: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.floatbox { overflow: hidden; }
/* Hides from IE-mac \*/
* html .floatbox { width: 100%; }
/* End hide from IE-mac */

/* ########## layout container ########## */

.page {
	margin: 15px auto 0;
	border: 0 solid;
	background-color: #fff;
	padding: 0;
	width: 780px;
	text-align: left;
	font-size: 12px;
}

.stage { width: 770px; }


/* ########## header ########## */

.headerArea { border-bottom: 10px solid #E6E6F2; }
.headerArea img { display: inline; }

.headerNavArea {
	background-color: #006;
	padding: 3px 0 0 30px;
}
.navLevel1 {
	width: 560px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.navLevel1 span {
	margin-right: 20px;
}
.navLevel1 a:link { color: #fff; text-decoration: none; }
.navLevel1 a:visited { color: #fff; text-decoration: none; }
.navLevel1 a:hover { color: #fff; text-decoration: underline; }
.navLevel1 a:active { color: #fff; text-decoration: none; }
.navLevel1 .selected a:link,
.navLevel1 .selected a:visited,
.navLevel1 .selected a:hover,
.navLevel1 .selected a:active { text-decoration: underline; }


/* ########## footer ########## */

.footerArea {
	margin: 0 auto;
	border: 0 solid;
	width: 780px;
}
.footerArea img { display: inline; margin-left: 10px; vertical-align: middle; }

.footerLeft {
	padding: 5px 15px;
	vertical-align: middle;
}
.footerRight {
	padding: 5px 15px;
	vertical-align: middle;
	text-align: right;
}
.footer { font-size: 11px; color: #8FA1B3; }
.footer a:link { color: #8FA1B3; text-decoration: underline; }
.footer a:visited { color: #8FA1B3; text-decoration: underline; }
.footer a:hover { color: #8FA1B3; text-decoration: none; }
.footer a:active { color: #8FA1B3; text-decoration: underline; }


/* ########## content ########## */

.contentArea { margin: 0; border-bottom: 10px solid #006; }
/*div#contentArea p { line-height: 150%; }*/

.leftColumn {
	padding: 5px 0 0;
	width: 200px;
}
.mainColumnTypeA {
	padding: 25px 30px 20px;
	width: 530px;
	/* IE-Hack */
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 470px; }
	html>body .mainColumnTypeA { width: 470px; }
.mainColumnTypeB {
	padding: 25px 50px 20px 40px;
	width: 570px;
	/* IE-Hack */
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 480px; }
	html>body .mainColumnTypeB { width: 480px; }
.mainColumnTypeC {
	padding: 25px 30px 20px;
	width: 770px;
	/* IE-Hack */
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 710px; }
	html>body .mainColumnTypeC { width: 710px; }
.rightColumn {
	background-color: #E6E6F2;
	padding: 25px 0 0;
	width: 240px;
}

/* boxNav */

.boxNav {
	margin: 0 0 20px 0;
	background-color: #E6E6F2;
	padding: 15px 5px 15px 10px;
	font-size: 12px;
}
.boxNav ul { margin: 0; padding: 0; }
.boxNav li { margin: 0; padding: 0; list-style: none; }
.navLevel2 a,
.navLevel2 a:link,
.navLevel2 a:visited,
.navLevel2 a:active {
	display: block;
	padding: 5px 0px 4px 20px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.navLevel2 a:hover {
	color: #333;
	text-decoration: underline;
}
.navLevel2 a.selected,
.navLevel2 a:link.selected,
.navLevel2 a:visited.selected,
.navLevel2 a:active.selected {
	display: block;
	padding: 5px 0px 4px 20px;
	color: #006;
	text-decoration: underline;
	font-weight: bold;
}
.navLevel2 a:hover.selected {
	color: #006;
	text-decoration: none;
}

.navLevel3 li { margin-left: 40px; border: none; list-style: disc; }
.navLevel3 a,
.navLevel3 a:link,
.navLevel3 a:visited,
.navLevel3 a:active {
	display: block;
	padding: 0 0px 5px 5px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.navLevel3 a:hover {
	color: #333;
	text-decoration: underline;
}
.navLevel3 a.selected,
.navLevel3 a:link.selected,
.navLevel3 a:visited.selected,
.navLevel3 a:active.selected {
	display: block;
	padding: 0 0px 5px 5px;
	color: #006;
	text-decoration: underline;
	font-weight: normal;
}
.navLevel3 a:hover.selected {
	color: #006;
	text-decoration: underline;
}


/* ########## boxes ########## */

.rightColumn .boxSection {
	padding: 0 20px;
}

/* boxText */

.boxText p { line-height: 150%; }
.boxText table {
	margin-bottom: 12px;
	width: 100%;
}
.boxText th,
.boxText td {
	border-bottom: 1px solid #CBCBCB;
	padding: 3px 6px;
}
.boxText .tbl_hd1 { background-color: #fff; }
.boxText .tbl_hd2 { background-color: #F5F5F5; }
.boxText .tbl_td1 {
	border-right: 1px solid #CBCBCB;
	background-color: #fff;
}
.boxText .tbl_td2 { background-color: #fff; }

.rightColumn .boxText p {
	margin: 0 0 8px;		
	line-height: 120%;
}
.rightColumn .boxText h1,
.rightColumn .boxText h2,
.rightColumn .boxText h3 {
	margin: 0 0 8px;
}
 
/* boxImageBlock */

.boxImageBlock { margin: 0 0 10px; }
.rightColumn .boxImageBlock {
	margin: 0 0 10px;
	padding: 0 20px;
}
.boxImageBlock img { display: inline; }

/* boxImageInline */

.boxImageInline {
	margin-bottom: 10px;
	font-size: 10px;
	color: #808080;
}
.boxImageInline a,
.boxImageInline a:link,
.boxImageInline a:visited { color: #808080; text-decoration: underline; }
.boxImageInline a:hover { color: #006; text-decoration: none; }
.boxImageInline img { margin-bottom: 6px; }
.boxImageInline p { line-height: 120%; }

/* iframe */

.mainColumnTypeC iframe {
	width: 100%;
	height: 400px;
}
.mainColumnTypeC .iframeDummy {
	width: 100%;
	height: 400px;
}

/* ########## boxControl ########## */

.ruler {
	margin-bottom: 12px;
	border-bottom: 1px solid #E6E6F2;
}
.rulerPB {
	margin-bottom: 12px;
	border-bottom: 1px solid #E6E6F2;
	padding-bottom: 12px;
}
.rightColumn .ruler {
	margin-bottom: 10px;
	border-bottom: 3px solid #fff;
}
.rightColumn .rulerPB {
	margin-bottom: 10px;
	border-bottom: 3px solid #fff;
	padding-bottom: 12px;
}

.floatLeft {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
}

.marginLeft { margin-right: 20px; }
.marginRight { margin-left: 20px; }


/* ########## paragraph types ########## */

.caption {
	margin-top: 6px;
	font-size: 10px;
	color: #808080;
}

.moreLink { text-align: right; }


/* ########## forms ########## */

.frm_text,
.frm_select,
.frm_textarea {
	border: 1px inset #006;
}

.frm_button,
.frm_submit {
	border: 1px outset #006;
	background-color: #006;
	color: #fff;
}