/*
 * Mapleleaves.nl stylesheet
 * written bij aquariusoft.org
 * version $Date: 2010-03-06 14:55:00 +0100 (Sat, 06 Mar 2010) $
 */

body
{
	font-family: verdana, tahoma, helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #1C45A3;
	background-image: url("images/body_bg.png");
	background-repeat: repeat;
	padding: 0;
}

h1
{
	font-size: 1.9em;
	margin-bottom: 0;
	margin-top: .2em;
	text-shadow:1px 1px 1px #CCCCCC;
/*
	text-shadow: 0 1px #F9F9F9;
*/
}

h1.first
{
	_margin-top: .7em;	/* IE hack */
}

h2
{
	font-size: 1.3em;
	margin-top: 1.5em;
	text-shadow:1px 1px 1px #CCCCCC;
/*
	text-shadow: 0 1px #F9F9F9;
	text-shadow: 1px 1px #F2F6FF;
	background-color: #1d43a4;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
*/
}

h2.sectionheader
{
	border-bottom: 1px dotted #1C45A3;
	padding-left: 0;
	padding-right: 0;
	margin-left: 8px;
	margin-right: 8px;
}

h3
{
	font-size: 1em;
	font-weight: bold;
}

ul li
{
	list-style-type: square;
}

a
{
	text-decoration: none;
	color: #1C45A3;
}

a:hover, .subnavbar a.highlight
{
	text-decoration: underline;
	color: #1C45A3;
}

img
{
	border: 0;
	display: inline;
	margin: 0;
}

img a
{
	border: 0;
}

th
{
	background-color: #eaeefe;
	text-align: left;
	font-weight: bold;
	_font-size: 0.8em;	/* Show only to IE. Yes, a hack... */
}

em
{
	font-style: italic;
	font-weight: bold;
}

table.gallerynav
{
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}


	table.gallerynav td
	{
		background-repeat: no-repeat;
		background-position: center center;
		/*padding: 3px;*/
		padding: 0;
		margin: 0;
		font-size: 3em;
		font-weight: bold;
		text-align: center;
		color: #FFF;
	}


	table.gallerynav td a
	{
		color: #FFF;
	}

/* Hides from IE5-mac; HACK for iframe not resizing properly in IE \*/
* html .content {height: 1%;}
/* End hide from IE5-mac */


.wrapperbox
{
	text-align: center;
	padding: 0;
}

.page
{
	width: 945px;
	margin: 1em auto 1em auto;
	padding: 0;
	text-align: left;
	background-color: transparent;
	background-image: url("images/content_bg.png");
	background-repeat: repeat-y;
}


#banner
{
	background-color: transparent;
	background-image: url("images/top.png");
	background-repeat: no-repeat;
	white-space: nowrap;
	padding: 10px;
	padding-left: 7px;
}

#banner a, #banner a:hover, #banner img
{
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#banner img
{
	display: block;
}

.navbar
{
	background-color: transparent;
	background-image: url("images/navigation_bg.png");
	background-repeat: repeat-none;
/*
	padding: .3em;
	padding-left: 2.7em;
	padding-left: 15px;
*/
/*
	margin-top: 5px;
	padding-top: 3px;
*/
	padding-left: 15px;
	padding-right: 2em;
	padding-right: 10px;
	margin-right: 7px; /* don't let the dots extend beyond the right border */
	font-size: 0.85em;
	font-weight: bold;
	color: #666;
	height: 45px;
/*
	border-top: 1px dotted #a4a4a4;
*/
/*
	margin-top: 1px;
*/
}
/*
	.navbar a
	{
		color: #333;
		text-decoration: none;
	}

	.navbar a:hover, .navbar a.highlight
	{
		color: #666;
		text-decoration: underline;
	}
*/
#jsddm
{
	margin: 0;
	padding: 0;
}
	
	#jsddm li
	{
		float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
	}

	#jsddm li a
	{
		display: block;
		/* navbg: e6edff */
		background: #20548E;
		background: #1d43a4;
		padding: 5px 12px;
		padding: 5px 10px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
/*		width: 66px;*/
		color: #EAFFED;
		white-space: nowrap;
	}

	#jsddm li a:hover, #jsddm li.active a
	{
		background: #09256B;
	}
		
		#jsddm li ul
		{
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
		}
		
		#jsddm li ul li
		{
			float: none;
			display: inline;
		}
		
		#jsddm li ul li a
		{
			width: auto;
			background: #9F1B1B;
		}
		
		#jsddm li ul li a:hover, #jsddm li ul li.active a
		{
			background: #7F1616;
		}


.pagebody
{
	padding: .3em;
	padding-left: 3px;
	padding-right: 7px;
	line-height: 1.4;	/* was 1.2 */

	color: #000;
	background-color: transparent;
}

.subnavbar
{
	float: left;
	width: 13.5em;
	width: 150px;
	font-size: .8em;

	margin-top: .5em;
	_margin-top: 1em;	/* IE hack */
	margin-bottom: 1em;
	background-color: #eaeefe;
	background-image: url("images/subnav_bg.png");
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: .3em;
	padding-left: .5em;
}

	.subnavbar h2
	{
		margin-left: 12px;
		font-size: 1.1em;
		font-weight: bold;
		color: #000;
		margin-top: .5em;
		margin-bottom: .5em;
	}

	.subnavbar ul
	{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 12px;
		padding-left: 0;
	}

	.subnavbar li
	{
		padding-left: -2px;
		margin-left: 0;
		list-style-image: url("images/bullet.png");
	}

	.subnavbar ul.info
	{
		margin-top: .5em;
		padding-top: .5em;
		border-top: 1px dotted #6692FF;
	}

	.subnavbar ul.info li
	{
		list-style: none;
		list-style-image: none;
		font-size: .7em;
	}

	.subnavbar input
	{
		border: 1px solid #1C45A3;
		background: transparent none repeat scroll 0 0;
		color: #000;
	}

	.subnavbar input.searchfield
	{
		width: 8em;
	}

.content
{
	margin-left: 15em;
	margin-left: 170px;
	margin-left: .5em;
}

	.content img
	{
		border: 1px solid #1C45A3;
		padding: 3px;
	}

	.content .download
	{
/*		line-height: 1.8em;*/
	}

	.content .download img, .content .icon img
	{
		border: 0;
		padding: 0;
		vertical-align:middle;
	}

	.content h2
	{
		margin-left: .3em;
	}

	.content p
	{
		padding-left: .5em;
		text-align: justify;
		text-align: left;
		padding-right: 1em;
		padding-right: .5em;
	}

	.content li
	{
		/*text-align: justify;*/
		padding-right: 1em;
	}

	.content table
	{
		/*padding-left: 1em;*/
	}

.updatedat
{
	text-align: right;
	font-size: .8em;
	margin-right: 6px;
}

.newsblock
{
	margin-top: 1em;
	margin-bottom: 1em;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
	
	padding-top: .4em;
	padding-left: .7em;
	padding-right: .7em;
	padding-bottom: .4em;
	margin-right: .5em;
/*
	border: 1px solid #CCC;
	border: 1px solid #1d43a4;
*/
	background-color: #eaeefe;
}

.news
{
/*
	margin-top: .5em;
	background-color: #eaeefe;
	background-image: url("images/block.png");
	background-repeat: no-repeat;
	padding: .3em;
*/
	padding: 0;
	margin-bottom: 1em;
}

	.news .date
	{
		font-weight: bold;
		padding: .2em;
		padding-left: .5em;
		text-shadow:1px 1px 1px #CCCCCC;
		background-color: #FFF;
		margin-top: 5px;
/*
		border: 1px solid #9F1B1B;
		border: 1px solid #CCC;
*/
		border-top: 5px solid #9F1B1B;
/*		text-align: right;*/
	}

	.news .newscontent
	{
		margin-top: 0;
		margin-bottom: 0;
		padding-left: .6em;
		background-color: transparent;
	}

	.news h2
	{
		padding-left: 0;
	}

	.news p
	{
		padding: 0;
		margin-top: .3em;
		margin-bottom: .3em;
	}

	.news ul
	{
		padding-left: 1.3em;
	}

	.newsnav
	{
		border-top: 1px dotted #CCC;
		border-top: 1px dotted #1d43a4;
		border-top: 2px dotted #FFF;
		padding: .2em;
		padding-left: .4em;
/*		background-color: #EEE;*/
	}


.newsarticle
{
	float: left;
	width: 47%;
	padding: .5em;
	margin-right: .2em;
}

	.newsarticle h2
	{
		margin-top: .4em;
	}

/* br to reset the flowing news articles */
.resetnews
{
	font-size: .1em;
	height: .1em;
	clear: both;
}

.newsoverview
{
	margin-right: 27em;
}

.newsbar
{
	float: right;
	width: 25em;
	_width: 26em;

	margin-top: 1.5em;
	margin-bottom: 1em;

/*
	background-color: #f2f6ff;
	background-image: url("images/block.png");
	background-repeat: no-repeat;
*/

	background-color: #eaeefe;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;

	padding: .3em;
}

	hr.newsdivider
	{
		border: 0;
		border-top: 1px dotted #1C45A3;
	}
	
	.newsbar h2
	{
		margin-top: .3em;
/*		padding-left: .5em;*/
/*		border-top: 2px dotted #FFF;*/
	}

.formfields p
{
	margin-top: 0;
	margin-bottom: .2em;
}

.galleryimage
{
	float: left;

	width: 140px;
	height: 170px;
	text-align: center;

	background-color: #eaeefe;
/*
	background-image: url("images/block.png");
	background-repeat: no-repeat;
*/	
	margin-left: 5px;
	_margin-left: 5px;	/* IE hack */
/*	margin-right: 15px;*/
	margin-bottom: 15px;

        -moz-border-radius-bottomleft:6px;
        -moz-border-radius-bottomright:6px;
        -moz-border-radius-topleft:6px;
        -moz-border-radius-topright:6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
/*
	border: 1px solid #CCC;
	border: 1px solid #1d43a4;
*/
}

	.galleryimage img
	{
		border: 0;
		margin: 0;
		margin-top: 15px;
		padding: 0;
	}
	
	.galleryimage p
	{
		font-size: 0.8em;
		text-align: center;
		text-shadow: #CCC 1px 1px 1px;
	}

.footer
{
	clear: both;
	margin: 0;
	height: 30px;
	_height: 32px;	/* IE hack */
	padding: .2em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: .8em;
	font-style: italic;
	background-image: url("images/footer.png");
	background-repeat: no-repeat;
}

.logo
{
	float: left;
}

.portalnav
{
	float: right;
	text-align: right;
}

.navbar
{
	clear: both;
}

.mininav
{
	border-top: 1px dotted #3f5671;
	border-bottom: 1px dotted #3f5671;
	font-size: .8em;
	font-weight: bold;
	padding: .2em;
}

table
{
	border: 0;
/*	border-collapse: collapse;*/
}

table td
{
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .1em;
	padding-bottom: .1em;
	margin: 0;
	font-size: 1em;
	_font-size: 0.8em;	/* Show only to IE. Yes, a hack... */
}

.odd td, .odd th
{
	color: #000;
	background-color: #d2daed;
	background-color: #eaeefe;
/*	color: #FFF;*/
}