/* --- body --- */

body {
	margin: 0px auto 0px auto;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #566795;
	color: #FFFFFF;
}

#background {
	text-align: center;
}

.clearboth {
	clear: both;
	height: 0px;
}

/* --- header --- */

#header {
	height: 109px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: url('../images/bkg_top.png') repeat-x top left;
}

#headerLogo {
	height: 109px;
	width: 746px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url('../images/topBar.png') no-repeat;
}

/* --- main --- */

#main {
	width:746px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: #FFFFFF;
	color: #4D4D4D;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

/* --- top level menu --- */

#menu {
	display: inline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 158px;
	min-height: 200px;
	margin: 15px 6px 20px 14px;
	color: #333399;
}

.menuTopNode a,
.menuTopFolder a {
	display: block;
	margin: 5px 0px 3px 2px;
	padding: 5px 11px 6px 20px;
	color:#333366;
	background:#E4E4E4 url("../images/cornerTopMenuButton.png") no-repeat top left;
	text-decoration: none;
}

.menuTopNode .menuSelected a,
.menuTopFolder .menuSelected a {
	color: #FF9900;
	font-weight: bold;
	background:#E4E4E4 url("../images/cornerTopMenuButton_selected.png") no-repeat top left;
}

.menuTopFolder .menuChildSelected a {
	background:#E4E4E4 url("../images/cornerTopMenuButton_selected.png") no-repeat top left;
}

.menuTopNode a:hover,
.menuTopFolder a:hover {
	display: block;
	margin: 5px 0px 3px 2px;
	padding: 5px 11px 6px 20px;
	color:#F4F4F4;
	background:#333366 url("../images/cornerTopMenuButton_over.png") no-repeat top left;
	text-decoration: none;
}

/* --- sub menu --- */

.menuSub {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	color: #333366;
	background: #F4F4F4;
	text-decoration: none;
}

.menuNode a {
	display: block;
	color: #333366;
	text-decoration: none;
	padding: 5px 5px 5px 17px;
	background: #F4F4F4 url("../images/MenuNodeBullet.png") no-repeat 6px center;
}

.menuNode .menuSelected a {
	color: #FF9900;
	font-weight: bold;
	background: #F4F4F4 url("../images/MenuNodeBullet_over.png") no-repeat 6px center;
}

.menuNode a:hover {
	display: block;
	color: #FF9900;
	text-decoration: none;
	padding: 5px 5px 5px 17px;
	background: #F4F4F4 url("../images/MenuNodeBullet_over.png") no-repeat 6px center;
}

.menuFolder a {
	display: block;
	color: #333366;
	text-decoration: none;
	padding: 5px 5px 5px 17px;
	background: #F4F4F4 url("../images/MenuFolderBullet.png") no-repeat 6px center;
}

.menuFolder .menuSelected a {
	color: #FF9900;
	font-weight: bold;
	background: #F4F4F4 url("../images/MenuFolderBullet_over.png") no-repeat 6px center;
}

.menuFolder a:hover {
	display: block;
	color: #FF9900;
	text-decoration: none;
	padding: 5px 5px 5px 17px;
	background: #F4F4F4 url("../images/MenuFolderBullet_over.png") no-repeat 6px center;
}

/* --- breadcrumb ---*/

#breadcrumb {
	margin: 0px 20px 10px 200px;
	color: #333399;
	font-weight: bold;
	padding-top: 1em;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 120%;
}

#breadcrumb a {
	text-decoration: none;
	color: #333399;
}

#breadcrumb a:hover {
	text-decoration: none;
	color: #FF9900;
}

/* --- body --- */

#body {
	margin: 0px 20px 0px 200px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	min-height: 400px;
}

#body a {
	text-decoration: none;
	color: #3333BB;
}

#body a:hover {
	text-decoration: none;
	color: #FF9900;
}

#body img { border: 0; }

#body table {
	border: 0;
	width: 100%;
}

#body th, #body td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
	color: #333399;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#body h1 {
	padding-top: 1em;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 120%;
}

#body h2 { font-size: 100%; }
#body h3 { font-size: 90%; }
#body h4 { font-size: 80%; }
#body h5 { font-size: 75%; }
#body h6 { font-size: 70%; }

#body p {
	line-height: 170%;
	text-align: left;
	margin-top: .5em;
	margin-bottom: 1em;
}

#body li, #body th, #body td {
	line-height: 170%;
}

/* -- footer -- */

#footer {
	width: 746px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 3px 0px 3px 0px;
	background: #E8E8E8;
	color: #4D4D4D;
	font-size: 10px;
}

#footer a {
	text-decoration: none;
	color: #333399;
}

#footer a:hover {
	text-decoration: none;
	color: #FF9900;
}