/*  ..............  GENERAL INFORMATION  ... */



/*  version: v1.0

    date: august 20 2007

    fix: initial version

    author: marinus.ames@strawberries.nl

    company: strawberries

    client: IUCN

    project: international website */

/*  ..............  COLOURS  .............  */



    .main {
        color: #00386b;
    }
    
    br.clear {
    	clear: left;
    }
    
    .left {
    	float: left;
    }
    
    .right {
    	float: right;
    }


    /*blue*/

    .blue {

    }



    .blue .primary {

	    color: #00386b;

    }



    .blue .secondary {

	    color: #6698cb;

    }



    .blue .tertiary {

        color: #eff4fa;

    }

    .blue .tertiaryBg {

	    background-color: #eff4fa;

    }

    .blue .complimentary {

	    color: #33689b;

    }



    .blue .primaryBg {

	    background-color: #00386b;

    }



    /*yellow*/

    .yellow {

    }

    .yellow .primary {

	    color: #cc6600;

    }

    .yellow .secondary {

	    color: #ffcc9a;

    }

    .yellow .tertiary {

        color: #fff5eb;

    }

    .yellow .complimentary {

	    color: #e6994e;

    }
	
    .yellow .primaryBg {

	    background-color: #cc6600;

    }

    .yellow .secondaryBg {

	    background-color: #ffcc99;

    }

    .yellow .tertiaryBg {

	    background-color: #fff5eb;

    }



    /*purple*/

    .purple {

    }



    .purple .primary {

	    color: #660066;

    }



    .purple .primaryBg {

	    background-color: #660066;

    }



    .purple .tertiaryBg {

	    background-color: #faf3fa;

    }



    .purple .secondary {

	    color: #c589c5;

    }



    /*red*/

    .red {

    }



    .red .primary {

	    color: #9a3334;

    }


    .red .secondary {

	    color: #fe9a9a;

    }



    .red .tertiary {

        color: #fff5f4;

    }



    .red .complimentary {

	    color: #cc6767;

    }



    .red .primaryBg {

	    background-color: #9a3334;

    }



    .red .tertiaryBg {

	    background-color: #fff5f4;

    }



    /*green*/

    .green {

    }



    .green .primary {

	    color: #013334;

    }



    .green .secondary {

	    color: #679968;

    }



    .green .tertiary {

        color: #f0f5ef;

    }



    .green .complimentary {

	    color: #34664e;

    }


	
    .green .primaryBg {

	    background-color: #013334;

    }



    .green .tertiaryBg {

	    background-color: #f0f5ef;

    }

    /*lgreen*/

    .lgreen {

    }



    .lgreen .primary {

	    color: #006634;

    }



    .lgreen .secondary {

	    color: #98cc9b;

    }

    .lgreen .primaryBg {

	    background-color: #006634;

    }

    .lgreen .tertiaryBg {

	    background-color: #ebf5ec;

    }



/*  ..............  GLOBAL  ..............  */



html {    

    height: 100%;

}



body {

    text-align: center;

    margin: 0px;

    padding: 0px;

    height: 100%;

    font-family: Arial, Verdana;

    font-size: 12px;

    background-color: #ffffff;

}



    h1 {

        font-size: 16px;

        line-height: 16px;

        font-weight: bold;

    }



        #secondaryContent h1 {

            font-size: 14px;

            line-height: 14px;

            font-weight: bold;

        }



    p {

        font-size: 12px;

        line-height: 16px;

        color: #333333;

    }



        p.intro {

            font-size: 12px;

            line-height: 16px;

            color: #000000;

        }



    img {

	    padding: 0px;

	    margin: 0px;

	    border: none;

    }



	    .imgLeft {

		    float: left;

	    }



	    .imgRight {

		    float: right;

	    }



    a {

        font-size: 12px;

        line-height: 16px;

        text-decoration: none;

    }



		a:hover {

			color: #000000;

		}



            a.readMore:hover {

                text-decoration: underline;

            }



        p.intro a {

            color: #000000;

            border-bottom: dotted 1px #000000;

        }



            p.intro a:hover {

                color: #999999;

                border-bottom: dotted 1px #999999;

            }



#wrapper {

    margin: 0px;

    padding: 0px;

    width: 959px;

    text-align: left;

    margin-left: auto;

    margin-right: auto;

}



/*  ##############  HEADER  ##############  */



#header {

    float:left;

    width: 959px;

    padding: 0px;

    padding-top: 15px;

    margin: 0px;
    
    position: relative;

}



    #header a {

        text-decoration: none;

        border-bottom: none 0px;

    }



    #headerLogo {

	    float: left;

	    margin: 0px;

	    padding: 0px;

	    height: 90px;

	    width: 235px;

    }



        #headerLogo img {

        }



    #headerMenu {

        float: left;

        height: 19px;

        width: 717px;

	    margin: 0px;

	    padding: 0px;

	    margin-left: 7px;

	    margin-bottom: 20px;

        text-align: right;

        border-bottom: solid 1px #cccccc;

    }



        #header #languageChoice {

	        float: right;

	        height: 19px;

	        margin: 0px;

	        padding: 0px;

	        padding-right: 7px;

        }



            #header #languageChoice a {

            }



                #header #languageChoice a.selected {
					cursor: default;
                }



                #header #languageChoice a img {

                    vertical-align: top;

                }



        #header #headerNavigation {

	        float: right;

	        height: 19px;

	        margin: 0px;

	        padding: 0px;

        }



            #header #headerNavigation ul {

	            margin: 0px;

	            padding: 0px;

	            list-style-type: none;

	            text-align: left;

            }



			    #header #headerNavigation ul li {

				    float: left;

				    display: inline;

                    padding-left: 15px;

                    padding-right: 15px;

				    background: url(/images/divider-hdr-nav.gif) right top no-repeat;

			    }



				    #header #headerNavigation li a {

                        display: block;

	                    font-size: 12px;

	                    line-height: 12px;

                        color: #cccccc;

				    }



				        #header #headerNavigation li a:hover {

                            color: #000000;

                            text-decoration: underline;

				        }



            #header #headerNavigation ul li.lastItem {

                padding-right: 0px;

                background: none;

            }



		#header #search {
			position: absolute;
			top: 50px;
			right: 0;
			height: 35px;
			padding: 0px;
			margin: 0px;
		}
		
		
		#header #headerPayoff {
			clear: both;
			font-size: 9px;
			text-align: center;
			color: #01428C;
			width: 280px;
			position: absolute;
			top: 41px !important;
			left: 280px !important;
			z-index: 100;
		}



		    #header #search label {

			    float: left;

			    height: 18px;

			    font-size: 16px;

			    font-weight: bold;

			    line-height: 16px;

			    color: #00386b;

			    padding: 0px;

			    padding-top: 2px;

			    padding-right: 7px;

			    margin: 0px;

		    }



			#header #search input {

				float: left;

				height: 15px;

				width: 200px;

				padding: 2px 0px 0px 5px;

				margin: 0px;

				font-size: 11px;

				color: #666666;

				vertical-align: top;

				border-left-style: solid;

				border-left-width: 1px;

				border-left-color: #c3c3c3;

				border-right-style: solid;

				border-right-width: 1px;

				border-right-color: #c3c3c3;

				border-bottom-style: solid;

				border-bottom-width: 1px;

				border-bottom-color: #dddddd;

			}



			#header #search a {

                display: block;

                float: left;

                height: 18px;

                width: 48px;

				border: none 0px;

				text-decoration: none;

				font-size: 12px;
				
				color: #333333;

				font-weight: bold;

				margin: 0px;

				margin-left: 7px;

				padding: 0px;

				padding-top: 2px;

				padding-left: 15px;

				background: url(/images/btn-search.gif) left top no-repeat;

			}



    #header #mainNavigation {

	    float: left;

	    height: 40px;

	    width: 959px;

	    padding: 0px;

	    padding-top: 3px;

	    margin: 0px;
