.postshown {
	display:inline-block 
}
.posthidden {
	display:none
}

html, body {
/* make sure there is no space on top and on bottom of the page */
	margin: 0px; 
	padding: 0px; 
	height: 100%;
}
	
body {
	background-image: url("pics/patterngrijs.gif");
	background-repeat: repeat;
	font-family: verdana;
	color: black;
	text-align: center;
}

h1 {
/* normal header 1, the way it will be displayed in normal text */
	font-size: 160%;
	margin: 0 0px 0.8em 0px;
	font-weight: normal;
	color: #72295E;							/* purple */
}

h1.chapeau {
	font-size: 130%;
	margin: 0;
	font-weight: normal;
	color: #DF580E;							/* purple */
}
h1.kjp-chapeau {
	font-size: 130%;
	margin: 0;
	font-weight: normal;
    /*color: #6AACDA; /* blue */
	color: #DF580E;
}
h1.kjp {
    color: #6AACDA; /* blue */

}
h2 {
/* normal header 2, the way it will be displayed in normal text */
	font-size: 100%;
	font-style: normal;
	color: #DF580E;
	font-weight: bold;						/* orange */
	margin: 0.8em 0 0 0;
}
h2.kjp,
h3.kjp {
/* special header 2, the way it will be displayed in normal text */
	font-size: 100% !important;
	font-style: normal;
	color: #6AACDA;
	font-weight: bold;						/* blue */
	margin: 0.8em 0 0 0;
}

a {
	color: #72295E; 						/* purple */
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
a.popup {
	color: #C51484;
	text-decoration: none;
}

p  {
	margin: 0 0 10px 0;
	line-height: 17px;
}
font, p {
	font-size: 100%;
}
div.paragraph {
	padding: 6px 9px 0px 9px;
	line-height: 17px;
}

input, textarea {
	border-style: none;
	font-size: 8pt;
}

table, table td {
	font-size: 100%;
}
td {
	vertical-align: top;
}

.clear_both {
	clear: both;
}

/**************************************************************************
 *    +-main------------------------------------------------------+
 *    | +-top---------------------------------------------------+ |
 *    | |                                                       | |
 *    | |                                                       | |
 *    | +-------------------------------------------------------+ |
 *    | +-body--------------------------------------------------+ |
 *    | | +-menu----------------------------------------------+ | |
 *    | | |                                                   | | |
 *    | | +---------------------------------------------------+ | |
 *    | | +-left--+ +-content---------------------------------+ | |
 *    | | |       | | +-text-----------------------+ +-high-+ | | |
 *    | | |       | | |                            | | light| | | |
 *    | | |       | | |                            | |      | | | |
 *    | | |       | | |                            | |      | | | |
 *    | | |       | | |                            | |      | | | |
 *    | | |       | | |                            | |      | | | |
 *    | | |       | | |                            | |      | | | |
 *    | | |       | | |                            | |      | | | |
 *    | | |       | | +----------------------------+ +------+ | | |
 *    | | |       | | +-widetext----------------------------+ | | |
 *    | | |       | | |                                     | | | |
 *    | | |       | | |                                     | | | |
 *    | | |       | | |                                     | | | |
 *    | | |       | | |                                     | | | |
 *    | | |       | | |                                     | | | |
 *    | | |       | | +-------------------------------------+ | | |
 *    | | +-------+ +-----------------------------------------+ | |
 *    | +-------------------------------------------------------+ |
 *    | +-bottom------------------------------------------------+ |
 *    | |                                                       | |
 *    | |                                                       | |
 *    | +-------------------------------------------------------+ |
 *    +-----------------------------------------------------------+
 */

#main {
	margin: 0px auto;
	width: 770px;
	text-align: left;
	background: white;
	border-collapse: collapse;
}

/*
 * The top which has the logo as the background image.
 * Contains breadcrumbs (p > a) and page title (h1) and on home etalage item.
 */
#top {
	font-size: 8pt;
	height: 98px;
	padding: 0px;
	margin: 0px;
	background: white url("pics/logo-178x78.gif") no-repeat 97% 70%;
}
#top p, #top h1 {
	padding-left: 15px;
}
#top p, #top a {
	margin: 10px 0px;
	color: #56626F; /* gray */
}
#top h1 {
	font-size: 11pt;
	color: #56626F; /* gray */
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

