/* ----------------------
=== Layout ===
The overall layout of the page, like for example the positions,
borders and background colors of the structural div containers
and the body element.

Part of Template Alpha.
Imported by main.css
   ---------------------- */

body {
	padding: 0 10px 0 10px;
	background: #000;
}

div#wrapper {
	padding: 0;
        margin-left: auto;
        margin-right: auto;
        min-width: 780px;
        max-width: 1200px;
}

div#header {
        position: relative;
        top: 0;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 1.5%;
        padding-right: 1.5%;
        padding-top: 5px;
        padding-bottom: 5px;
	background: #fff;
	border-bottom: 3px solid #9cc;
        border-top: 1px solid #066;
	border-left: 1px solid #066;
	border-right: 1px solid #066;
}

div#body-container {
	background: #FFF;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 1.5% 0 1.5%;
	border-left: 1px solid #066;
	border-right: 1px solid #066;
	border-bottom: 1px solid #066;
}

ul#menu-oneline {
	overflow: hidden;
        display: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style-type: none;
	color: #666;
	font-size: 0.7em;
}

ul#menu-oneline li {
	float: left;
	padding: 0 10px 0 11px;
	background: url(icon-arrow-nav-oneline.gif) no-repeat 0 50%;
}

ul#menu-oneline li.oneline-list-first {
	background:none;
	padding-left:0;
}

ul#menu-oneline li.oneline-list-first a {
	padding-left: 21px;
	background: url(icon-home.gif) no-repeat 0 0;
}

div#menu-container {
        margin: 0;
        float: left;
	width: 22%;
	min-width: 160px;
	padding-left: 0;
        clear: both;
}

div#main-menu {
	background: url(bg-nav-primary-blue.jpg) no-repeat 100% 0;
        border-top: 1px solid #BBBBBB;
	margin: 0;
	width: 100%;
	padding-left: 0;
        
}

div#main-content {
	padding: 0 0 0 0;
        float: right;
	width: 76%;
	height: 100%;
}

div#page-header {
	padding: 10px 0 10px 2%;
	background: #FFF;
        border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
        width: 100%;
}

div#content-primary {
	background: #FFF;
        width: 63.5%;
        padding-top: 15px;
        padding-left: 2%;
	padding-right: 2%;
	float: left;
}

div#content-secondary {
	background: #fff url(bg-content-secondary-blue.jpg) no-repeat 0 0;
        float: right;
        width: 30%;
	padding-left: 2%;
        padding-top: 15px;
	height: 100%;
}

div#content-tertiary {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
	border: 1px solid #BBBBBB;
        padding-top: 20px;
        padding-bottom: 20px;
}

div#footer {
	background: #FFF;
        margin: 0;
        padding: 5px;
        border-top: 1px solid #BBBBBB;
	clear: both;
}