/* ----------------------------------------------------------------------- */
/* --- main body of the page: submenu, content, news, logon links etc. --- */
/* ----------------------------------------------------------------------- */

div#main {
	width:				100%;
	padding:           	0 0 0 0;
	overflow:			hidden;
}

/* provides equal column height */
div#leftPane, div#mainPane, div#rightPane {
	padding-bottom:     32767px;
	margin-bottom:      -32767px;
}

/* hack for opera */
@media all and (min-width: 0px) {
	div#leftPane, div#mainPane, div#rightPane {
		padding-bottom: 0;
		margin-bottom:  0;
	}

	div#leftPane:after, div#mainPane:after, div#rightPane:after {
		content: '';
		display: block;
		background: inherit;
		padding-top: 32767px;
		margin-bottom: -32767px;
		height: 0;
	}

	div#mainPane:after, div#rightPane:after {
		background:         none;
	}
}

/* --- left column: submenu --- */

div#leftPane {
	float:              left;
	width:              165px;
	background-image:   url('images/backgroundLeft.jpg');
	background-position:0 0;
	background-repeat:  repeat-y;
}

div#leftPane ul {

}

div#leftPane li {
	display:            inline;
}

div#leftPane ul ul a {
        padding:            10px 5px 12px 20px;
}

ul.leftMenubar li ul {
display: none;
}

ul.leftMenubar li.active ul{
display: block;
}

div#leftPane h2 {
	display:            block;
	height:             40px;
	line-height:        38px;
	color:				#0E3765;
	background-color:   white;
	background-image:   url('images/separatorMenuHeader.jpg');
	background-position:left bottom;
	background-repeat:	repeat-x;
	padding:            0 5px;
	margin:             0 0 1px 0;
}

div#leftPane a {
	display:            block;
	color:              #0E3765;
 	background-color:   #EBF1F8;
	background-image:	url('images/separatorMenuItem.jpg');
	background-position:0 100%;
	background-repeat:	repeat-x;
	padding:            10px 5px 12px 5px;
}

div#leftPane a:hover {
	color:              white;
	background-color:   #80A8D2;
	text-decoration:    none;
}

/* --- middle column: main content and navigation indicator --- */

div#mainPane {
	float:              left;
	width:              402px;
	margin:             0;
	padding:            0;
	background-image:   url('images/cornerMain.jpg');
	background-position:top right;
	background-repeat:  no-repeat;
}

div#corpMainPane {
	float:              left;
	width:              402px;
	margin:             0;
	padding:            0;
}



div#contentNavi {
	height:             40px;
	line-height:        40px;
	margin:             0 15px 10px 15px;
	padding:            0;
	background-image:   url('images/separatorNavi.jpg');
	background-position:0 100%;
	background-repeat:  no-repeat;
}

div#contentNavi * {
	color:              #999999;
}

div#contentBody {
	margin:             10px 15px;
	padding:            0;
}

div#contentBody h1 {
	color:				#D34600;
}

div#contentBody p {
	color:              #567AA2;
	text-align:         justify;
	line-height:        120%;
	margin:             10px 0;
	padding:            0;
}

/* do you know box */
div#doYouKnow {
	margin:				5px 0;
	padding:           	10px 15px;
	color:              white;
	background-color:   #80A8D2;
/*
	background-image:	url('images/backgroundDoYouKnow.jpg');
*/
	background-position:bottom left;
	background-repeat:	no-repeat;
}

div#doYouKnow h4 {
	font-size:          16px;
	font-weight:        normal;
	margin:             0 0 5px 0;
	padding:            0 0 5px 0;
 	border-bottom:      1px solid white;
}

div#doYouKnow p, div#doYouKnow a {
	color:              white;
	font-size:          10px;
	font-weight:        bold;
}

div#doYouKnow a, div#doYouKnow a:visited, div#doYouKnow a:link {
	display:            block;
	color:              white;
 	background-color:   #80A8D2;
        padding: 0 0 12px 0;
}

div#doYouKnow a:hover {
	color:              white;
	background-color:   #80A8D2;
	text-decoration:    underline;
}