/*
	    margin-top: 20px;
*/
	    border: none 0px;

    }



        #header #mainNavigation ul {

            float: left;

            height: 40px;

            width: 959px;

	        margin: 0px;

	        padding: 0px;

	        list-style-type: none;

	        text-align: left;

	        border-bottom-style: solid;

	        border-bottom-width: 3px;

        }



			#header #mainNavigation ul li {

				float: left;

				height: 40px;

				display: inline;

				margin: 0px;

	            padding: 0px;

	            border-right-style: solid;

	            border-right-width: 1px;

			}



                .blue #mainNavigation {

                    border-right-color: #6698cb; /* #secondary */

                    border-bottom-color: #6698cb; /* #secondary */

                }


                .yellow #mainNavigation {

                    border-right-color: #ffcc9a; /* #secondary */

                    border-bottom-color: #ffcc9a; /* #secondary */

                }
				
				
				.red #mainNavigation {

                    border-right-color: #fe9a9a; /* #secondary */

                    border-bottom-color: #fe9a9a; /* #secondary */

                }
				
				
				.purple #mainNavigation {

                    border-right-color: #c589c5; /* #secondary */

                    border-bottom-color: #c589c5; /* #secondary */

                }
				
				
				.green #mainNavigation {

                    border-right-color: #679968; /* #secondary */

                    border-bottom-color: #679968; /* #secondary */

                }
				
				
				.lgreen #mainNavigation {

                    border-right-color: #98cc9b; /* #secondary */

                    border-bottom-color: #98cc9b; /* #secondary */

                }
                

			    #header #mainNavigation ul li.firstItem, #header #mainNavigation ul li.secondItem {

                    width: 200px;

			    }



			    #header #mainNavigation ul li.thirdItem, #header #mainNavigation ul li.lastItem {

                    width: 270px;

			    }



		        #header #mainNavigation ul li.lastItem {

                    width: 270px;

                    border: none 0px;

		        }



				#header #mainNavigation ul li a {

                    display: block;

	                font-size: 14px;

	                font-weight: bold;

	                line-height: 16px;

	                padding: 0px;

                    padding-left: 7px;

				}



			        #header #mainNavigation ul li a.selected {

                        color: #ffffff;

			        }



				    .blue #mainNavigation li a:hover {

                        color: #33689b; /* complimentary */

				    }



				    .yellow #mainNavigation li a:hover {

                        color: #e6994e; /* complimentary */

				    }



				    .red #mainNavigation li a:hover {

                        color: #cc6767; /* complimentary */

				    }



				    .purple #mainNavigation li a:hover {

                        color: #964596; /* complimentary */

				    }



				    .green #mainNavigation li a:hover {

                        color: #34664e; /* complimentary */

				    }



				    .lgreen #mainNavigation li a:hover {

                        color: #4c9a67; /* complimentary */

				    }

        #header #mainNavigation ul li.LastItem {

            background: none;

        }



/*  ##############  CONTENT  ##############  */

#content {

    float: left;

    width: 959px;

    margin: 0px;

    padding: 0px;

    padding-top: 5px;

}


		#primaryContent, #primaryContentWide {

			float: left;

			width: 407px;

			padding: 0px;

			margin: 0px;

			margin-left: 7px;

			margin-right: 7px;

		}



			#primaryContentWide {

			width: 821px;

			padding: 0px;

			margin: 0px;

			margin-left: 7px;

            margin-right: 0px;

            overflow: hidden;

}



			#primaryContent h1, #primaryContentWide h1 {
                padding-left: 5px;
                padding-bottom: 10px;
                margin-bottom: 0px;
			}


#filter {
    float: left;
    width: 821px;
    padding-top: 15px;
}
#filter h1 {
	padding-left: 5px;
	padding-right: 5px;
}
#filter form {
    margin: 0px;
    padding: 0px;
}
#filter form input.radio {
    margin: 0px;
    padding: 0px;
}
#filter form input.check {
    margin: 0px;
    padding: 0px;
}
#filter form input.list {
    margin: 0px;
    padding: 0px;
}
#filter form input.list:focus {
    background-color: #fff5eb; /* tertiary */
}
#filter form label {
    margin: 0px;
    padding: 0px;
}
#simpleFilter {
    height: 28px;
    border-top: solid 1px #cc6600;
    padding: 0px;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
}
#advancedFilter {
    padding: 0px;
    padding-left: 7px;
    padding-right: 7px;
}
.filterRow {
    height: 28px;
    padding-top: 7px;
    border-top: solid 1px #cc6600;
}
#footerFilter {
    float: left;
    
    height: 29px;

    width: 807px;

    padding: 0px;
    
    padding-top: 11px;

    padding-left: 7px;

    padding-right: 7px;

    border-top: solid 1px #cc6600;

    border-bottom: solid 3px #cc6600;
}
#filterToggler {
    float: right;
    
    height: 18px;
}
#filterToggler a#simple, #filterToggler a#advanced {
    font-size: 12px;

    line-height: 18px;

    text-decoration: underline;
    
    cursor: pointer;
}
#footerFilter #filterSearch {

    float: right;

    height: 18px;

    padding: 0px;

    margin: 0px;

}
#footerFilter #filterSearch a {

    display: block;

    float: left;

    height: 18px;

    width: 48px;

	border: none 0px;

	text-decoration: none;

	font-size: 12px;
	
	color: #333333;

	font-weight: bold;

	margin: 0px;

	margin-left: 7px;

	padding: 0px;

	padding-top: 2px;

	padding-left: 15px;

	background: url(/images/btn-search.gif) left top no-repeat;

}
#filter #footerFilter #simple {
    position: relative;
    left: 80px;
}

