/*.. 	Reset	.................................................................. */	
  
  

   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,footer,section,aside { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}



/*..	Defaults	.................................................................. */


		body 	
			{
			font-family:  Arial, sans-serif;
			font-size:  12px;
			line-height: 20px;
			color: #333;
			background: #FFF url('../images/background.gif') 0px 0px repeat-x;
	     	}
	     	
		a,
      	a:link,
      	a:active,
      	a:visited
      		{
      		color: #195899;
      		text-decoration: underline;
      		}
      				
      	a:hover
      		{
      		text-decoration: none;
      		}     	
	     	
	     	
/*..	Header	.................................................................. */	     	
	    
		#header
			{
			background: transparent url('../images/header.jpg') 0px 0px no-repeat;
			height: 145px;
			margin: 0px 0px -10px 0px;
			}
	     	
	     h1
	     	{
	     	display: block;
	     	width: 110px;
	     	height: 97px;
	     	background: #FFF url('../images/logo.gif') top left no-repeat;
			float: left;
			margin: 45px 45px 0px 45px;
			_margin: 45px 45px 0px 22px;
	     	}
	     	
	     h1 a,
	     h1 a:link,
	     h1 a:active,
	     h1 a:visited
	     	{
	     	display: block;
	     	width: 110px;
	     	height: 97px;	     	
	     	text-indent: -999px;
	     	overflow: hidden;
	     	}
	
		
		#header ul li
			{
			float: left;
			text-transform: uppercase;
			display: block;
			}
			
		#header ul li#languages,
		#header ul li#languages strong
			{
			font-size: 10px !important;
			font-weight: normal !important;
			color: #99aeca !important;
			line-height: 15px;
			padding-top: 3px;
			}			
			
		#header ul li strong
			{
			display: block;
			}			
		
		#header ul li a,
		#header ul li a:link,
		#header ul li a:active,
		#header ul li a:visited,
		#header ul li a:hover
			{
			display: block;
			padding: 55px 75px 5px 15px;
			color: #FFF;
			text-decoration: none;
			background: transparent url('../images/separator.gif') bottom left no-repeat;
			}

		#header ul li a:hover strong 
			{
			color: #bf9c3d !important;
			}
			
		#header em
			{
			font-weight: normal !important;
			} 
		
		#header strong
			{
			font-weight: bold;
			}
			
		#header em strong
			{
			color: #bf9c3d;			
			}
		
		
		
/*..	Content	.................................................................. */

		#section
			{
			clear: left;
			display: block;
			margin: 0px 0px 20px 210px;
			width: 735px;
			position: relative;
			}	     	

	     #section h2
	     	{
	     	font-size: 14px;
			text-transform: uppercase;
			color: #195899;
			margin: 20px auto;
	     	}
		
		#section h2.first
			{
			margin-top: 0px;
			}
			
     	#section h3
	     	{
	     	font-size: 14px;
			color: #195899;
			margin: 15px auto;
			font-weight:bold;
			color: #bf9c3d;
	     	}			
	     
		#section p
			{
			margin: 0px 0px 15px 0px;
			text-align: justify;
			}
		
		#section #article
			{
			float:left;
			width: 345px;
			min-height: 210px;
			height:auto !important;
  			height:210px;			
			}
			
		#section div.floater
			{
			float: left;
			}
		#section div.first
			{
			margin-right: 65px;
			}
		
		h2.separator
			{
			clear: both;
			padding-top:5px;
			}
			
		#illustration
			{
			float: right;
			}
		
		#article ul
			{
			margin: 0px 0px 15px 0px;
			}
		
		#article ul li
			{
			list-style-position:inside;
			list-style-type:none;
			line-height: 28px;
			padding: 0px 0px 0px 15px;
			background: #FFF url('../images/arrow.gif') 0px 9px no-repeat;
			
			}
			
			
/*..	Subnavigation	.................................................................. */

		#section #aside
			{
			display: block;
			width: 735px;
			height: 35px;
			margin: 15px 0px 30px 0px;
			text-transform: uppercase;
			border-bottom: 1px solid #DEDEDE;
			}
		
		#section #aside ul li
			{
			float: left;
			}
		
		#section #aside ul li a,
		#section #aside ul li a:link,
		#section #aside ul li a:active,
		#section #aside ul li a:visited,
		#section #aside ul li strong
			{
			color: #999999;
			text-decoration: none;
			padding: 5px 25px 5px 25px;
			border-right: 1px solid #DEDEDE;
			line-height: 20px;
			font-weight: bold;
			}

		#section #aside ul li a:hover,
		#section #aside ul li strong
			{
			color: #195899;
			text-decoration: none;
			}
		
		
		#section #aside ul li.first strong,
		#section #aside ul li.first a
			{
			padding-left: 0px !important;
			}
			
		#section #aside ul li.last strong,
		#section #aside ul li.last a
			{
			border-right: 0px !important;
			}			
		
		
		#section a.external,
		#section a.external:link,
		#section a.external:active,
		#section a.external:visited
			{
			color: #333;
			text-decoration: underline;
			font-style: italic;
			}

		#section a.external:hover
			{
			color: #195899;
      		text-decoration: none;
			}
		
		


/*..	Footer	.................................................................. */

		#footer
			{
			clear: left;
			background-color: #EDEDED;
			border-top: 1px dotted #C4C4C4;
			border-bottom: 1px dotted #C4C4C4;
			_border-top: 0px ;						
			_border-bottom: 0px ;						
			padding: 30px 0px 30px 200px;
			color: #999999;
			font-size: 11px;
			line-height: 18px;
			height: auto;
			}  
		
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited
			{
			color: #999;
			text-decoration: none;
			}

		#footer a:hover
			{
			color: #444;
			text-decoration: underline;
			}
			
		#footer div
			{
			display: block;
			margin: -57px 0px 0px 600px;
			border: 0px;
			}
		
		#footer div a,
		#footer div a:link,
		#footer div a:active,
		#footer div a:visited
			{
			color: #3675ac;
			text-decoration: none;
			display: block;
			width: 146px;
			height: 38px;
			background: transparent url('../images/contact.gif') 0px 0px no-repeat;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 36px;
			border: 0px !important;
			}

		#footer div a:hover
			{
			color: #000;
			text-decoration: none;
			}
			
			
		#footer address
			{
			margin-top: 15px;
			}
		
		
		
		


/*..	Clearfix	.................................................................. */	     	


		.clearfix:after 
			{
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
			}
 
		.clearfix
			{
			display: inline-block;
			}
 
		html[xmlns] .clearfix 
			{
			display: block;
			}
 
		* html .clearfix
			{
			height: 1%;
			}