/* MAIN MENU */
#menu {
	font-size: 8pt;
	padding: 6px 0px 0px 10px;
	background: url("pics/zoekbalk177x28-lang.gif") no-repeat right top #DF580E;	/* orange */
	height: 22px;
	color: white;
	z-index: 30;
}
#menu a {	
	text-decoration: none;
	color: white;
	padding-right: 2px;
}
#menu a.selected {
	border-bottom: 2px solid white;
}
#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#menu li {
	float: left;
	position: relative;
	padding: 0px 0px 8px 0px;
	z-index: 32;
}
#menu li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 15px;
	border: 1px solid #DF580E;
	border-top: 7px solid #DF580E;
	width: 190px;
	background: white;
}
/*
#menu li > ul {
	top: auto;
	left: auto;
}
*/
#menu li:hover ul, #menu li.over ul {
	display: block;
}
#menu li li {
	display: block;
	float: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid white;
	float: left;
}
#menu li li a {
	display: block;	
	font-family: verdana;
	font-size: 8pt;
	color: #72295E;
	padding: 4px 3px;
	margin: 0px;
	width: 182px;
}
#menu li li a:hover {
	background: #BEBEB4;
}

#zoeken {
	border-collapse: collapse;
	margin: -2px 10px 0px 0px;
	padding: 0px;
	float: right;
}
#vergrootglas {
	display: block;
	padding: 0px;
	margin: 2px 0px 0px 10px;
	background: url("pics/vergrootglas-up.gif") no-repeat;
	height: 16px;
	width: 16px;
}
#vergrootglas:hover {
    background: url("pics/vergrootglas-over.gif") no-repeat;
}

/* The left td is the submenu */
#left {
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	background: transparent url(pics/bgmenu1.gif) repeat-y scroll left top;
	width: 185px;
}
#best_wel_wit {
	display: block;
	font-size: 1px;
	background-color: #fff;
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	width: 186px;
}
#left a {
	display: block;
	padding: 4px 0px 4px 22px;
	margin: 0px;
	width: 163px;
}

#left a:hover {
	text-decoration: none;
}
a.left_submenu {
	background: url("pics/pijl1opgrijs.gif") no-repeat 10px 8px #E1D9CB;
}
a.left_subsubmenu {
	background-color: #FAF5F0;
}
a.left_submenu:hover, a.left_subsubmenu:hover {
	background-color: #BEBEB4;
}
#left_selectedsub {
	background-image: url("pics/pijl2opgrijs.gif");
}
#left_selectedsub_only {
	background-image: url("pics/pijl2oporanje.gif");
	color: white;
	background-color: #DF580E;
}
#left_selectedsubsub {
	color: white;
	background: #DF580E;
}

#content {
	padding: 10px 0px 10px 12px;
	margin: 0px;
	width: 572px;
	text-align: left;
	min-height: 412px;
	background: white;
}

#content.home {
	width: 760px;
	float: left;
	padding: 10px 0 0 12px;
}

#messages {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 340px;
	font-size: 83.3%;
}
#messages ul{
	margin: 4px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	width: 100%;
	text-align: left;
	list-style-type: none;
}
#messages ul li {
	padding: 0px 4px;
}

#messages ul.errors li.title {
	background-color: #cc0000;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
}
#messages ul.errors {
	color: #cc0000;
	border: 1px solid #cc0000;
}
#messages ul.warnings li.title {
	background-color: #cc0000;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
}
#messages ul.warnings {
	color: #cc0000;
	border: 1px solid #cc0000;
}
#messages ul.messages li.title {
	background-color: #009900;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
}
#messages ul.messages {
	color: #009900;
	border: 1px solid #009900;
}

/*
 * The text div is the only div in the body div which is positioned relative.
 * When the height of the text will become more than the body's minimum height
 * of 100%, the body will automatically become higher as well.
 */
#text, #caseoverview {
	font-size: 83.3%;
	float: left;
	margin: 0px;
	width: 340px;
	text-align: left;
	min-height: 412px;
	background: white;
}

#text a {
	text-decoration: underline;
}

* html #text {
	height: 412px;
	min-height: auto;
}
	
