/* 
 * layout CSS
 * Author Bart de Boer
 * Copyright Bart de Boer, Mediawave
 */

html {
	background-color: #d9ebfe;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #d9ebfe;
}

.lbg { 
	background-image: url(../graphics/body_lbg.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding-left: 95px;
}
.rbg, .brbg { 
	background-image: url(../graphics/body_rbg.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}
.rbg {
	padding-right: 95px;
	background-color: #FFFFFF;
}

#container {
	background-color: #313139;
}

#header {
	background-color: #1c1538;
	background-image: url(../graphics/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;  
	background-color: #000000;
}

#header h1 a {
	text-indent: -1000px;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
}

#header .activeItem, #header .expandedItem {
	color: #FFFFFF;
	font-weight: bold;
}

#header li.spacer {
	border-right: 1px solid #FFFFFF;
	width: 1px;
}

#header #search #q {
	border: 0;
	font-size: .9em;
	height: 1.2em;
	width: 7em;
}

#header #search #submit {
	border: 0;
	background-color: #011d6e;
	background-color: transparent;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-left: 3px;
	padding: 0;
}

#body {
	background-color: #ffffff;
}

#breadCrumb  {
	font-style: italic;
	color: #c9d3e3;
	background-color: #313139;
}

#breadCrumb a {
	font-style: italic;
	text-decoration: none;
	color: #d9ebfe;
}

#breadCrumb .activeItem {
	font-weight: bold;	
}

#sidePanel {
	background-image: url(../graphics/side_panel_bg.gif);
	background-repeat: no-repeat;
}

#subMenu  {
	font-style: italic;
}

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

#subMenu ul ul {
	padding-left: 1em;
}

#subMenu .activeItem {
	font-weight: bold;	
	color: #4057d5;
}

#subMenu .normalItem {
	font-weight: normal;	
}

#subMenu a {
	color: #4057d5;
}

#content, #subMenu {
	margin-top: 2em;
}

#content p {
	font-size: 1em;
}

#content h1, #content h2, #content h3 {
	font-weight: normal;
	color: #4057d5;
}

#content h1 {
	font-style: italic;
	font-size: 1.8em;
}

#content h2 {
	font-size: 1.3em;
}

#content h3 {
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
}


#content a {
	color: #4057d5;
}

#footer  {
	font-style: italic;
	background-color: #313139;
}