/* General structure */

		*
		{
			margin: 0px;
			padding: 0px;
		}
		
		body
		{
			background: #CCD2D6;
			
			font-family: Helvetica, Arial, Sans serif;
			font-size: 14px;
			line-height: 20px;
		}
		
		.page
		{
			position: relative;
			width: 804px;
			margin: 15px auto 0px auto;
		}
	
		.nav
		{
			background: url(images/done.png) no-repeat;

			display: block;
			width: 704px;
			height: 168px;
			margin: 0px 50px;
		}
	
		.head
		{
			background: url(images/hunkar_06.png) no-repeat;
			display: block;
			width: 804px;
			height: 106px;
		}
		
		.foot
		{
			background: url(images/hunkar_10a.png) no-repeat;
			
			display: block;
			width: 804px;
			height: 103px;
			
			position: relative;
			top: -30px;
		}
		
		.content
		{
			width: 644px;
			
			padding: 0px 80px;

			background: url(images/hunkar_08.png);
		}
		
		.main
		{
			display: block;
			width: 470px;
		}
		

		.homeLink
		{
			display: block;
			position: absolute;
			top: 195px;
			left: 580px;
			width: 150px;				
			text-align: center;
		}
		
		.homeLink a, .homeLink a:visited
		{
			color: #036;
			text-decoration: none;
			text-align: center;	
			font-weight: bold;
		}
		
		.homelink a:hover
		{
		color: red;
		}
	
		.detail
		{
			display: block;
			position: absolute;
			top: 215px;
			left: 580px;
			width: 150px;
		}
		
		.ads
		{
			display: block;
			width: 600px;			
		}
		
		.adElement
		{
			background: url(images/adsBackground.png) no-repeat;			
			width: 145px;
			font-size: 12px;			
			font-family: Helvetica, Arial, Sans serif;				
			padding: 10 10px;
		}
		
		.content p,	.content h1, .content h2, .content h3, .content h4
		{
			position: relative;
			top: -80px;
		}
		
		.content ul
		{
			margin-left:20px;
		}
		
		/* Navigation */
		
		ul.toplevels
		{
			display: block;
			position: relative;
			
			width: 499px;
			height: 168px;
			top: 0px;
			left: 225px;
		}
		
		ul.toplevels>li
		{
			display: inline;
			padding-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			height: 168px;
			width:110px;
			
			color: #036;
			font-size: 16px;
			
			float: left;
		}
				
		ul.toplevels>li a, li.current span
		{
			position: relative;
			top: 35px;
			margin-left: 10px;

			color: #036;
			text-decoration: none;
		}
		
		.toplevels a:hover
		{
			text-shadow: #9FF 0px 2px 2px;
			color: red;
		}
		
		ul.toplevels>li a:visited
		{
			text-shadow: #9FF 0px 2px 2px;
			color: #036;
		}
		
		ul.toplevels li.current
		{
			width: 110px;
			padding-left: 0px;
			padding-top: 0px;
			font-weight: bold;
			
			background: url(images/sm_selected.png) no-repeat;
		}
		
		/* Hack classes for lists */
		.sevenitems
		{
			position: relative;
			top:-18px;
		}
		
		.sixitems
		{
			position: relative;
			top: 2px;
		}
		
		.fiveitems
		{
			position: relative;
			top: 22px;
		}
		
		.fouritems
		{
			position: relative;
			top: 12px;
		}

		.threeitems
		{
			position: relative;
			top: 22px;
		}
		
		.twoitems
		{
			position: relative;
			top: 82px;
		}		
		
		ul.subsections li
		{
			display: block;
			height: 20px;
			padding-top: 0px;
			
			font-size: 11px;
			font-weight: normal;
		}
		
		ul.subsections li a
		{
			color: #036;
			text-decoration: none;			
		}
		
		
		ul.subsections li a:hover
		{
			color: red;
		}
		
		.logo
		{
			position: absolute;
			top: 40px;
			left: 102px;
			width: 80px;
			line-height: 150%;
			font-variant: small-caps
		}
		
		.logo a
		{
			color: #036;
			text-decoration: none;
			
			font-weight: bold;
			font-size: 23px;
			line-height: 135%;
		}
		
		
		
		
		/* Main */
		h1, h2, h3
		{
			color: #069;
			font-weight: normal;
		}
		
		h1
		{
			font-size: 32px;
			line-height: 40px;
		}
		
		h2
		{
			font-size: 28px;
			line-height: 40px;
		}
		
		h3
		{
			font-size: 24px;
			line-height: 40px;
		}
		
		p
		{
			padding-bottom: 20px;
			text-align: justify;
		}
		
		.main 
		{
			text-align: justify;
		}
		
		.main a, .links a
		{
			text-decoration: none;
			color: #06C;
			border-bottom: 1px dotted #9CC;
		}
		
		.main a:hover, .links a:hover
		{
			border-bottom: 1px solid #06C;
		}
		
		.ruler {
 display: block;
 position: relative;
 top: -80px;
 height: 1px;
 border-top: 2px #9CC solid; 
 border-right: 0;
 border-bottom: 0;
 border-left: 0;
 } 

		
	 /* Detail */
	 
	 .detail
	 {
	 	background: url(images/topleaf.png) no-repeat;
	 	padding-top:40px;
	 }
	 
	 .authors
	 {
	 	background: url(images/bottomleaf.png) no-repeat bottom left;
	 	padding-bottom:40px;
	 }
	 
	 .links
	 {
	 	padding-top: 20px;
	 }
	 
	 .links li
	 {
	 	list-style-image: url(images/bullet.png);
	 }
		
		.links a
		{
			font-size: 12px;
			line-height: 20px;
		}
		
		div.vcard
		{
			display: block;
			width: 150px;
			height: 80px;
		}
		
		div.vcard img.photo
		{
			width: 55px;
			height: 70px;
		}
		
		div.vcard span.given-name,
		div.vcard span.family-name
		{
			position: relative;
			top: -50px;
			left: 58px;
			display: block;
			
			font-size: 12px;
			line-height: 15px;
		}
		
		div.vcard a.email
		{
			position: relative;
			top: -45px;
			left: 58px;
			
			font-size: 10px;
			line-height: 10px;
			
			text-decoration: none;
			color: #06C;
		}
		
		
		
		/* Footer */
		
		.foot
		{
			text-align: center;
			padding-top: 22px;
		}
		
		.foot a, .foot span
		{
			text-decoration: none;
			font-size: 11px;
			color: #3A4141;
		}
		
		.foot span.date
		{
			margin: 0px 9px;
		}