/* general styles for site background */
#body {
position: relative;
width: 950px;
margin:auto;
min-height: 690px;
height: auto;
padding:3px;
border: 1px solid #E2E2E2;
background: #FFFFFF;
}

/* Logo (left) + Banner (right) on top */
#navtop_logo {
float: left;
width: 950px;
height: 60px;
background: #41658b;
padding: 0px;
margin: 0px;
}

/* Navigation on the left */
#navleft {
	position:relative;
	float:left;
	clear:both;
	width:150px;
	padding:0;
	margin:0;
}
#navleft a {
	color:#001C52;
	text-decoration:none;
}
#navleft a:hover {
	color:#D79056;
	text-decoration:none;
}
#navleft a:focus {
	color:#001C52;
	text-decoration:none;
}
#navleft a:active {
	color:#001C52;
	text-decoration:none;
}
#navleft .heading {
	font-weight:bold;
	margin-top:10px;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px 5px 25px;
	cursor:default;
}
#navleft .heading:hover {
	cursor:pointer;
	*cursor:hand;
}
#navleft .navleft {
	padding:10px;
}

/* main menu on top */

#navtop {
width: 948px;
float:left;
margin:5px 0px 5px 0px;
text-align:left;
border:1px solid #5F6E96;
}
#navtop span {
font-weight:bold;
font-style:italic;
position:relative;
top:5px;
}
#navtop a {
padding: 5px;
float:left;
color: #41658B;
margin-left: 4px;
margin-right: 2px;
font-weight: bold;
text-decoration: underline;
}
#navtop a:hover {
padding: 5px;
float:left;
color: #41658B;
margin-left: 4px;
margin-right: 2px;
font-weight: bold;
text-decoration: none;
}
#navtop a:focus {
padding: 5px;
float:left;
color: #41658B;
margin-left: 4px;
margin-right: 2px;
font-weight:bold;
text-decoration:none;
}
#navtop a:active {
padding: 5px;
float:left;
color: #41658B;
margin-left: 4px;
margin-right: 2px;
font-weight:bold;
text-decoration:none;
}

/* Spacer */
.spacer10 {
height: 10px;
}
.spacer5 {
height: 5px;
}
.spacer30 {
height: 30px;
}

/* content areas on page */
#column_left {
clear: both;
float: left;
width: 145px;
margin: 10px 0px 0px 0px;
}
#column_middle {
float: left;
width: 770px;
height: auto;
min-height:480px;
margin: 1px 0px 0px 10px;
background: #FFFFFF;
}
#column_middle_content {
background: #FFFFFF;
height: auto;
padding: 0px;
margin: 10px 0px 0px 5px;
}

/* General message box */
#message_stack_box {
position: absolute;
top: 100px;
width: 100%;
margin: auto;
border: none;
z-index: 99;
}
#message_stack {
margin: auto;
width: 500px;
height: 80px;
border: 2px solid #D79056;
background: #F6F6F6;
padding: 5px;
z-index: 99;
color: black;
overflow: auto;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
.message_stack_error {
font-weight: bold;
color: #7e1515;
}
.message_stack_success {
font-weight: bold;
color: #001C52;
}
.message_stack_warning {
font-weight: bold;
color: #D79056;
}


/* Footer */
#footer {
color: #474747;
clear: both;
position:relative;
top: 5px;
text-align: center;
/*z-index: -99;*/
}

/* banners across the page */
.banner_left {
padding-top: 5px;
text-align: center;
}
.banner_content_top {
text-align: center;
padding: 3px;
margin-bottom: 10px;
}
.banner_content_bottom {
text-align: center;
padding: 3px;
margin: 10px auto 10px auto;
width: 780px;
}
.banner_bottom {
text-align: center;
width: 100%;
padding: 3px;
margin-top: 5px;
}
.banner_none {
display: none;
}

/* general style for code snippets */
.code {
margin-top: 3px;
margin-bottom: 3px;
font-family: Courier, Arial;
border: 1px solid #D79056;
background: #F6F6F6;
padding: 3px;
}

/* no delete, but deactivate */
#nodelete {
position: relative;
float: left;
clear: both;
font-weight: bold;
font-style: italic;
}

/* frontend FAQ */
#faq {
position: relative;
float: left;
clear: both;
width:815px;
}
#faq .question {
font-weight:bold;
padding-left:25px;
padding-top:4px;
height:20px;
width:815px;
}
#faq .answer {
width:792px;
}

/* extra buttons */
button.site {
position:relative;
float:left;
clear:none;
margin-right:10px;
}

/* messages */
#message_stack {
display:none;
}

/* comments */
#comments {
	clear:both;
	width:725px;	
}
#comments div.comment {
	clear:both;
	width:725px;	
	border-bottom: 1px solid #5F6E96;
	padding:5px;
	margin:10px 0px;	
}
span.sender {
	color:001C52;
	font-weight:bold;
	font-style:italic;
}
span.agent {
	color:#5F6E96;
	font-weight:bold;
	font-style:italic;
}