#filterResults {
	float: left;
	width: 821px;
	margin: 0px;
	padding: 0px;
}

    #filterResults h1 {
	    width: 814px;
	    font-size: 20px;
	    margin: 0px;
	    padding: 0px;
	    padding-top: 20px;
	    padding-left: 5px;
    }

    #filterResults p#criteria {
        font-size: 14px;
	    margin: 0px;
	    padding: 0px;
	    padding-bottom: 20px;
	    padding-left: 5px;
    }

            .contentTab {

                position: relative;

                float: left;

                height: 23px;

                width: 407px;

                padding: 0px;

                margin: 0px;

                margin-bottom: 7px;

                padding-top: 21px;

                border-bottom: solid 1px #cccccc;

            }

            #primaryContentWide .contentTab {

                width: 821px;

            }

                .tab {

                    /*position: absolute;

                    bottom: -1px;*/

                    float: left;

                    height: 22px;

                    margin: 0 5px;

                    padding: 0 10px;

                    border-top: solid 1px #cccccc;

                    border-left: solid 1px #cccccc;

                    border-right: solid 1px #cccccc;

                    border-bottom: solid 1px #ffffff;

                }



                    .tab a {

                        height: 17px;

                        font-size: 11px;

                        font-weight: normal;
						
						color: #666666;

                        line-height: 22px;

					    padding: 0px;

					    padding-top: 5px;

                        text-decoration: underline;

                        border: none 0px;

                    }

						.tab a:hover {
						
							color: #000000;
							
						}

					.tab span {
						height: 17px;
						font-size: 11px;
						line-height: 22px;
						padding-top: 5px;
					}

                    #tertiaryContent .tab a {

                        height: 17px;

                        font-size: 14px;

                        font-weight: bold;

                        line-height: 22px;

					    padding: 0px;

					    padding-top: 5px;

                        text-decoration: none;

                        border: none 0px;

                    }

						#tertiaryContent .blue .tab a:hover {
						    color: #00386b;
						}

						#tertiaryContent .yellow .tab a:hover {
						    color: #cc6600;
						}

						#tertiaryContent .purple .tab a:hover {
						    color: #660066;
						}

						#tertiaryContent .red .tab a:hover {
						    color: #9a3334;
						}

						#tertiaryContent .green .tab a:hover {
						    color: #013334;
						}

						#tertiaryContent .lgreen .tab a:hover {
						    color: #006634;
						}

                .homeTab {

                    float: left;

                    height: 22px;

                    padding: 0px;

                    margin: 0px;

                    margin-right: 5px;

                    border-top: solid 1px #cccccc;

                    border-left: solid 1px #cccccc;

                    border-right: solid 1px #cccccc;

                    border-bottom: none 0px;

                }

                    .homeTab a {

                        display: block;

                        float: left;

                        height: 17px;

                        font-size: 14px;

                        font-weight: bold;

                        line-height: 14px;

					    padding: 0px;

					    padding-top: 5px;

					    padding-left: 10px;

					    padding-right: 10px;

                        text-decoration: none;

                        border: none 0px;

                        background: #ffffff url(/images/bg-tab.gif) left bottom repeat-x;

                    }



                        .homeTab a.selected {

                            position: relative;

                            bottom: -1px;

                            background: #ffffff url(/images/bg-tab-active.gif) left bottom repeat-x;

                        }


            #primaryContent #headlines {

                float: left;

                width: 397px; /* 397 + 2 x 5 = 407px */

                margin: 0px;

                padding: 0px;

                padding-left: 5px;

                padding-right: 5px;

                padding-bottom: 7px;

            }



                #primaryContent #headlines img {

                    float: left;

                    margin: 0px;

                    width: 397px;

                    padding: 0px;

                }



                #headline {

                    float: left;

                    width: 397px;

                    padding-bottom: 7px;

                }



                #primaryContent #headlines h1 {

                    float: left;

                    width: 387px;

                    font-size: 16px;

                    line-height: 16px;

                    font-weight: bold;

                    color: #ffffff;

                    margin: 0px;

                    margin-bottom: 7px;

                    padding: 0px;

                    padding-top: 7px;

                    padding-left: 5px;

                    padding-right: 5px;

                    padding-bottom: 7px;

                }



                #primaryContent #headlines p {

                    float: left;

                    width: 387px;

                    font-size: 12px;

                    line-height: 16px;

                    margin: 0px;

                    padding: 0px;

                    padding-top: 7px;

                    padding-left: 5px;

                    padding-right: 5px;

                    padding-bottom: 7px;

                }



                #primaryContent #headline a.readMore {

                    float: left;

                    height: 16px;

                    font-size: 11px;

                    line-height: 16px;

                    padding: 0px;

                    padding-top: 7px;

                    padding-left: 5px;

                    padding-right: 10px;

                    padding-bottom: 7px;
                    
                    border: none;

                }


                #primaryContent .lgreen #headline a.readMore {

                    background: url("/images/icon-readmore-lgreen-t.gif") right center no-repeat;

                }


                #primaryContent .yellow #headline a.readMore {

                    background: url("/images/icon-readmore-yellow-t.gif") right center no-repeat;

                }



#headline .fieldStats {

	float: left;

	width: 197px;

	min-height: 20px;
	
    line-height: 20px;

    margin: 0px;

    padding: 0px;

}



#primaryContent #headline p.stats {

    width: 187px;

    font-size: 11px;

	font-weight: bold;

	color: #000000;

	line-height: 16px;

	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

}



#headlines span.labelStats {

    display: inline;

	font-size: 11px;

	line-height: 16px;

	color: #000000;

    font-weight: normal;

	margin: 0px;

	padding: 0px;

	padding-right: 5px;

}



#projectSummary {
	float: left;
    width: 397px; /* 397 + 2 x 5 = 407px */
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
}


#projectSummary h1 {

	float: left;

	width: 387px;

	font-size: 12px;

	line-height: 12px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

}



#projectSummary p {

	float: left;

	width: 387px;

	font-size: 11px;

	color: #333333;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 7px;

}

#projectSummary a {

	font-size: 11px;

	color: #333333;

    text-decoration: underline;

}

#projectSummary a:hover {

	font-size: 11px;

	color: #000000;

}

.articleTeasers {

	float: left;

	width: 397px; /* 397 + 2 x 5 = 407px */

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

}



.articleTeasers .articleTeaser {

	position: relative;

	float: left;

	width: 387px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 7px;

	border: none 0px;

	border-top: solid 1px #cccccc;

    padding-bottom: 30px;

}

.articleTeasers .articleTeaser .articleText {
	width:270px;
}


.articleTeaser {
    padding-bottom: 7px;
}


.articleTeaser img {

	float: right;

	width: 126px;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

}



#primaryContent .articleTeaser h1 {

	font-size: 12px;

	font-weight: bold;

    margin: 0px;

    padding: 0px;

	padding-left: 5px;

    padding-top: 7px;

	padding-right: 5px;

}


.articleTeaser h1 span.articleTeaserDate, .articleSummary h1 span.articleTeaserDate, .fundTeaser h1 span.articleTeaserDate {

	font-weight: normal;

	padding-right: 5px;

}



.articleTeaser p {

    font-size: 12px;

	color: #333333;

    margin: 0px;

    padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

    padding-top: 7px;

}



.articleTeaser a.readMore {

	position: absolute;

    font-size: 11px;

    left: 5px;

	bottom: 7px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 10px;

	border: none 0px;

	background: url(/images/icon-readmore-lgreen-w.gif) right center no-repeat;

}



.articleTeaserMore {

	float: left;

	width: 387px;

	margin: 0px;

	margin-top: 7px;

	margin-left: 5px;

	margin-right: 5px;

	padding: 0px;

	padding-top: 7px;

	padding-bottom: 7px;

	border-top: solid 1px #000000;

}



.articleTeaserMore a {

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	padding: 0px;

	padding-left: 15px;

	padding-right: 5px;

	background: url("/images/icon-more.gif") 5px center no-repeat;

}



.articleTeaserMore a:hover {

    text-decoration: underline;

}
.articleTeaserMore .rss {
	float: right;
}
.articleTeaserMore .rssText {
	padding-right:5px;
}

.articleTeaserMore .rss a {
	background: none;
	padding: 0px 5px 0px 0px;
} 

.articleSummaries {

	float: left;

	width: 397px; /* 397 + 2 x 5 = 407px */

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

}



.articleSummaries .articleSummary {

	position: relative;

	float: left;

	width: 387px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 14px;

	border: none 0px;

	border-top: solid 1px #cccccc;

}



.articleSummaries .articleSummary img {

	float: right;

	width: 190px;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

}



.articleSummaries .articleSummary h1 {

	font-size: 12px;

	font-weight: bold;

	line-height: 16px;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

}



.articleSummaries .articleSummary h1 span.articleSummaryDate {

	font-weight: normal;

	padding-right: 5px;

}



.articleSummaries .articleSummary p {

	font-size: 11px;

	line-height: 16px;

	color: #000000;

	padding: 0px;

}



