/*

1.2em = 12pt, 3.5em = 35pt, etc.

*/



body		{  	

		margin: 0;

        padding: 0;

		background-color: #cedde5;

		

		color: #000000;

		font-size: 62.5%;				

		}

                         	

h1		{  

		font-family: verdana, arial, helvetica, sans-serif;

		font-size: 2.0em;

		color: #000000;

		margin: 20px 0 5px 0;

		}



h2		{

		font-family: verdana, arial, helvetica, sans-serif;

		font-size: 1.6em;

		color: #000000;

		margin: 24px 0 5px 0;		

		}



h3		{

		font-family: verdana, arial, helvetica, sans-serif;

		font-size: 1.6em;  			

		}



h4		{

		font-family: verdana, arial, helvetica, sans-serif;

		font-size: 1.4em;  			

		}



p		{

		font-family: verdana, arial, helvetica, sans-serif;

		font-size: 1.2em; 

		line-height: 1.8em;

		margin: 0 0 10px 4px;		

		}



		

#topmenu  ul {

	margin: 0 30px 0 0;

	padding: 0;

	}

#topmenu li {

	list-style-type: none;

	float: right;

	margin-left: -1px;

	}

#topmenu a {

	display: block;

	font-size: 16px;

	font-family: "Myriad Pro", Verdana, sans-serif;

	padding: 0 20px 0 20px;

	height: 25px;

	line-height: 25px;

	border-left: #c5dde8 solid 1px;

	border-right: #c5dde8 solid 1px;

	text-decoration: none;

	color: #3c728c;

	font-weight: bold;

	}

	

		



		
#credits {
	width: 800px;
	margin: 0 auto;
	  font-size: 1.1em; 

		font-family: verdana, sans-serif;

		text-align: left; 	

		padding-top: 55px;

		padding-left: 200px;

		padding-bottom: 25px;

	color: #383838;
	 
	}

#credits a.text {
	text-decoration: none;
	}
		
#credits a:link.text, #credits a:visited.text, #credits a:active.text {
	color: #383838; 
	border: none;
	}
	
#credits a:hover.text {
	color: #000;
	border-bottom: #000 solid 1px;
	}
	
#credits img {
	vertical-align: middle;
	margin: 0 3px 0 3px;
	}
				
				



#generalinformation .toparea {

	background-image: url(images/background-general.jpg); 

	background-repeat: repeat-x; 

	background-position: center top;

	}

#generalinformation .logo {

	background-image: url(images/logo-general.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

#generalinformation .slogan {

	background-image: url(images/slogan-general.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

				

				

#productsandservices .toparea {

	background-image: url(images/background-productsandservices.jpg); 

	background-repeat: repeat-x; 

	background-position: center top;

	}

#productsandservices .logo {

	background-image: url(images/logo-productsandservices.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

#productsandservices .slogan {

	background-image: url(images/slogan-productsandservices.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

				

			

				

#youthresearch .toparea {

	background-image: url(images/background-youthresearch.jpg); 

	background-repeat: repeat-x; 

	background-position: center top;

	}

#youthresearch .logo {

	background-image: url(images/logo-youthresearch.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

#youthresearch .slogan {

	background-image: url(images/slogan-youthresearch.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

				

			

				

#programs .toparea {

	background-image: url(images/background-programs.jpg); 

	background-repeat: repeat-x; 

	background-position: center top;

	}

#programs .logo {

	background-image: url(images/logo-programs.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}

#programs .slogan {

	background-image: url(images/slogan-programs.jpg); 

	background-repeat: no-repeat;

	background-position: left top;

	}