/* stylisterna.css - by Orjan Hansson, 2006-11-07, 2006-11-17, 2006-11-24, 2007-07-05 */

/* Two-column layout */
/*
Similar to the one described by Stephanie Sullivan at the Dreamweaver Developer Center:
http://www.adobe.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
*/
body {
	text-align: center;
	margin: 0; /* margin is outside the div */
	padding: 0; /* padding is inside the div */
}
#container { /* Corresponds to "holder" in Sullivans article */
	width: 800px; /* Slightly wider than bcbp_banner.jpg (642px) and sidfotslinje.gif (643px) */
	text-align: left;
	margin: 15px auto; /* The auto margins on the sides will keep the container centered in the window */
}
#header {
	text-align: center;
	margin-bottom: 20px;
}
#sideText { /* Corresponds to "nav" in Sullivans article */
	width: 100px; /* Images etc should not be wider than this */
	float: left;
	padding: 0 10px; /* Full width will be 120px which leaves 800px - 120px = 680px for mainText */
	margin: 0;
}
#mainText { /* Corresponds to "content" in Sullivans article */
	padding: 0;
	margin: 0 0 0 120px; /* Left margin = sideText full width */
}
#footer {
	padding: 5px 0;
	text-align: center;
}
/* The following can be used to split mainText in two columns */
#photoColumn {
	width: 250px;
	float: left;
	margin: 0;
	text-align: center;
}
#textColumn {
	width: 400px; /* To allow room for a scroller */
	height: 360px; /* Was 380px */
	overflow: auto; /* Can be scroll, visible, hidden, auto, or inherit  */
	float: left;
	margin: 0;
	padding: 0 15px;
}
/* Restore full width, add after mainText div */
.fullWidth { /* Corresponds to "brclear" in Sullivans article */
	font-size: 1px;
/*	line-height: 0; */
	margin: 0;
	clear: both;
	height: 0px;
}

/* Horizontal alignment */
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
#pageInfo {
	margin: 0;
	text-align: right;
}

/* Text formatting */
body {
	background: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#container {
	font-size: 100%;
}
p, td, li, ol, ul {
	margin: 0 0 1em 0;
	line-height: 1.5;
}
p.small, #photoColumn p {
	font-size: 85%;
	line-height: 1.0;
}
#pageInfo p {
	font-size: 80%;
	line-height: 1.0;
}
#footer p {
	margin: 0;
	font-size: 130%;
}
ul {
	list-style-type: none; /* No bullets */
	padding-left: 1em;
	text-indent: -1em;
}
ol {
	list-style-type: decimal;
	padding-left: 2.5em;
}
li {
	margin: 0;
}
li.subnav {
	text-indent: 5px;
}
h1 {
	margin: 0 0 0.6em 0;
	font-size: 150%;
	font-weight: bold;
}
#footer h1 { 
	margin: 0;
	font-weight: normal;
}
h2 {
	margin: 0 0 0.6em 0;
	font-size: 100%;
	font-weight: bold;
}
h3 {
	margin: 0;
	font-size: 100%;
	font-style: italic;
}
code {
	font-family: Courier, monospace;
	font-size: 110%;
	line-height: 1.2;
}

/* Links */
a {
	background: transparent;
	font-weight: bold;
	text-decoration: none; /* That is, no line under links */
}
a:hover, a.active {
	text-decoration: underline; /* The links will be underlined when the mouse is over them or if class="active" */
}
.subnav a, #mainText a, #pageInfo a, #footer a {
	font-weight: normal;
}

/* Color scheme */
/* #363 = dark green, #b7c893 = light green */
body {
	background: #b7c893;
}
#container {
	background: #f5f6f0;
}
#footer { 
	background: #363;
}
h1, h2, h3, h4, th {
	color: #363; 
}
a {
	color: #363;
}
a:hover, a.active, #pageInfo p, #pageInfo a {
	color: #b7c893;
}
#footer h1, #footer p, #footer a { 
	color: #fff; 
}