.articleSummaries .articleSummary a.readMore {

	position: absolute;

	bottom: 7px;

	float: left;

	height: 16px;

	font-size: 11px;

	line-height: 16px;

	padding: 0px;

	padding-top: 7px;

	padding-right: 10px;

	background: url(/images/icon-readmore-green-w.gif) right center no-repeat;

}


		#secondaryContent {

			float: left;

			width: 131px;

			padding: 0px;

			margin: 0px;

		}



            #secondaryContent #secondaryContentTab {

                float: left;

                height: 23px;

                padding: 0px;

                margin: 0px;

                padding-top: 21px;

                padding-left: 7px;

            }

		#subNavigation {

			float: left;

			width: 131px;

			padding: 0px;

			padding-top: 44px;

			padding-bottom: 7px;

			margin: 0px;

		}



			#subNavigation ul {

                float: left;

                width: 131px;

				margin: 0px;

				padding: 0px;

				list-style-type: none;

				text-align: left;

				border-top: solid 1px #cccccc;

			}



				#subNavigation ul li {

					float: left;

					width: 131px;

				    margin: 0px;

				    padding: 0px;

					border: none 0px;

					border-bottom: solid 1px #cccccc;

				}



					#subNavigation li a {

						display: block;

						float: left;

						width: 117px;

						font-size: 13px;

						font-weight: bold;

						line-height: 13px;

						color: #000000;

						text-decoration: none;

						margin: 0px;

						padding: 7px 7px 7px 7px;

						border: none 0px;

					}
					

					    #subNavigation li ul li a {
					    	
						    width: 113px;

                            font-size: 12px;

                            font-weight: normal;

                            line-height: 12px;

						    padding-top: 5px;
						    padding-bottom: 2px;
						    padding-right: 0px;

					    }



                        /* blue */
					    #subNavigation li.blue a.selected {

						    color: #00386b; /* primary */

					    }



						#subNavigation li.blue a:hover {

							color: #00386b; /* primary */

						}


						#subNavigation li.blue ul li  {

							border: none 0px;

						}



						#subNavigation li.blue ul li a {

						    color: #6698cb; /* secondary */

						    background: url(/images/slct-blue.gif) 7px 7px no-repeat;

						    padding-left: 18px;

						}



						#subNavigation li.blue ul li a:hover {

							color: #00386b; /* primary */

							background: url(/images/slct-blue-active.gif) 7px 7px no-repeat;

						}



						#subNavigation li.blue ul li a.selected {

							color: #00386b; /* primary */

							background: url(/images/slct-blue-active.gif) 7px 7px no-repeat;

						}


					    #subNavigation ul li.selectedMainItemblue {

						    border-color: #00386b; /* primary */

					    }


                        /* green */
					    #subNavigation li.green a.selected {

						    color: #013334; /* primary */

					    }



						#subNavigation li.green a:hover {

							color: #013334; /* primary */

						}


						#subNavigation li.green ul li  {

							border: none 0px;

						}



						#subNavigation li.green ul li a {

						    color: #679968; /* secondary */

						    background: url(/images/slct-green.gif) 7px 7px no-repeat;

						    padding-left: 18px;

						}



						#subNavigation li.green ul li a:hover {

							color: #013334; /* primary */

							background: url(/images/slct-green-active.gif) 7px 7px no-repeat;

						}



						#subNavigation li.green ul li a.selected {

							color: #013334; /* primary */

							background: url(/images/slct-green-active.gif) 7px 7px no-repeat;

						}


					    #subNavigation ul li.selectedMainItemgreen {

						    border-color: #013334; /* primary */

					    }


                        /* red */

					    #subNavigation li.red a.selected {

						    color: #9a3334; /* primary */

					    }



						#subNavigation li.red a:hover {

							color: #9a3334; /* primary */

						}



						#subNavigation li.red ul li  {

							border: none 0px;

						}



						#subNavigation li.red ul li a {

						    color: #fe9a9a; /* secondary */

						}



						#subNavigation li.red ul li a:hover {

							color: #9a3334; /* primary */

						}


						#subNavigation li.red ul li a {

						    color: #fe9a9a; /* secondary */

						    background: url(/images/slct-red.gif) 6px 7px no-repeat;

						    /*padding-left: 18px;*/
						    
						    padding-left: 16px;

						}



						#subNavigation li.red ul li a:hover {

							color: #9a3334; /* primary */

							background: url(/images/slct-red-active.gif) 6px 7px no-repeat;

						}



						#subNavigation li.red ul li a.selected {

							color: #9a3334; /* primary */

							background: url(/images/slct-red-active.gif) 6px 7px no-repeat;

						}



					    #subNavigation ul li.selectedMainItemred {

						    border-color: #9a3334; /* primary */

					    }


                        /* purple */

					    #subNavigation li.purple a.selected {

						    color: #660066; /* primary */

					    }



						#subNavigation li.purple a:hover {

							color: #660066; /* primary */

						}



						#subNavigation li.purple ul li  {

							border: none 0px;

						}



						#subNavigation li.purple ul li a {

						    color: #c589c5; /* secondary */

						    background: url(/images/slct-purple.gif) 7px 7px no-repeat;

						    padding-left: 18px;

						}



						#subNavigation li.purple ul li a:hover {

							color: #660066; /* primary */

							background: url(/images/slct-purple-active.gif) 7px 7px no-repeat;

						}



						#subNavigation li.purple ul li a.selected {

							color: #660066; /* primary */

							background: url(/images/slct-purple-active.gif) 7px 7px no-repeat;

						}


					    #subNavigation ul li.selectedMainItempurple {

						    border-color: #660066; /* primary */

					    }


                        /* yellow */
					    #subNavigation li.yellow a.selected {

						    color: #cc6600; /* primary */

					    }



						#subNavigation li.yellow a:hover {

							color: #cc6600; /* primary */

						}


						#subNavigation li.yellow ul li  {

							border: none 0px;

						}



						#subNavigation li.yellow ul li a {

						    color: #ffcc9a; /* secondary */

						    background: url(/images/slct-yellow.gif) 7px 7px no-repeat;

						    padding-left: 18px;

						}



						#subNavigation li.yellow ul li a:hover {

							color: #cc6600; /* primary */

							background: url(/images/slct-yellow-active.gif) 7px 7px no-repeat;

						}



						#subNavigation li.yellow ul li a.selected {

							color: #cc6600; /* primary */

							background: url(/images/slct-yellow-active.gif) 7px center no-repeat;

						}


					    #subNavigation ul li.selectedMainItemyellow {

						    border-color: #cc6600; /* primary */

					    }


                        /* lgreen */
					    #subNavigation li.lgreen a.selected {

						    color: #006634; /* primary */

					    }



						#subNavigation li.lgreen a:hover {

							color: #006634; /* primary */

						}


						#subNavigation li.lgreen ul li  {

							border: none 0px;

						}



						#subNavigation li.lgreen ul li a {

						    color: #98cc9b; /* secondary */

						    background: url(/images/slct-lgreen.gif) 7px center no-repeat;

						    padding-left: 18px;

						}



						#subNavigation li.lgreen ul li a:hover {

							color: #006634; /* primary */

							background: url(/images/slct-lgreen-active.gif) 7px center no-repeat;

						}



						#subNavigation li.lgreen ul li a.selected {

							color: #006634; /* primary */

							background: url(/images/slct-lgreen-active.gif) 7px center no-repeat;

						}


					    #subNavigation ul li.selectedMainItemlgreen {

						    border-color: #006634; /* primary */

					    }


		#secondaryContent .sponsor {

			float: left;

			width: 130px;

			padding: 0px;

			padding-top: 7px;

			padding-bottom: 7px;

			margin: 0px;

			border: none 0px;

			border-right: solid 1px #cccccc;

		}



		    #secondaryContent .sponsor a {

                float: left;

                width: 130px;

                border: none 0px;

		    }



		    #secondaryContent .sponsor img {

                float: left;

                width: 130px;

		    }



		#tertiaryContent {

			float: left;

			width: 400px;

			padding: 0px;

			margin: 0px;

            overflow: hidden;
        }



/*  ##############  FOOTER  ##############  */



#footer {

    float: left;

    height: 100%;

    width: 959px;

    padding: 0px;

    margin-top: 20px;

    padding-top: 2px;

    padding-bottom: 5px;

	border-top: 1px solid #cccccc;

}



    #footer img {

	    float: right;

	    padding-right: 5px;

    }
     #footer img.rss {
     	padding-top:4px;
     }



    #footer #disclaimer {

	    float: left;

	    color: #797979;

    }



	    #footer #disclaimer p {

		    font-size: 11px;

		    color: #cccccc;

	    }



        #footer #disclaimer a {

            text-decoration: none;

            font-size: 11px;

            color: #cccccc;

            border-bottom: dotted 1px #cccccc;

        }



            #footer #disclaimer a:hover {

                color: #000000;

            }



    #footer #footerNavigation {

	    float: right;
    }



        #footer #footerNavigation a {

            text-decoration: none;

            border-bottom: none 0px;

        }



#themesList {

	float: left;

	width: 397px;

 	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

	border: none 0px;

	border-bottom: solid 1px #000000;

}



#themesList a.theme {

	float: left;

	display: block;

	height: 25px;

	width: 387px;

	font-size: 13px;

	font-weight: bold;

	line-height: 22px;

	color: #333333;

	padding: 0px;

	padding-top: 4px;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

	cursor: pointer;

	border: none 0px;

    border-top: solid 1px #cccccc;

}