#widetext {
	position: relative;
	font-size: 83.3%;
	clear: both;
	padding-top: 10px;
	background: white;
	bottom: 0px;
	width: 100%-185px;
}

#bottomlinks {
	list-style: none;
	margin: 0px;
	padding: 0;
	font-size: 100%;
}

/* Some pieces of text in the right of the screen. */
#highlight {
	font-size: 8pt;
	float: right;
	width: 218px;
	background: white;
}
#highlight a {
	text-decoration: none;
}
#highlight div { 		margin-bottom: 15px; }
#highlight.home div { 	margin-top: 2px; margin-bottom: 10px; }
#highlight.home a {		color: black; }
#highlight h1 {
/* shared hightlight header properties */
	font-size: 9pt;
	padding: 2px 0 2px 0.8em;
	color: white;
	font-weight: bold;
	margin: 0;
}

#highlight p {		padding: 8px 0 0.8em 0.8em; }
#highlight.home p {	padding: 8px 0 0 0.8em; }
#highlight ul, #highlight ol {	/*margin: 0 0 0 0;*/ }
#highlight a.homemore {	
	font-size: 7pt;
	color: #72295E;
}
#hl_more a, #hl_newsarchive a, #highlight.home a {	display: block; }
#hl_more {			background: #F9E7F3; }
#hl_more h1 { 		background: #C51484; }
#hl_newsarchive {	background: #F1EAEF; }
#hl_newsarchive h1 {background: #72295E; }
#hl_topic {			background: #D9F1A2; }
#hl_topic h1 {		background: #89C300; }
#hl_text {			background: #F1EAEF; }
#hl_text h1 { 		background: #72295E; }
#hl_news {			background: #F1EAEF; }
#hl_news h1 { 		background: #72295E; }
#hl_agenda {		background: #FCEEE7; }
#hl_agenda h1 { 	background: #DF580E; }
#hl_selftest {		background: #E6F6FD; }
#hl_selftest h1 {	background: #00A7E9; }
#hl_casus {			background: #F9E7F3; }
#hl_casus h1 { 		background: #C51484; }
#hl_newsletter { 	background: #E6F6FD; }
#hl_newsletter h1 { background: #00A7E9; }

#hl_text ul li { list-style-type: disc; }
#hl_topic a, #hl_text a {
	text-decoration: underline;
}


/* Disclaimer */
#bottom {
	clear: both;
	height: 50px;
	margin: auto;
	margin-top: 0px;
	background: url("pics/bg_rood_full.gif") repeat-x white;
	padding-top: 30px;
	padding-left: 15px;
	color: #DF580E;
	font-size: 7pt;
}
#bottom img {
	position: relative;
	top: 0px;
	left: 200px;
}
#bottom a {
	color: #DF580E;
	position: relative;
}

#disclaimer {
	top: -80px;
	text-align:	left;
	position: absolute;
	left: 0px;
	width: 300px;
	display: none;
	height: 100px;
	border: solid 1px black;
	background: #FCEEE7;
	color: black;
}

p.tooltip {
	font-size: 8pt;
	margin: 10px;
}

/* Main img */
img.mainpic {
	margin: 0 0 5px 0;	
}

/* Tables in the text: todo: fix */
#text table {
	border: 0px solid white;
	padding: 0;
	spacing: 0;
}

td.th_head {
	background: #72295E;
	border: 1px solid white;
	color:#ffffff;
	font-weight: bold;
	font-size: 9pt;
	vertical-align: top;
}

td.td_head {
	background: #E1D9CB;
	color:#000;
	border: 1px solid white;
	font-weight: bold;
	font-size: 9pt;
	vertical-align: top;
}

td.td_main {
	background: #F1EAEF;
	color:#000;
	border: 1px solid white;
	font-size: 9pt;
	vertical-align: top;

}


/* Home elements */
#hometext {
	float: left;
	padding: 2px;
}
#fotohome {
	position: relative;
	width: 510px;
	height: 169px;
}
#homecontent {
	padding: 0;
	float: left;
}

div.home_text {
	float: left;
}

#home_text {
	position: relative;
	font-size: 83.3%;
	width: 170px;
	top: 0px;
}

