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

body {
	margin: 0;
	background: #e5e5e5;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

th,
td { 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 {
	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: 0;
	border: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

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

.headerArea {
	background: #006;
	padding: 35px 0 25px 30px;
}
.headerArea img { display: inline; }

.navArea {
	background: #e5e5e5 url(../image/bg_main.gif) repeat-y;
	padding: 0 0 0 220px;
}
.navArea .navLevel1 {
	line-height: 24px;
	font-size: 12px;
	color: #006;
	font-weight: bold;
}
.navArea .navLevel1 a {
	padding: 5px 10px;
	color: #006;
	text-decoration: none;
}
.navArea .navLevel1 a:hover { text-decoration: underline; }
.navArea .navLevel1 a.selected { text-decoration: underline; }


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

.contentArea { background: #fff url(../image/bg_main.gif) repeat-y; }

.containerLeft {
	float: left;
	background: #E6E6F7;
	width: 185px;
}
.containerRight {
	margin-left: 230px;
	padding: 35px 0 20px;
	width: 540px;
}

.contentAreaFull { background: #fff; }
.containerFull {
	margin-left: 30px;
	padding: 35px 0 0;
	width: 730px;
}
.containerIframe {
	margin-left: 10px;
	width: 750px;
}
/* ??? */
.iframeFull {
	width: 750px;
	height: 400px;
}
.theIframe { width: 100%; }


/* boxTitle */

.containerLeft .boxTitle {
	margin: 0 0 15px 0;
	background: #8F8FB3;
	padding: 5px 10px 5px 30px;
	font-size: 12px;
	color: #fff;
}
.boxTitle { font-size: 11px; color: #fff; }
.boxTitle a:link { color: #fff; text-decoration: none; }
.boxTitle a:visited { color: #fff; text-decoration: none; }
.boxTitle a:hover { color: #fff; text-decoration: underline; }
.boxTitle a:active { color: #fff; text-decoration: none; }

/* boxNav */

.containerLeft .boxNav {
	margin: 0 0 20px 0;
	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 30px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.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 30px;
	color: #006;
	text-decoration: underline;
	font-weight: bold;
}
.navLevel2 a:hover.selected {
	color: #006;
	text-decoration: none;
}

.navLevel3 li { margin-left: 50px; 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 ########## */

/* 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; }

/* boxImageBlock */

.boxImageBlock { margin: 0 0 10px; }
.rightColumn .boxImageBlock {
	margin: 0 0 10px;
	padding: 0 20px;
}
.containerLeft .boxImageBlock { margin: 0; }
.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 */

.containerIframe iframe {
	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;
}

.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; }


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

.footerArea {
	background: #006;
	padding: 5px 30px;
}
.footer { font-size: 11px; color: #B6B6CB; }
.footer a:link { color: #B6B6CB; text-decoration: underline; }
.footer a:visited { color: #B6B6CB; text-decoration: underline; }
.footer a:hover { color: #B6B6CB; text-decoration: none; }
.footer a:active { color: #B6B6CB; text-decoration: underline; }


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

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

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