body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #3E4D57; font-size: 11px; line-height: 17px; padding: 0 0 12px 0; background: #707f85;}
* {margin: 0; padding: 0;}
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px;}


a {color: #666666; text-decoration: none; -moz-outline-style: none;}
a:hover {text-decoration: underline;}

strong {font-weight: bold;}

.templ1 .columnLeft a, .columnRight a {color: #3E4D57; text-decoration: none; text-decoration: underline; -moz-outline-style: none;}
.templ1 .columnLeft a:hover, .columnRight a:hover {text-decoration: underline; background: #3E4D57; color: #ffffff;}

.headerMid a {color: #ffffff; text-decoration: none; font-size: 24px;}

.templ1 .columnLeft ul, .templ1 .columnLeft ol {clear: both; /*margin: 0 0 1em 2em;*/ padding: 0 0 0 20px; list-style-type:square; list-style-position: outside;}
p {padding: 0 0 0.5em 0;}

h1 {font-size: 24px; font-weight: bold; margin: 0 0 0.5em 0; padding: 0;}
	.columnRight h1 {color: #ffffff; font-weight: normal;}
h2 {font-size: 14px; font-weight: bold; margin: 0 0 0.5em 0; padding: 0;}
	.headerRight h2 {font-weight: normal;}
h3 {font-size: 12px; font-weight: bold; margin: 0; padding:	0;}




#ctrRoot {width: 1155px; padding: 0; margin: 0 auto; margin-top: 45px; text-align: left; background: white url('../media/bg_root.gif') repeat-y; overflow: hidden;}
	#ctrHeader {float: left; width: 1051px; padding: 0 59px 0 45px; overflow: hidden; background: url('../media/bg_header.gif') no-repeat;}
		.logo {float: right; padding: 45px 0 20px 0;}
	#ctrMenu {float: left; width: 1051px; height: 45px; padding: 0 59px 0 45px;}
	#ctrContent {float: left; position: relative; width: 1051px; height: 488px; padding: 0;}
		.wrapContent {position: absolute; z-index: 5; width: 1051px; height: 488px; padding: 0 59px 0 45px;}
		
			.templ1 .columnLeft {float: left; position: relative; width: 180px; height: 423px; padding: 55px 10px 10px 10px; background: #707f85;}
			.templ1 .columnMid {float: left; position: relative; width: 351px; height: 488px; padding: 0; background: white; overflow: hidden;}
			.templ1 .columnRight {float: left; position: relative; width: 480px; height: 423px; padding: 55px 10px 10px 10px; background: #bfc5c8; overflow: hidden;}
			.templ1 .columnAlpha {position: absolute; z-index: 10; left: 506px; width: 90px; height: 488px; background: url('../media/opac_gray.png') repeat;}
		
		.templ1 .wrapContentHeader {position: absolute; z-index: 15; width: 1141px; height: 45px; background: url('../media/opac_green.png') repeat;}
			.templ1 .headerMid {float: left; width: 70px; margin-left: 506px; padding: 15px 10px 0 10px; color: #ffffff;}
			.templ1 .headerRight {float: left; width: 480px; padding: 15px 10px 0 10px; color: #ffffff;}
			

						
			.templ2 .columnLeft {float: left; position: relative; width: 180px; height: 423px; padding: 55px 10px 10px 10px; background: #7dc16d;}
			.templ2 .columnMid {float: left; position: relative; width: 231px; height: 423px; padding: 55px 10px 10px 10px; background: #78aa75;}
			.templ2 .columnRight {float: left; position: relative; width: 600px; height: 488px; padding: 0; background: #bfc5c8;}
			.templ2 .columnAlpha {position: absolute; z-index: 10; left: 496px; width: 90px; height: 488px; background: url('../media/opac_gray.png') repeat;}			
		
		.templ2 .wrapContentHeader {position: absolute; z-index: 15; width: 1141px; height: 45px; background: url('../media/opac_green.png') repeat;}
			.templ2 .headerMid {float: left; width: 70px; margin-left: 496px; padding: 13px 10px 0 10px; color: #ffffff;}
			.templ2 .headerRight {float: left; width: 480px; padding: 15px 10px 0 10px; color: #ffffff;}

	#ctrFooter {float: left; width: 1051px; height: 29px; padding: 15px 59px 15px 45px; color: #999999; text-align: right; font-size: 10px; background: url('../media/bg_footer.gif') no-repeat;}




		/*** MENU SKIN ***/
		.sf-menu a {color: #747E84;}
		/*.sf-menu a, .sf-menu a:visited {color: #fff;}*/ /* visited pseudo selector so IE6 applies text colour*/
		
		.sf-menu li {/*background: #BDD2FF;*/}
		
/* ! */	.sf-menu li li {background: #a1b400;}
/* ! */	.sf-menu li ul {background: url('../../media/bg_menu_regenboog_botcorner210.png') no-repeat bottom;}
		
		/*.sf-menu li li li {background: #9AAEDB;}*/
		
		.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current a
		{color: #4A8839;}
		.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.current
/* ! */	{background: #d8e768; color: #000;}
		
		/*** ARROWS **/
		.sf-sub-indicator {background: url('../../media/arrows_white.png') no-repeat;} /* 8-bit indexed alpha png. IE6 gets solid image only */
		a > .sf-sub-indicator {background-position: -10px -100px;} /* give all except IE6 the correct values */
		
		/* apply hovers to modern browsers */
		a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
		{background: url('../../media/arrows_white.png') no-repeat -10px -100px;} /* arrow hovers for modern browsers*/
		
		/* point right for anchors in subs */
		.sf-menu ul .sf-sub-indicator {background-position: -10px 0;}
		.sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}
		/* apply hovers to modern browsers */
		.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
		{background: url('../../media/arrows_black.png') no-repeat;} /* arrow hovers for modern browsers*/



/* root element for scrollable */
.scrollable {position: relative; overflow: hidden; height: 350px; width: 231px;}

.scrollable .items {position: absolute; height: 20000em; margin-bottom: 10px;}
.scrollable .items div {text-align: left; width: 231px; padding: 5px 0px;}
.scrollable .items .active {}


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {float: left; display: block; width: 13px; height: 15px; background: url(../media/arrow_up.png) no-repeat; margin: 10px 10px; cursor: pointer;}

/* mouseover state */
/*a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position: 0px -18px;}*/

/* disabled navigational button */
a.disabled {visibility: hidden !important;}

/* next button uses another background image */
a.next, a.nextPage {background-image: url(../media/arrow_down.png); clear: right;}





/*** SIDEMENU LAYOUT ***/
.sidemenu {float: left; display: block; width: 180px;}
.sidemenu ul {display: block; list-style-type: none; margin: 0; padding: 0;}
.sidemenu ul li {}

.sidemenu li a {display: block; padding: 10px 0; text-decoration: none; font-size: 16px;}

.sidemenu ul li a {display: block; padding: 0; text-decoration: none; font-weight: normal; font-size: 11px;}


		/*** SIDEMENU STYLES ***/
		.sidemenu li a {}
/* ! */	.sidemenu li a:hover, .sidemenu ul li a:hover, .sidemenu ul li.current, .sidemenu li.current, .sidemenu ul li.current a {color: #ffffff;}
		.sidemenu ul li a {background-image: none;}
		.sidemenu ul li a:visited {}
/* ! */	.sidemenu li li {}

/* --- SOCIAL --- */
#social {
	float: right;
	margin-right: 60px;
}
.twitter, .linkedin, .flickr {
	float: left;
	margin-left: 15px;
}
.twitter {
}
.linkedin {
}
.flickr {
}
.rssemail {
	margin: -41px 0px 0px 900px;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */