/*
 * Backgrounds, fonts, colors
 */

body, html, #wrap, #main, #footer {
	background: #e0e0e0; /* grey */
	color: #000000;
	font-family: sans-serif;
	font-size: 11pt;
}

#header, #sidebar, .main_section, #nav {
	border: 1px solid black;
	margin: 1px;
}

h2 {
	margin-top: 0;
	padding: 4px;
	border-bottom: 1px solid black;
}

#sidebar, .main_section, #nav {
	background: #efefe1; /* light brown */
}

#header, h2 {
	background: #d3d3bc; /* dark brown */
}

#footer, h2, h3 {
	font-size: 12pt;
}

a:link, a:hover, a:active, a:visited {
	color: #660000;
}

/*
 * Presentation, positioning
 */

.centered {
	text-align: center;
}

body {
	min-width: 750px;
}

/* Main div that contains everything */

#wrap {
	margin: 0 auto; /* "Center" */
	width: 75%;
}

/* Header at the top */
#header {
	text-align: center;
}

#header img#crossleft {
	float: left;
}

#header img#crossright {
	float: right;
}

#header h1 {
	padding: 5px;
	margin: 0;
}


/* Horizontal global navigation bar under the header */

#nav {
	text-align: center;
	padding: 5px;
	margin: 6px 0 4px 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	display: inline;
}


/* Vertical sidebar on the left */

#sidebar {
	float: left;
	width: 180px;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
}


/* Content div */

#main .main_section, #sidebar {
	margin: 5px 0 5px 0;
}

#main .main_subsection {
	padding: 0 10px 0 10px;
}


/* Footer at the bottom */

#footer {
	clear: both; /* "Align" to bottom */
	text-align: center;
}

#footer p {
	margin: 0;
}

#footer img {
	border: 0;
	margin: 0 10px 0 10px;
}