/*	Reset & global styles
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

	html, body, div, p, hr, img,
	ul, ol, li, dl, dt, dd,
	h1, h2, h3, h4, h5, h6,
	table, td, tr,
	thead, tbody, tfoot {
		border: 0;
		border-collapse: collapse;
		margin: 0;
		padding: 0;
	}

	a {
		color: #ff0;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}


/*	Layout
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

	body {
		background: #1673b4 url(images/background-repeat-x.png) repeat-x;
		color: #fff;
		font: 62.5%/100% "Lucida Grande", Arial, Helvetica, sans-serif;
		text-align: justify;
	}
	
	#wrap {
		background: url(images/background-flag.jpg) no-repeat top right;
		padding-bottom: 25px;
		min-height: 650px;
	}
	
	#wrap-in {
		background: url(images/top.png) no-repeat;
		margin: 0 auto;
		padding: 0 10px;
		width: 702px;
	}
	
	#top,
	#top a {
		height: 68px;
	}
	
	#top a {
		display: block;
		overflow: hidden;
		text-indent: -9999em;
	}
	
	#menu-first,
	#menu-second {
		height: 100%;
		list-style: none;
		overflow: hidden;
		margin: 0 10px;
	}
	
	#menu-first {
		border-bottom: 1px solid #8b2626;
		font-weight: bold;
		height: 26px;
		line-height: 26px;
		font-size: 1.2em;
	}
	
	#menu-second {
		height: 21px;
		line-height: 21px;
		padding-bottom: 1px;
	}
	
	#menu-first li,
	#menu-second li {
		float: left;
		padding-right: 15px;
	}
	
	#menu-first li {
		padding-right: 20px;
	}
	
	#menu-first a,
	#menu-second a {
		color: #ff0;
		padding: 0 10px;
	}
	
	#menu-first li.active a,
	#menu-second li.active a {
		color: #fff;
		font-weight: bold;
	}
	
	#menu-first li.active a:hover,
	#menu-second li.active a:hover {
		text-decoration: none;
	}
	
	#menu-flags {
		list-style: none;
		margin: -43px 0 0 600px;
		position: absolute;
	}
	
	#menu-flags li {
		float: left;
		margin-right: 5px;
	}
	
	#container,
	#blue #container {
		background: url(images/container-top-blue.png) no-repeat;
		padding-top: 15px;
	}
	
	#green #container {
		background-image: url(images/container-top-green.png);
	}
	
	#container-in,
	#blue #container-in {
		background: #235b94 url(images/container-bottom-blue.png) no-repeat bottom;
		min-height: 410px;
		padding: 0 10px 15px 20px;
	}
	
	#green #container-in {
		background-color: #206111;
		background-image: url(images/container-bottom-green.png);
	}
	
	#container-in::after {
		clear: both;
		content: "";
		display: block;
	}
	
	#content {
		float: left;
		line-height: 1.4em;
		width: 490px;
	}
	
	#content p {
		padding-bottom: 1em;
	}
	
	#content ul,
	#content ol {
		padding: 0.5em 0 1em 3em;
	}
	
	#content li {
		padding-bottom: 0.5em;
	}
	
	#content h2,
	#blue #content h2 {
		border-bottom: 1px solid #39689a;
		color: #ff0;
		font-size: 1.5em;
		line-height: 1.2em;
		margin-bottom: 0.7em;
		padding-bottom: 2px;
	}
	
	#green #content h2 {
		border-bottom-color: #366e28;
	}
	
	#foot {
		color: #98bdd7;
		line-height: 1.3em;
		padding: 10px 30px 0;
	}
	
	#sidebar {
		float: right;
		line-height: 1.4em;
		list-style: none;
		width: 157px;
	}
	
	#sidebar .image {
		margin: 0 0 15px -20px;
		position: relative;
	}
	
	#sidebar .image img,
	#sidebar .image a {
		display: block;
	}
	
	#sidebar .box,
	#blue #sidebar .box {
		background: #1c4875;
		border: 1px solid #12304e;
		border-radius: 7px;
		margin-bottom: 15px;
		padding: 5px;
		text-align: left;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	#green #sidebar .box {
		background-color: #1d6416;
		border-color: #103108;
	}
	
	#sidebar .box h3 {
		color: #ff0;
		font-size: 1.3em;
		padding-bottom: 0.75em;
	}
	
	#sidebar .box ul {
		list-style: disc;
		padding-left: 15px;
	}
	
	#sidebar .box li {
		padding-bottom: 0.5em;
	}
	
		#credits {
		float: right;
		margin-top: -5px;
		width: 50%;
	}
	
	#credits li {
		float: right;
		margin-left: 5px;
	}
	
	#credits * {
		display: block;
	}
	
	#szekely a {
		background: url(images/szekely-logo.png);
		height: 35px;
		overflow: hidden;
		text-indent: -9999em;
		width: 66px;
	}
	
	#asds a {
		background: url(images/asds.png);
		height: 50px;
		overflow: hidden;
		text-indent: -9999em;
		width: 50px;
	}

