

/* ------------------------------ classes ------------------------------ */
/* -------------------- layout -------------------- */
.topLeft { width: 525px; }
.topRight {
	width: 235px;
	margin-left: 2px;
}

/* ---------- top sections ---------- */
.topLeft, .topRight {
	float: left;
	color: #FFF;
	font-weight: bold;
	min-height: 20px;}

.topLeft { background: #12718E; }
.topRight { background: #24618E; }

.top_login {
	background: #9E0B0E url('/images/login.jpg') no-repeat 10px 20px;
	padding: 35px 0 0 100px;
	text-align: center;
	min-height: 100px;}

.topMains, .topSpares { margin: 2px 0; }
.topMains { background: url('/images/skin_images/topBackground.gif') repeat-y 527px 0; }
.top_login a:link, .top_login a:visited { color: #FFF; }

/* ---------- bottom sections ---------- */
.mainContent { background: url('/images/skin_images/rightBackground.gif') repeat-y 527px 0; }
.bottomLeft, .bottomRight { float: left; }
.bottomLeft {
	padding: 12px 10px 10px;
	width: 505px; 
	border-top: 3px solid #12718E;
}
.bottomRight {
	padding: 10px 10px 10px 12px;
	width: 215px; /* 235px */
	color: #FFF;
}

.bottomRight a:link, .bottomRight a:visited {
	color: #FFF;
	text-decoration: underline;
}

/* -------------------- menus -------------------- */
/* ---------- main menu ---------- */
.mainMenu { padding-bottom: 30px; }
.mainMenu ul { padding-bottom: 5px; }
.mainMenu li { float: none; }

.mainMenu div {
	color: #3FBD33;
	font-size: 100%;
	background: #555;
	padding: 5px;
	font-weight: bold;
}

.mainMenu a:link, .mainMenu a:visited {
	font-size: 95%;
	width: 190px; /* 215px */
	text-decoration: none;
	padding: 5px 5px 5px 20px;
	background: 5px 50% url('/images/skin_images/redButton.gif') no-repeat; 
}

.mainMenu a:hover {
	padding: 5px 3px 5px 22px;
	background: 7px 50% url('/images/skin_images/greenButton.gif') no-repeat; 
} 

.menuHighlight div {
	color: #F00;
	background: #FC0;
}

.teaser {
	border: 1px solid #069;
	padding: 0 10px 10px;
}

.teaser p {
	background: #069;
	text-align: center;
	margin: 0 -10px 5px;
	padding-top: 5px;
}