div.home_hidden, div.dummy_text {
	position: absolute;
	width: 170px;
	height: expression((document.getElementById('content').offsetHeight) + 'px');
	top: 40px;
	bottom: 0px;
}
div.home_hidden img {
	
}
div.home_hidden {
	visibility: hidden;
	background: url('pics/bg_trans_home.gif') repeat;
	z-index: 5;
}
div.dummy_text {
	z-index: 15;
}

div.dummy_text img {
	height: expression((document.getElementById('content').offsetHeight) + 'px');
	width: 170px;
	height: 100%;
}

#txt1, #div1, #dummy1 { left: 15px; }
#txt2, #div2, #dummy2 { left: 185px; }
#txt3, #div3, #dummy3 { left: 355px; }

div.home_text h1 {
	font-size: 12pt;
	margin: 0 10px 0.6em 10px;
	padding: 0 0 0 0;
	color: #DF580E;							/* orange */
	font-weight: normal;
}

div.home_text p, div.home_text a {
	margin: 0 10px 0 10px;
}


/* Module: search */
#text.search p {
	margin: 8px 10px 0px 10px;
	color: #72295E;							/* purple */
}
#text.search div {
	position: relative;
	width: 340px;
	padding-bottom: 6px;
}
#text.search div p {	
	color: black;
}
#text.search div a {
	display: block;
	margin: 0.2em 10px 0 0;
	padding: 0 0 0 10px;
	font-weight: bold;
}
#text.search div.search1 {	background: white; }
#text.search div.search2 {	background: #E1D9CB; }
#searchbottom {		margin: 6px 0px 0px 10px; }
#searchbottom a {	margin: 0px 5px 0px  5px; }
#searchbottom a.active {	font-weight: bold; }


/* Module: FAQ */
#text.faq a.faq {
	display: block;
	margin-top: 10px;
	text-decoration: none;
}
#text.faq a.faq:hover {
	text-decoration: underline;
}
#text.faq div {
	margin-bottom: 20px;
}


/* Module: Forms */
#text table.pageform {
	width: 100%;
	background: #E1D9CB;
	padding: 10px;
	font-size: 100%;
}

#text table.pageform input.text, #text table.pageform textarea {
	width: 98%;
}

/* Shared properties of news and agenda overview */
#text.newsoverview div, #text.agendaoverview div {
	padding: 8px;
}
#text.newsoverview div.odd, #text.agendaoverview div.odd {
	background: #E1D9CB;
}
#text.newsoverview div.even, #text.agendaoverview div.even {
	background: white;
}
#text.newsoverview div table td, #text.agendaoverview div table td {
	vertical-align: top;	
	margin: 0;
	font-size: 100%;
	line-height: 17px;
}

/*
 * Module: News
 * newoverview and news subpages
 */
#text.newsoverview div h1 {
	font-size: 13pt;
	font-weight: bold;
}
#text.newsoverview div h3 {
	margin: 0 0 8px;
	font-size: 7pt;
	font-weight: normal;
}
#text.newssub h1 {
	margin-top: 10px;
}

/*
 * Module: Agenda
 * agendaoverview and agenda subpages
 */
#text.agendaoverview div h3 {
	margin: 0 0 8px;
	font-size: 8pt;
	font-weight: bold;
}
#text.agendaoverview div h4 {
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
}
#text.agendaoverview div h1 {
	font-size: 13pt;
	font-weight: bold;
}
#text.agendasub h3 {
	font-size: 8pt;
	font-weight: bold;
	margin: 4px 0;
}

/* Module: case */
h1.overviewcase, h1.overview {
	font-size: 13pt;
	color: #DF580E;
	width: 100%;
	padding: 20px 0 10px 0;
	border-bottom: 3px solid #DF580E;
}

h3.overview {
	font-size: 13pt;
	font-weight: normal;
	color: #72295E;
}

/* Module semistatic */
#semistatic, .semistatic {
	font-size: 100%;
}
#semistatic table, .semistatic table {
	font-size: 100%;
}
#semistatic.form, .semistatic.form {
	float: left;
	top: 0px;
	left: 0px;
	width: 340px;
	text-align: left;
	background: #E1D9CB;
	padding: 10px;
	padding-bottom: 0px;
	border-bottom: 1px solid #fff;
	font-size: 100%;
}