#themesList a.firstTheme {

	border-top: none 0px;

}

#themesList a.hoverTheme {

	color: #000000;

    text-decoration: underline;

}

#themesList a.selectedTheme {

	float: left;

	width: 387px;

	font-size: 15px;

	line-height: 15px;

	font-weight: bold;

    color: #9a3334; /* red: primary */

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

	border-top: solid 1px #cccccc;

    background-color: #fff5f4; /* red: tertiary */

}


#themesList .themeInfo {

	float: left;

	width: 387px;

	padding-left: 5px;

	padding-right: 5px;

    background-color: #fff5f4; /* red: tertiary */

}



#themesList .themeInfo p {

	float: left;

	width: 387px;

	font-size: 11px;

	color: #000000;

	margin: 0px;

	padding: 0px;

	padding-right: 5px;

	padding-bottom: 7px;

}


#themesList .themeInfo a.readMore {

	float: left;

	height: 16px;

	font-size: 11px;

	padding: 0px;

	padding-right: 10px;

	padding-bottom: 7px;

	border: none 0px;
	
	background: url("/images/icon-readmore-red-t.gif") right 4px no-repeat;

}


p.leadinText {

	font-weight: bold;

    color: #000000;

}

p.ratingZero {

	background: url("/images/rating-0.gif") 5px center no-repeat;

}


p.ratingOne {

	background: url("/images/rating-1.gif") 5px center no-repeat;

}



p.ratingTwo {

	background: url("/images/rating-2.gif") 5px center no-repeat;

}



p.ratingThree {

	background: url("/images/rating-3.gif") 5px center no-repeat;

}



p.ratingFour {

	background: url("/images/rating-4.gif") 5px center no-repeat;

}



p.ratingFive {

	background: url("/images/rating-3.gif") 5px center no-repeat;

}



p.ratingOne span, p.ratingTwo span, p.ratingThree span, p.ratingFour span, p.ratingFive span {

}


.projects {

	float: left;

	width: 397px;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

}



.projects .project {

	float: left;

	width: 190px;

	height: 298px;

	margin: 0px;

	margin-bottom: 7px;

	padding: 0px;

}



.projects .divider, #filterResults .divider {

	float: left;

	height: 298px;

	margin: 0px;

	margin-left: 8px;

	margin-right: 8px;

	margin-bottom: 7px;

	padding: 0px;

	border: none 0px;

	border-left: solid 1px #cccccc;

	background-color: #ffffff;

}



.projects .divider span, #filterResults .divider span{

	display: none;

}



.project img {

	float: left;

	width: 190px;

}



.project h1 {

	float: left;

	width: 180px;

	font-size: 12px;

	font-weight: bold;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

}



.project p {
	
	float: left;
	
	width: 180px;
	
	font-size: 11px;

	line-height: 16px;

	color: #000000;

	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

}



.project p.stats {

	font-weight: bold;

}


.project p.summary {
	text-align: justify;
	height: 90px;
	overflow: hidden;
}


.project a.readMore {

	float: left;

	height: 16px;

    line-height: 16px;

	font-size: 11px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 10px;
	
    background: url("/images/icon-readmore-yellow-t.gif") right 10px no-repeat;

}



.fundTeasers {

	float: left;
	
	width: 821px;

	margin: 0px;

	padding: 0px;

	padding-top: 20px;

	border-bottom: solid 1px #000000;

}



.fundTeasers p {

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

}



.fundTeasers h1 {

	font-size: 16px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 7px;

}



.fundTeaser {

    position: relative;

	float: left;

	width: 811px;

	border: none 0px;

    padding: 0px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 8px;

    padding-bottom: 7px;

	margin: 0px;

    background: url(/images/divider-teaser.gif) left top no-repeat; /* purple: tertiary */

}



.fundTeaserText {

    position: relative;

	float: left;

	width: 607px; /* 407 + 190 + 5 + 5 = 607 */

	border: none 0px;

    margin: 0px;

    padding: 0px;

}



.fundTeaserText h1 {

	font-size: 14px;

	font-weight: bold;

	padding-left: 5px;

    padding-top: 7px;

	padding-right: 5px;

}



.fundTeaserText p, .fundTeaserText div {

    font-size: 12px;

	color: #333333;

	padding: 0;
	margin: 0;
}
.fundTeaserText div {
	padding-left: 5px;

	padding-right: 5px;

    padding-bottom: 30px;
}

.fundTeaser a.readMore {

	position: absolute;

    font-size: 11px;

	bottom: 7px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 10px;

	border: none 0px;

}

.blue .fundTeaser a.readMore {
    background: url("/images/icon-readmore-blue-t.gif") right 4px no-repeat;
}

.purple .fundTeaser a.readMore {
    background: url("/images/icon-readmore-purple-t.gif") right 4px no-repeat;
}

.green .fundTeaser a.readMore {
    background: url("/images/icon-readmore-green-t.gif") right 4px no-repeat;
}

.lgreen .fundTeaser a.readMore {
    background: url("/images/icon-readmore-lgreen-t.gif") right 4px no-repeat;
}

.red .fundTeaser a.readMore {
    background: url("/images/icon-readmore-red-t.gif") right 4px no-repeat;
}

.yellow .fundTeaser a.readMore {
    background: url("/images/icon-readmore-yellow-t.gif") right 4px no-repeat;
}

.fundTeaser a.readMore:hover {

    text-decoration: underline;

}

.blue .fundTeaser a.readMore:hover {
    background: url("/images/icon-readmore-blue-t.gif") right 4px no-repeat;
}

.purple .fundTeaser a.readMore:hover {
    background: url("/images/icon-readmore-purple-t.gif") right 4px no-repeat;
}

.green .fundTeaser a.readMore:hover {
    background: url("/images/icon-readmore-green-t.gif") right 4px no-repeat;
}

.lgreen .fundTeaser a.readMore:hover {
    background: url("/images/icon-readmore-lgreen-t.gif") right 4px no-repeat;
}

.red .fundTeaser a.readMore:hover {
    background: url("/images/icon-readmore-red-t.gif") right 4px no-repeat;
}

.yellow .fundTeaser a.readMore:hover {
    background: url("/images/icon-readmore-yellow-t.gif") right 4px no-repeat;
}

.fundTeaserText img {

	float: right;

	border: none 0px;

    padding-left: 5px;

}

.newsitem {

    position: relative;

	float: left;

	width: 821px;

	border: none 0px;

    padding: 0px;

    padding-top: 8px;

    padding-bottom: 7px;

	margin: 0px;

    background: url(/images/divider-teaser.gif) left top no-repeat; /* purple: tertiary */

}

.newsitem .fundTeaserText {

	width: 811px;

    background: url("/images/bg-newsitem.gif") -5px top repeat-y;

    padding-left: 5px;

    padding-right: 5px;

}



.newsitem .fundTeaserText p {
    width: 587px;
}

.newsItem .fundTeaserText img {

	float: right;

	width: 200px;

    margin: 0px;

    padding: 0px;

}



.fundStats {

	float: right;
	
	width: 180px;

	border: none 0px;

	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

}



.fundStats h1 {

	font-size: 12px;

	font-weight: bold;

    margin-bottom: 0px;

	padding-left: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

}

.fundTeaser .yellow h1 {
    color: #cc6600; /* primary */
}

.fundStats a.readMore {
    padding-left: 0px;
    padding-bottom: 7px;
}

.fundTeaser .yellow a.readMore {
    color: #cc6600; /* primary */
}

.fundTeaser .yellow ul li a {
    color: #ffcc9a; /* secondary */
}

.fundStats ul {

	margin: 0px;

	padding: 0px;

    padding-top: 7px;

	text-align: left;

	list-style-type: none;

}



.fundStats ul li {

	display: block;

	width: 180px;

	margin: 0px;

	padding: 0px;

}



