/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	background-image: url(/images/body/background.jpg);
	background-repeat: repeat-x;
	background-color: #0B0E3F;
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
}

h1, h2, h3, h4, h5 {
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

a {
	color: #0B0E3F;
	border-bottom: 1px dotted #606A8F;
	text-decoration: none;
}

.png {
	behavior:	url("/stylesheets/libraries/pngbehavior.htc");
}

.logo {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -326px;
	left: 50%;
	margin-left: -415px;
	behavior:	url("/stylesheets/libraries/pngbehavior.htc");
}

.container {
	position: absolute;
	width: 792px;
	height: 473px;
	top: 50%;
	margin-top: -190px;
	left: 50%;
	margin-left: -396px;
	z-index: 0;
}

.container .side {
	width: 182px;
	height: 473px;
	float:left;
	background-position:center;
	background-repeat: no-repeat;
}

.container .side .content {
	height: 431px;
}

.container .left {
	background-image:url(/images/left/background.jpg);
}

.container .left .top {
	height: 21px;
	background-image: url(/images/left/top.gif);
}

.container .left .content img {
	margin-left: 26px;
}

.container .left .content .menu {
	font-size: 14px;
	line-height: 18px;
	margin-left: 40px;
}

.container .left .content .menu a {
	text-decoration: none;
	color: #0B0E3F;
	border-bottom: 1px solid #606A8F;
}

.container .left .bottom {
	height: 21px;
	background-image: url(/images/left/bottom.gif);
}

.container .middle {
	width: 428px;
	height: 473px;
	float: left;
	background-image: url(/images/middle/background.jpg);
}

.container .middle .content {
	width: 428px;
	margin-top:20px;
	height: 433px;
	margin-bottom: 20px;
	overflow: auto;
}

.container .middle .content .page {
	margin-left: 20px;
	margin-right: 11px;
	height: 380px;
}

.container .middle .content h1 {
	color: #11144C;
	font-size: 18px;
	margin-top: 40px;
	margin-left: 20px;
}

.container .middle .content h2 {
	color: #11144C;
	font-size: 14px;
	margin-top: 10px;
}

.container .right {
	background-image:url(/images/right/background.jpg);
}

.container .right .top {
	height: 21px;
	background-image: url(/images/right/top.gif);
	margin-bottom: 4px;
}

.container .right .content {
	height: 427px;
}

.container .right .content .pictures {
	margin-left: 17px;
	margin-right: 25px;
	height: 356px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
}

.container .right .content .pictures #picture_container {
	top: -480px;
}

.container .right .content .pictures #picture_container .picture {
	width: 136px;
	height: 80px;
	margin-bottom: 5px;
	background-position: center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 25px;
}

.container .right .content .footer {
	behavior:	url("/stylesheets/libraries/pngbehavior.htc");
	position: absolute;
	z-index: 100;
	top: 316px;
	margin-left: 8px;
}

.container .right .content .topper {
	behavior:	url("/stylesheets/libraries/pngbehavior.htc");
	position: absolute;
	z-index: 50;
	top: 25px;
	margin-left: 17px;
}

.container .right .bottom {
	height: 21px;
	background-image: url(/images/right/bottom.gif);
}

.container .middle .block {
	width: 105px;
	float: left;
	margin: 5px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #E4E6EC;
	padding: 3px;
	text-align: center;
	border: 1px solid #9299B2;
	border-bottom: 2px solid #9299B2;
	border-right: 2px solid #9299B2;
	cursor: pointer;
}

.container .middle .block a {
	text-decoration: none;
}

.container .middle .picture {
	border: 1px solid #CCCCCC;
	height:80px;
	margin-bottom: 2px;
	background-position: center;
}