@import 'font.css';

body, html {
	margin: 0px;
	height: 100%; /* needed for container min-height */
	background: url('../images/background.png');
}

#wrapper {
	position: relative;
	margin: 0 auto; /* center, not in IE5 */
	width: 800px;

	min-height: 100%; /* real browsers */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
}

#header {
	min-height: 60px;
	width: 100%;
}

#inner-wrapper {
	position: relative;
	width: 100%;
	min-height: 480px;
}

#inner-wrapper-header {
	position: relative;
	width: 100%;
	height: 80px;
	background: url('../images/ribbon-horizontal.png') repeat-x;
}

#inner-wrapper-header img {
	position: absolute;
	left: -25px;
}

#content {
	position: relative;
	width: 100%;
	min-height: 395px;
	height: 395px;
	background: #FFF;
	display: table;
}

#content-left {
	position: absolute;
	float: left;
	width: 43px;
	height: 100%;
	background: url('../images/ribbon-vertical.png') repeat-y;
}

#content-left img {
	position: absolute;
	left: -25px;
}

body #wrapper #inner-wrapper #content #content-nav {
	position: absolute;
	left: 43px;
	float: left;
	width: 160px;
	height: 100%;
	border-right: 1px solid #AAA;
}

body #wrapper #inner-wrapper #content #content-nav ul {
	margin: 0px;
	padding: 0px 15px 0px;
	padding-top: 10px;
	list-style-type: none;
}

body #wrapper #inner-wrapper #content #content-nav ul li ul {
	margin: 10px;
	padding: 0px;
	list-style-type: none;
}

body #wrapper #inner-wrapper #content #content-nav ul li ul li {
	margin: 0px;
	padding: 0px;
}

body #wrapper #inner-wrapper #content #content-nav ul li ul li h2 {
	padding: 5px 0px;
	margin: 0px;
}

#content-right {
	display: table;
	float: right;
	width: 596px;
	height: 100%;
	background: #FFF;
}

#footer {
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 120px;
}

#footer p {
	font-size: 0.8em;
	text-align: right;
}

.map-wrapper {
	margin: auto;
	display: table;
	text-align: center
}