.fundStats ul li a {

	width: 165px;

	font-size: 11px;

	font-weight: normal;

	padding: 0px;

	padding-left: 15px;

	text-decoration: none;

}

.blue .fundStats ul li a {
    background: url("/images/slct-blue.gif") left center no-repeat;
}

.purple .fundStats ul li a {
    background: url("/images/slct-purple.gif") left center no-repeat;
}

.green .fundStats ul li a {
    background: url("/images/slct-green.gif") left center no-repeat;
}

.lgreen .fundStats ul li a {
    background: url("/images/slct-lgreen.gif") left center no-repeat;
}

.red .fundStats ul li a {
    background: url("/images/slct-red.gif") left center no-repeat;
}

.yellow .fundStats ul li a, .fundTeaser .yellow ul li a {
    background: url("/images/slct-yellow.gif") left center no-repeat;
}

.fundStats ul li a:hover {

	text-decoration: underline;

}

.blue .fundStats ul li a:hover {
    color: #00386b; /* primary */
    background: url("/images/slct-blue-active.gif") left center no-repeat;
}

.purple .fundStats ul li a:hover {
    color: #660066; /* primary */
    background: url("/images/slct-purple-active.gif") left center no-repeat;
}

.green .fundStats ul li a:hover {
    color: #013334; /* primary */
    background: url("/images/slct-green-active.gif") left center no-repeat;
}

.lgreen .fundStats ul li a:hover {
    color: #006634; /* primary */
    background: url("/images/slct-lgreen-active.gif") left center no-repeat;
}

.red .fundStats ul li a:hover {
    color: #9a3334; /* primary */
    background: url("/images/slct-red-active.gif") left center no-repeat;
}

.yellow .fundStats ul li a:hover, .fundTeaser .yellow ul li a:hover {
    color: #cc6600; /* primary */
    background: url("/images/slct-yellow-active.gif") left center no-repeat;
}

.banner {

	float: left;
	
	width: 397px;

 	margin: 0px;

	padding: 0px;

	margin-top: 0px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 7px;

	border-bottom: solid 1px #000000;

}

.banner h1 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	padding-top:7px;
}

.banner p {
	color: #333333;
}

.banner img {
	float: right;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
}

.banner a.readMore {

	font-size: 12px;
	
	color: #000000;
	
	font-weight: bold;

	padding: 0px;

	padding-right: 10px;

	border: none 0px;
	
	background: url("/images/icon-readmore.gif") right 2px no-repeat;

}



.relatedTheme {

	float: left;
	
	width: 397px;

 	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

	margin-top: 0px;

	border-bottom: solid 1px #cccccc;

}



.relatedTheme h1 {

	float: left;
	width: 250px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 7px;

}


.relatedTheme p {

	float: left;
	width: 250px;
	color: #333333;

}


.relatedTheme img {

	float: right;
	width: 123px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}


.relatedTheme a.readMore {

	clear: both;

	float: left;

	height: 16px;

    width: 100%;

	font-size: 12px;
	
	color: #000000;
	
	font-weight: bold;

	padding: 0px;

    padding-top: 7px;

	padding-right: 10px;

	padding-bottom: 7px;

	border: none 0px;

}


.relatedFund {

	float: left;
	
	width: 397px;

 	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

	border-bottom: solid 1px #cccccc;

}



.relatedFund h1 {
	float: left;
	width: 397px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top:7px;
	padding-bottom: 7px;
}


.relatedFund p {
	float: left;
	width: 397px;
	color: #000000;
}

.relatedFundImage p {
	width: 250px;
}


.relatedFund a.readMore {

	float: left;

	height: 16px;

	font-size: 11px;

	padding: 0px;

    padding-top: 7px;

	padding-right: 10px;

	padding-bottom: 7px;

	border: none 0px;
	
	background: url("/images/icon-readmore-red-w.gif") right center no-repeat;

}

#relatedPublications {

    float: left;

	width: 397px;

 	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

	border: none 0px;

	border-top: solid 1px #cccccc;
}



#relatedPublications h1 {

	float: left;
	width: 397px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 0px;
}



#relatedPublications #list ul {

	float: left;
	width: 397px;
	padding: 0px;
	margin: 0px;
	padding-top: 7px;
	list-style-type: none;

}

#relatedPublications #list ul li {

	float: left;
	width: 397px;
	padding: 0px;

}

#relatedPublications #list ul li a {

	display: block;
	
	width: 387px;
	
	font-size: 11px;

	font-weight: normal;
	
	color: #333333;

	line-height: 16px;

	padding: 0px;
	
	padding-left: 10px;

	text-decoration: none;

}



.yellow #list ul li a {

    background: url("/images/slct-yellow.gif") left 5px no-repeat;

}



.purple #list ul li a {

    background: url("/images/slct-purple.gif") left 5px no-repeat;

}



.red #list ul li a {
    background: url("/images/slct-red.gif") left 5px no-repeat;
}

.lgreen #list ul li a {
    background: url("/images/slct-lgreen.gif") left 5px no-repeat;
}
.green #list ul li a {
    background: url("/images/slct-green.gif") left 5px no-repeat;
}
.blue #list ul li a {
    background: url("/images/slct-blue.gif") left 5px no-repeat;
}


#relatedPublications #list ul li a:hover {

	text-decoration: underline;

}



.listNavigation {

    position: relative;

    top: 7px;

    float: left;

    width: 807px;

    margin: 0px;

    padding: 0px;

    padding-top: 7px;

	padding-left: 5px;

}



	.listNavigation ul {

		margin: 0px;

		padding: 0px;

		list-style-type: none;

		text-align: left;

	}



		.listNavigation ul li {

			float: left;

			display: inline;

			line-height: 11px;

			padding: 0px;

			padding-left: 5px;

			padding-right: 8px;

			background: url(/images/divider-listnavigation.gif) right 2px no-repeat;

		}



			.listNavigation li a {

				display: block;

				font-size: 13px;

				color: #666666;

				text-decoration: none;

                padding-left: 2px;

			}



				.listNavigation li a:hover {

					font-weight: bold;

				}



				.listNavigation li.selected {

					font-size: 13px;

					font-weight: bold;

                    padding-top: 3px;

                    padding-left: 8px;

				}



				    .blue .listNavigation li.selected {

					    color: #00386b; /* blue */

				    }



				    .yellow .listNavigation li.selected {

					    color: #cc6600; /* yellow */

				    }



				    .lgreen .listNavigation li.selected {

					    color: #006634; /* lgreen */

				    }



				.listNavigation ul li.firstItem {

					padding-left: 10px;

					padding-right: 5px;

					background: url(/images/btn-previous.gif) left center no-repeat;

				}



				.listNavigation ul li.lastItem {

					margin-left: -5px;

					padding-right: 10px;

					background: #ffffff url(/images/btn-next.gif) right center no-repeat;

				}

				    .listNavigation ul li.firstItem a, .listNavigation ul li.lastItem a {
                        color: #666666;
				    }

				        .listNavigation ul li.firstItem a:hover, .listNavigation ul li.lastItem a:hover {
                            font-weight: normal;
                            text-decoration: underline;
				        }

