body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #CCCCCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.oneColElsCtr #container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
	
.logo {
	text-align: center;
	}

.picture {
	text-align: center;
	padding: 8px;
	}


div.menuBar {
	text-align: center;
    }

div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem { 
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    }

div.menuBar a.menuButton {
	border: 1px solid blue;
	margin: 1px;
	background-color: #017dc3;
	color: #ffffff;
	cursor: default;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
	padding: 1px 10px;
    }

div.menuBar a.menuButton:hover { 
    background-color: #ec9328;
    color: white;
    }

div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover { 
    background-color: #ec9328;
    color: white;
    }

div.menu { 
    padding: 1px;
    background-color: #9ba93f;
    position: absolute;
    visibility: hidden;
    z-index: 101;
    margin-top:-1px;
    }

div.menu a.menuItem {
	color: white;
	cursor: default;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	font-size: 10px;
	padding: 2px 10px;
    }
	
div.menu a.menuItem:hover { 
    background-color: #017dc3;
    color: white;
    }

.footer {
	padding: 20px;
	text-align: center;
	color:#999999;
	}