.semistatic.table table, #semistatic.table table {
	float: left;
	text-align: rigth;
	background: #E1D9CB;
	border-bottom: 1px solid #fff;
}

/* Module sitemap */

#sitemap li.main, li.main a {
	color: #DF580E;
	font-weight: bold;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-size: 11pt;
}

#sitemap ul, #sitemap a {
	list-style: none;
	text-decoration: none;
}
 
#sitemap li.sub3, #sitemap li.sub3 a {
	font-style: italic;
}

#sitemap li {
	display: block;	
	line-height: 16px;
}
#sitemap li.sub1 {
	margin-left: 20px;
}
#sitemap li.sub2 {
	margin-left: 40px;	
}
#sitemap li.sub3 {
	margin-left: 60px;
}
#sitemap li.sub4 {
	margin-left: 80px;
}

/* Module TellAFriend */
#text.tellafriend form {
	width: 100%;
	background: #E1D9CB;
	padding: 10px;
}

#text.tellafriend form input.text {
	width: 100%;
}

/* Module zelftest */
#test em.Current   { 
	font-family: verdana;
	color: #ffffff;
	font-style : normal;
	font-weight: bold;
	padding: 6px;
	padding-right: 9px;
	background: #72295E;
	cursor: default;
}

#test em.Next, #forum a.button, #text a.send, #text.tellafriend form input.send { 
	font-family: verdana;
	color: #ffffff;
	font-style : normal;
	font-weight: bold;
	padding: 6px;
	padding-right: 9px;
	background: #72295E;
	text-decoration: none;
	cursor: pointer;
}

#test em.Future   { 
	font-family: verdana;
	color: #DF580E;
	font-style : normal;
	font-weight: bold;
	padding: 6px;
	padding-right: 9px;
	cursor: default;
}

#test em.Finished   { 
	font-family: verdana;
	color: #ffffff;
	font-style : normal;
	font-weight: bold;
	padding: 6px;
	padding-right: 9px;
	background: #DF580E;
	cursor: default;
}

/* Newsletter */
#text form.newsletter {
	background: #E1D9CB;
}

#text form.newsletter h1 {
	font-weight: bold;
	font-size: 11pt;
	margin-right: 10px;
	color: #72295E;
}

#text form.newsletter p.newsletter {
	margin-left: 5px;
}

#text form.newsletter input.newsletter {
	margin-right: 10px;
	width: 98%;
}

#text form.newsletter input.next {
	color: #ffffff;
	font-style : normal;
	font-weight: bold;
	padding: 6px;
	padding-right: 9px;
	background: #72295E;
	cursor: pointer;
}

/* Forum */
/*** LOGIN ***/
#forum.login {
	width: 218px;
	background: #E1D9CB;
}
#forum.login h1 {
	margin-left: -0.3em;
	font-size: 16pt;
	font-weight: normal;
	color: #72295E;
}
#forum.login form {
	margin-left: 1em;
}

#forum input.link {
	font-family: verdana;
	background: #E1D9CB;
	cursor: pointer;
	color: #72295E;
}

/*** OVERVIEW ***/
#forum .overview {
	border-top: solid 1px black;
	margin: 0px;
	padding: 6px 0px 12px 0px;
	cursor: pointer;
}

#forum .overview a.forumtitel {
	color: #DF580E;
	font-size: 11pt;
	text-decoration: none;
}

#forum .overview a.forumtitel:hover {
	text-decoration: underline;
}

#forum .overview a.text {
	color: #000;
	text-decoration: none;
}

#forum .overview a.text:hover {
	color: #72295E;
}

/*** CATEGORY ***/
#forum.category p.item {
	padding:2px 0px 4px 0.7em;
}
#forum.category p.item.gray {
	background: #E1D9CB;
}
#forum.category p.item b {
	color: #72295E;
}
#forum.category p.item a {
	text-decoration: none;
}

#forum.category p.item a:hover {
	text-decoration: underline;
}

#forum.category a.last {
	color: #DF580E;
}

/*** SUBJECT ***/
#forum table.subject {
	background: #72295E;
	color: white;
	width: 340px;
}

#forum table.subject td.text, #forum table.moderator td.text {
	border-top: solid 1px white;
}

#forum table.subject a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#forum table.subject a:hover {
	text-decoration: underline;
}