/*  ..............  SITEMAP  .............  */

		#sitemap {
            padding-left: 5px;
		}

            .sitemapColumn {
			    float: left;
			    width: 250px;
			    padding: 0px;
			    padding-top: 15px;
			    padding-right: 20px;
			    margin: 0px;
			    overflow: hidden;
            }

                .sitemapColumn h1 {
					float: left;
					width: 250px;
					margin: 0px;
					padding: 0px;
					padding-top: 7px;
					padding-bottom: 7px;
					border: none 0px;
                }

                .sitemapColumn h1 a {
					font-size: 13px;
					font-weight: bold;
					line-height: 15px;
					color: #000000;
					margin: 0px;
					padding: 0px;
					padding-top: 7px;
					padding-bottom: 7px;
                    text-decoration: none;
                }

                .sitemapItem {
                }

            #sitemap .blue, #sitemap .green, #sitemap .lgreen, #sitemap .purple, #sitemap .red, #sitemap .yellow {
                float: left;
                width: 250px;
            }

			#sitemap ul {
                float: left;
                width: 250px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				text-align: left;
			}

				#sitemap ul li {
					float: left;
					width: 131px;
					border: none 0px;
				}

					#sitemap li a {
						display: block;
						float: left;
						width: 250px;
						font-size: 12px;
						font-weight: bold;
						line-height: 15px;
						color: #000000;
						text-decoration: none;
						margin: 0px;
						padding: 0px;
						padding-left: 22px;
						padding-top: 7px;
						padding-bottom: 7px;
						border: none 0px;
					}

				    #sitemap li ul li {
                        padding-left: 15px;
				    }

					    #sitemap li ul li a {
						    font-size: 12px;
						    font-weight: normal;
						    line-height: 15px;
						    margin: 0px;
						    padding: 0px;
						    padding-top: 7px;
						    padding-left: 22px;
						    padding-bottom: 7px;
						}

                        /* blue */
					    #sitemap .blue h1.primary a {
						    color: #00386b; /* primary */
					    }

					    #sitemap .blue li a {
						    color: #00386b; /* primary */
						    background: url(/images/slct-blue-active.gif) left center no-repeat;
					    }

						#sitemap .blue li a:hover {
							color: #6698cb; /* secondary */
						    background: url(/images/slct-blue.gif) left center no-repeat;
						}

						#sitemap .blue li ul li a {
						    color: #00386b; /* primary */
						    background: url(/images/icon-readmore-blue-w.gif) 7px center no-repeat;
						}

						#sitemap .blue li ul li a:hover {
							color: #6698cb; /* secondary */
							background: url(/images/icon-readmore-blue-w-s.gif) 7px center no-repeat;
						}



                        /* green */
					    #sitemap .green h1.primary a {
						    color: #013334; /* primary */
					    }

					    #sitemap .green li a {
						    color: #013334; /* primary */
						    background: url(/images/slct-green-active.gif) left center no-repeat;
					    }

						#sitemap .green li a:hover {
							color: #679968; /* secondary */
						    background: url(/images/slct-green.gif) left center no-repeat;
						}

						#sitemap .green li ul li a {
						    color: #013334; /* primary */
						    background: url(/images/icon-readmore-green-w.gif) 7px center no-repeat;
						}

						#sitemap .green li ul li a:hover {
							color: #679968; /* secondary */
							background: url(/images/icon-readmore-green-w-s.gif) 7px center no-repeat;
						}



                        /* red */
					    #sitemap .red h1.primary a {
						    color: #9a3334; /* primary */
					    }

					    #sitemap .red li a {
						    color: #9a3334; /* primary */
						    background: url(/images/slct-red-active.gif) left center no-repeat;
					    }

						#sitemap .red li a:hover {
							color: #fe9a9a; /* secondary */
						    background: url(/images/slct-red.gif) left center no-repeat;
						}

						#sitemap .red li ul li a {
						    color: #9a3334; /* primary */
						    background: url(/images/icon-readmore-red-w.gif) 7px center no-repeat;
						}

						#sitemap .red li ul li a:hover {
							color: #fe9a9a; /* secondary */
							background: url(/images/icon-readmore-red-w-s.gif) 7px center no-repeat;
						}



                        /* purple */
					    #sitemap .purple h1.primary a {
						    color: #660066; /* primary */
					    }

					    #sitemap .purple li a {
						    color: #660066; /* primary */
						    background: url(/images/slct-purple-active.gif) left center no-repeat;
					    }

						#sitemap .purple li a:hover {
							color: #c589c5; /* secondary */
						    background: url(/images/slct-purple.gif) left center no-repeat;
						}

						#sitemap .purple li ul li a {
						    color: #660066; /* primary */
						    background: url(/images/icon-readmore-purple-w.gif) 7px center no-repeat;
						}

						#sitemap .purple li ul li a:hover {
							color: #c589c5; /* secondary */
							background: url(/images/icon-readmore-purple-w-s.gif) 7px center no-repeat;
						}



                        /* yellow */
					    #sitemap .yellow h1.primary a {
						    color: #cc6600; /* primary */
					    }

					    #sitemap .yellow li a {
						    color: #cc6600; /* primary */
						    background: url(/images/slct-yellow-active.gif) left center no-repeat;
					    }

						#sitemap .yellow li a:hover {
							color: #ffcc9a; /* secondary */
						    background: url(/images/slct-yellow.gif) left center no-repeat;
						}

						#sitemap .yellow li ul li a {
						    color: #cc6600; /* primary */
						    background: url(/images/icon-readmore-yellow-w.gif) 7px center no-repeat;
						}

						#sitemap .yellow li ul li a:hover {
							color: #ffcc9a; /* secondary */
							background: url(/images/icon-readmore-yellow-w-s.gif) 7px center no-repeat;
						}


                        /* lgreen */
					    #sitemap .lgreen h1.primary a {
						    color: #006634; /* primary */
					    }

					    #sitemap .lgreen li a {
						    color: #006634; /* primary */
						    background: url(/images/slct-lgreen-active.gif) left center no-repeat;
					    }

						#sitemap .lgreen li a:hover {
							color: #98cc9b; /* secondary */
						    background: url(/images/slct-lgreen.gif) left center no-repeat;
						}

						#sitemap .lgreen li ul li a {
						    color: #98cc9b; /* primary */
						    background: url(/images/icon-readmore-lgreen-w.gif) 7px center no-repeat;
						}

						#sitemap .lgreen li ul li a:hover {
							color: #98cc9b; /* secondary */
							background: url(/images/icon-readmore-lgreen-w-s.gif) 7px center no-repeat;
						}

.searchresults {

	float: left;
	
	width: 821px;

	margin: 0px;

	padding: 0px;

	padding-top: 20px;

	border-bottom: solid 1px #000000;

}



.searchresults #searchcount {

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	margin: 0px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 7px;

	padding-bottom: 7px;

}



.searchresults h1 {

	font-size: 16px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	padding-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 7px;

}



.searchresult {

    position: relative;

	float: left;

	width: 811px;

	border: none 0px;

    padding: 0px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 8px;

	margin: 0px;

    margin-bottom: 7px;

    background: url(/images/divider-teaser-repeater.gif) left top repeat-x;

}



.searchresult h2 {

	font-size: 14px;

	font-weight: bold;

	padding-left: 5px;

    padding-top: 7px;

	padding-right: 5px;

}



.searchresult p {

    font-size: 12px;

	color: #333333;

	padding-left: 5px;

	padding-right: 5px;

    padding-bottom: 20px;

}



.searchresult a.readMore {

	position: absolute;

    font-size: 11px;

	bottom: 7px;

	padding: 0px;

	padding-left: 5px;

	padding-right: 10px;

	border: none 0px;

}

.blue .searchresult a.readMore {
    background: url("/images/icon-readmore-blue-t.gif") right 4px no-repeat;
}

.purple .searchresult a.readMore {
    background: url("/images/icon-readmore-purple-t.gif") right 4px no-repeat;
}

.green .searchresult a.readMore {
    background: url("/images/icon-readmore-green-t.gif") right 4px no-repeat;
}

.lgreen .searchresult a.readMore {
    background: url("/images/icon-readmore-lgreen-t.gif") right 4px no-repeat;
}

.red .searchresult a.readMore {
    background: url("/images/icon-readmore-red-t.gif") right 4px no-repeat;
}

.yellow .searchresult a.readMore {
    background: url("/images/icon-readmore-yellow-t.gif") right 4px no-repeat;
}

.searchresult a.readMore:hover {

    text-decoration: underline;

}

.blue .searchresult a.readMore:hover {
    background: url("/images/icon-readmore-blue-t.gif") right 4px no-repeat;
}

.purple .searchresult a.readMore:hover {
    background: url("/images/icon-readmore-purple-t.gif") right 4px no-repeat;
}

.green .searchresult a.readMore:hover {
    background: url("/images/icon-readmore-green-t.gif") right 4px no-repeat;
}

