/*
 * $Id: main.css,v 1.3 2009-02-03 09:53:15 hilmar Exp $
 */
html, body	{
	background: url(/images/framework/backgroundBody.gif) top left repeat-y;
	background-color: #e3ebff;
	}
div#container {
	width: 873px;
	background: url(/images/framework/backgroundBody.gif) top left repeat-y;
	position: relative;
	height: 100% !important;
	min-height: 100%;
}
div#header {
	background: url(/images/framework/backgroundHeader.jpg) top left no-repeat;
	height: 108px;
}
div#menu {
	padding-top: 24px;
	float: left;
	width: 140px;
	height: 400px;
}
div#body {
	margin-top: 22px;
	float: left;
	width: 727px;
}

div#footer {
	background: url(/images/framework/backgroundFooter.gif) top left repeat-x;
	height: 24px;
	width: 100%;
	position: relative;
}

	div#footer div.overlay {
		background: url(/images/framework/backgroundFooter.jpg) top left repeat-y;
		height: 24px;
		width: 10px;
		position: absolute;
		top: 0px;
		left: 0px;
	}

ul#mainMenu {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 130px;
    margin-left: 10px;
    position: relative;
}
ul#mainMenu ul {
	list-style-type:none;
	list-style-position:outside;
	display:block;
}
ul#mainMenu li a {
	background: url(/images/framework/backgroundMenuItem.gif) no-repeat;
	display:block;
	list-style-type:none;
	list-style-position:outside;
	color:#3F4E76;
	height:35px;
	line-height:29px;
	font-weight:bold;
	text-decoration: none;
	text-align: right;
	margin:0px;
	padding-right: 10px;
}
ul#mainMenu a:hover, ul#mainMenu a.itemOn {
	background: url(/images/framework/backgroundMenuItem-hover.gif) no-repeat;
	color:#FFFFFF;
}
div.clear {
	clear:left;
}