/*** REPLY COLORS ***/
#forum table.reply_white, #forum table.reply_gray {
	width: 340px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
#forum table.reply_gray {
	background: #E1D9CB;
}
#forum table.reply_white td, #forum table.reply_gray td {
	border-top: solid 1px black;
}
#forum table.reply_white td.text a, #forum table.reply_gray td.text a {
	color: #DF580E;
	font-weight: bold;
	text-decoration: none;
}
#forum table.reply_white td.text b, #forum table.reply_gray td.text b {
	color: #DF580E;
}
#forum table.reply_white td.text a:hover, #forum table.reply_gray td.text a:hover {
	text-decoration: underline;
}
#forum table.reply_white td.header a, #forum table.reply_gray td.header a {
	text-decoration: none;
}
#forum table.reply_white td.header a:hover, #forum table.reply_gray td.header a:hover {
	text-decoration: underline;
}

#forum table.moderator {
	width: 340px;
	background: #DF580E;
	color: white;
}
#forum table.moderator a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#forum table.moderator a:hover {
	text-decoration: underline;
}

#forum table.reply {
	background: #72295E;
	color: white;
	width: 100%;
}
#forum table.reply td {
	padding: 0px 3px;
}
#forum table.reply td.title {
	/*font-weight: bold;*/
	font-size: large;
}

#forum table.reply a.buttons {
	font-family: verdana;
	color: white;
	font-style : normal;
	font-weight: bold;
	padding: 6px;
	padding-left: 9px;
	background: #DF580E;
	text-decoration: none;
	cursor: pointer;
}

#forum select {
	width: 340px;
}

#forum .forum_nav {
	font-weight: bold;
}
#forum .forum_nav a {
	text-decoration: none;
	color: #72295E;
}
#forum .forum_nav .selected{
	color: #000;
}

.link_volgende {
	float: right;
}
#text.search,
#text.search div {
	width: 500px;
}
#text.search div a {
	display: inline;
}
.search-navigation {
	text-align: center;
}

.block-purple h1 {
	color: white;
	background: #722960;
}
.block-purple .paragraph {
	color: black;
	background: #f0eceb;
}
.block-green h1 {
	color: white;
	background: #8ac200;
}
.block-green .paragraph {
	color: black;
	background: #d7f2a5;
}
.block-pink h1 {
	color: white;
	background: #c51584;
}
.block-pink .paragraph {
	color: black;
	background: #fce6f2;
}
.block-red h1 {
	color: white;
	background: #db0720;
}
.block-red .paragraph {
	color: black;
	background: #eaabb6;
}
.block-red h1 {
	color: white;
	background: #db0720;
}
.block-red .paragraph {
	color: black;
	background: #eaabb6;
}
.block-orange h1 {
	color: white;
	background: #fd9b2e;
}
.block-orange .paragraph {
	color: black;
	background: #f0d38f;
}
.block-yellow h1 {
	color: black;
	background: #f3cd0a;
}
.block-yellow .paragraph {
	color: black;
	background: #fff8ae;
}
.block-dark-green h1 {
	color: white;
	background: #529706;
}
.block-dark-green .paragraph {
	color: black;
	background: #e0ffc6;
}
.block-light-blue h1 {
	color: white;
	background: #0aa1f2;
}
.block-light-blue .paragraph {
	color: black;
	background: #dbf3ff;
}
.block-dark-blue h1 {
	color: white;
	background: #060d68;
}
.block-dark-blue .paragraph {
	color: black;
	background: #cedde4;
}
.block-blue h1 {
	color: white;
	background: #6b63ac;
}
.block-blue .paragraph {
	color: black;
	background: #dadeea;
}
.block-blown h1 {
	color: white;
	background: #ab280a;
}
.block-brown .paragraph {
	color: black;
	background: #ddb68d;
}
.block-kjp {
    background: #fff url('pics/kjp.jpg') no-repeat;
    padding-top: 30px;
}
.block-kjp h1, 
.block-kjp h2,
.block-kjp h3 {
    color: #6AACDA !important;
	font-size: 9pt;
}
.block-kjp .paragraph {
    color: black;
    padding-bottom: 30px;
    background: #fff url('pics/kjp.jpg') no-repeat;
    background-position: center bottom;
    min-height: 450px;
}