.lgreen .searchresult a.readMore:hover {
    background: url("/images/icon-readmore-lgreen-t.gif") right 4px no-repeat;
}

.red .searchresult a.readMore:hover {
    background: url("/images/icon-readmore-red-t.gif") right 4px no-repeat;
}

.yellow .searchresult a.readMore:hover {
    background: url("/images/icon-readmore-yellow-t.gif") right 4px no-repeat;
}

#article {

    float: left;

    width: 397px; /* 397 + 2 x 5 = 407px */

    margin: 0px;

    padding: 0px;

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 7px;

}

    #article h1 {

        float: left;

        width: 387px;

        font-size: 20px;

        line-height: 20px;

        font-weight: normal;

        margin: 0px;

        padding: 0px;

        padding-top: 7px;

        padding-left: 5px;

        padding-right: 5px;

        padding-bottom: 7px;

    }

    #article #introduction,
    #projectsLeft #introduction{

        font-size: 12px;

        line-height: 16px;

	    font-weight: bold;

        color: #000000;

        margin: 0px;

        padding: 0px;

        padding-top: 7px;

        padding-left: 5px;

        padding-right: 5px;

}

    #article #mainText p {

        font-size: 12px;

        line-height: 16px;

	    font-weight: normal;

        color: #333333;

        margin: 0px;

        margin-top: 7px;

        padding: 0px;

        padding-left: 5px;

        padding-right: 5px;

}

    #article #mainText a, #article #introduction a, #headlines a, #headlines_int a {

        color: #333333;

        border-bottom: dotted 1px #333333;

    }



    #article #mainText a:hover {

			color: #000000;

			border-bottom: dotted 1px #000000;

		}



    #article #mainText img {

        float: right;

        margin-top: 10px;
        
}

#filterResults {
}

    #filterResults .projectsearch {

        float: left;

        height: 220px;

        width: 392px;

        margin: 0px;

        padding: 0px;

        padding-left: 5px;

        padding-right: 5px;

        padding-bottom: 7px;

        overflow: hidden;

    }

    #filterResults .divider {

        height: 220px;

    }
    
.javascriptwarning {
	padding: 15px 0; font-weight:bold; background-color: #DD0000; color: white;
}




/* FORM BUILDER */

#formBuilderChangable{
	float: left;
	margin-left: 5px;	
	width: 100%;
}
	
#formBuilderContainer .element{
	float: left;
	width: 100%;	
	padding: 5px 0px 5px 0px;
}

#formBuilderContainer .element .error{
	float: left;
	width: 150px;	
	color: red;
	margin-left: 10px;
	background-color: #EFF4FA;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 5px;
}

#field_address_1_huisnrextra{
	margin-right: 55px;
	}
	
#formBuilderContainer .element label{
	font-weight: bold;
	font-size: 13px;
	float: left;
	width: 190px;
	line-height: 20px;
}
#formBuilderContainer .element textarea,
#formBuilderContainer .element .inputText{
	width: 210px;
	border: 1px solid #888888;	
	float: left;
}

#formBuilderContainer .element select{
	width: 210px;
	}

#formBuilderContainer .element button{
	float: left;
	margin-top: -2px;
	margin-left: 5px;
}
#formBuilderContainer .element .checkBox{
	float: left;
	margin-right: 180px;
}

#formBuilderContainer .element_date .inputText{
	float: left;
}
#formBuilderContainer .element .fields{
	float: left;
		
}
#formBuilderContainer .element .fieldRow{
	float: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 100%;
}
#formBuilderContainer .radio_group{
	float: left;
	width: 190px;
	margin-right: 20px;
	}
#formBuilderContainer .element_date .inputText {
	width: 180px;	
}
#formBuilderContainer .element_address{
	border: 0px;
	margin-bottom: -5px;
	}
#formBuilderContainer .element_submit{
	border: 0px;	
}
#formBuilderContainer .element_submit input{
	border: 1px solid #888888;
	background-color: #ffffff;
	font-weight: bold;
	float: left;
	margin-left: 5px;

}

#siteRootId {
	display: none;
}

#projectsRight {
	width: 132px;
	float: right;
	border-top: 3px solid #CC6601;
	color: #CC6601;
}

#projectsLeft {
	float: left;
	width:673px;
}

#projectsLeft #introduction {
	margin-bottom: 10px;
	float: left;
}

#projectsLeft a,
#projectsRight a,
#projectList a {
	color: #CC6601;
}

#projectList .listNavigation {
	width: auto;
}

#projectList .topPaging .listNavigation {
	padding:0 0 7px 5px;
}

#projectMap {
	height:443px;
	width:673px;
	border-top: 2px solid #CC6601;
	border-bottom: 2px solid #CC6601;
}

#projectsRight .checklist {
	border: 0px none;
}

#projectsRight .checklist li {
	margin: 2px 0 2px 0;
	cursor: pointer;
}
#projectsRight .checklist li span{
	cursor: pointer;
}

#projectsRight .checklist li.hover {
	text-decoration: underline;
}
#projectsRight .dateBetween {
	display: block;
	text-align: center;
}

#projectsRight .header {
	font-size: 12px;
	font-weight: bold; 
}

#projectsRight .facet,
#searchResultSummery {
	padding: 5px 0 5px 0;
	border-bottom: #DDDDDD 1px solid;
}

#searchResultSummery #searchTerms li {
	cursor: default;
}

#searchResultSummery #searchTerms li span {
	cursor: pointer;
}

#projectsRight select {
	width: 100px;
}

#projectList {
	float:left;
	width:673px;
	margin-top:20px;
	
}

#projectMap .projectPopUp {
	width: 332px;
	height: 250px;
	margin-bottom: 25px;
	overflow: auto;
}

#projectMap .projectPopUp img.markerWidth {
	width: 315px;
	height: 1px;
}

#projectMap .projectCollectionMarker .title {
	padding:3px;
	width: 309px;
}

#projectMap .projectCollectionMarker a {
	display:block;
	float:left;
	font-weight:normal;
	width:295px;
}

#projectMap .projectCollectionMarker a:hover {
	text-decoration: underline;
}

#projectMap .projectCollectionMarker .second {
	background-color: #FFF0E1;
}
#projectMap .projectCollectionMarker .number {
	float:left;
	font-weight:normal;
}

#resultsFieldEntry .projectPopUp {
	margin-bottom: 15px;
	background-color: #FFF5EB;
	padding: 10px;
	
}

.projectPopUp .title {
	color: #CC6601;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
}

.projectPopUp .label {
	font-weight: bold;
}

.projectPopUp .projectIcon {
	float: right;
}

.gMapsMarkerTooltip {
	background-color: #FFF5EB;
	border:1px solid #CC6601;
	color: #CC6601;
	padding: 3px;
}

.projectLegend {
	border-top: 2px solid #CC6601;
	float: left;
	width:100%;
}

.projectLegend strong {
	float: left;
	color:#007FBF;
	margin-top: 7px;
}

.projectLegend p {
	width: 49%;
	float: left;
	margin:4px 0 0 0;
}


.projectLegend tr td {
	vertical-align: middle;
}

.projectLegend tr td.text {
	width: 175px;
}

#resultsFieldEntry .hidden {
	display: none;
	visibility: hidden;
}

#searchResultSummery #reset {
	float: right;
	cursor: pointer;
}

#searchResultSummery {
	background-color: #FFF5EB;
}

#searchResultSummery #searchSummery {
	color: #6B6B6B;
}
#searchResultSummery #searchTerms {
	color: #000000;
	background: none;
}

#searchResultSummery #searchTerms li span {
	color: #D47E28;
}


/* CARROUSEL */

.carrousel {
	width: 400px;
	height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
}

.carrousel .carrousel_image {
	border: 0;
	width: 400px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
}

.carrousel_content {
	background: #00386b;
	color: #fff;
	width: 390px;
	height: 30px;
	position: absolute;
	top: 250px;
	left: 0;
	text-align: center;
	padding: 10px 5px;
}

.nav_button {
	width: 10px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
}