/* ----------------------------------------------------
   C O M M O N
------------------------------------------------------*/

* {
	border: none;
	margin: 0;          /* top, right, bottom, left */
	padding: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

ul, ol, li {
	list-style: none;
}	


/* ----------------------------------------------------
   P A G E
------------------------------------------------------*/

html, body {
	background: url(../images/euflag.png) #ffffff 6px 11px no-repeat;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------
   C O N T A I N E R
------------------------------------------------------*/

div.wrapper {
	margin: 0px auto;
	width: 720px;
}

#container {
	border-top: solid 6px #262626;
	float: left;
	width: 100%;
}


/* ----------------------------------------------------
   H E A D E R
------------------------------------------------------*/

#header {
	background: url(../images/bg_header.png) left bottom repeat-x;
	float: left;
	width: 100%;
	height: 330px;
}

/* ----------------------------------------------------
   L O G O
------------------------------------------------------*/

#logo {
	display: inline;
	float: left;
	height: 350px;
	width: 470px;
}

#logo h1 {
	background: url(../images/logo.png) left top no-repeat;
	font-size: 10px;
	float: left;
	height: 396px;
	margin: 15px 0px 0px 25px;
	text-indent: -500em;
	width: 407px;
}

#logo h1 a {
	display: block;
	height: 220px;
	overflow: hidden;
	width: 396px;
}

/* ----------------------------------------------------
   T O P M E N U
------------------------------------------------------*/

#topmenu {
	display: inline;
	float: right;
	height: 250px;
	width: 250px;
}

#topmenu ul {
	color: #888888;
	font-size: 11px;
	margin: 13px 0px 0px 0px;
	line-height: 25px;
}

#topmenu ul li {
	clear: both;
	float: right;
	background: url(../images/topmenu_item.png) 100% 11px no-repeat;
	padding-right: 12px;
	white-space: nowrap;
}

#topmenu ul li.current {
	background-image: url(../images/topmenu_item_current.png);
	font-weight: bold;
}

#topmenu ul li.sep {
	border-top: dashed 1px #d5d5d5;
	margin-top: 1px;
	padding-left: 8px;
}

#topmenu ul li.current_sep {
	background-image: url(../images/topmenu_item_current.png);
	border-top: dashed 1px #d5d5d5;
	font-weight: bold;
	margin-top: 1px;
	padding-left: 8px;
}

#topmenu ul li a {
	color: #888888;
}

#topmenu ul li a:hover {
	text-decoration: underline;
}


/* ----------------------------------------------------
   F O O T E R
------------------------------------------------------*/

#footer {
	background-color: #b1bd7c;
	float: left;
	height: 60px;
	width: 100%;
}

#footer p.webdesign {
	color: #003a00;
	font-size: 10px;
	margin-top: 15px;
	text-align: center;
}

#footer a {
	color: #ffffff;
}


/* ----------------------------------------------------
   C O N TE N T S
------------------------------------------------------*/

#contents {
	background-color: #d2de99;
	border-top: solid 6px #c4cf8f;
	color: #484e2d;
	float: left;
	padding: 20px 0px 20px 0px;
	width: 100%;
}


/* --- PARAGRAPHS --- */

#contents p {
	font-size: 12px;
	line-height: 19px;
	margin: 20px 0px 20px 0px;
	text-align: justify;
}

#contents p.center {
	text-align: center;
}


/* --- ANCHORS --- */

#contents a {
	border-bottom: solid 1px #b1bd7c;
	color: #484e2d;
	padding-bottom: 1px;
}

#contents a:hover {
	border-bottom: solid 1px #000000;
}

#contents a.image {
	border: none;
}

#contents a.image:hover {
	border: none;
}



/* --- HEADERS --- */

#contents h1 {
	color: #7a8253;
	font: normal small-caps 24px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 50px;
	letter-spacing: 1px;
}

#contents h1.sub {
	margin: 30px 0px 30px 0px;
}

#contents h2 {
	color: #484848;
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;	
}

#contents h2.center {
	text-align: center;
}

#contents h3 {
	color: #8a9263;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	text-decoration: underline;	
}

#contents h3.center {
	text-align: center;
}


/* --- IMAGES --- */

#contents img.bordered {
	background-color: #ffffff;
	border: solid 5px #b5c17b;
	padding: 1px;
}


/* --- LISTS --- */

#contents ul {
	font-size: 12px;
	line-height: 22px;
	margin: 15px 0px 15px 15px;
	text-align: justify;
}

#contents ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2px;
}

#contents li ul {
	margin: 3px 0px 3px 15px;
}

#contents li ul li {
	list-style-type: square;
	padding-left: 2px;
}

#contents ol {
	font-size: 12px;
	line-height: 22px;
	margin: 15px 0px 15px 23px;
	text-align: justify;
}

#contents ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

#contents li ol {
	margin: 3px 0px 3px 23px;
}

#contents li ol li {
	list-style-type: lower-alpha;
}


/* ----------------------------------------------------
   S P E C S
------------------------------------------------------*/


/* --- TABLE --- */

div.simpletable {
	margin: 20px 0px 20px 0px;
}

div.simpletable table {
	border-collapse: collapse;
	line-height: 21px;
}

div.simpletable table td {
	padding-right: 12px;
}

td.underlined {
	border-bottom: solid 1px #000000;
}

div.namestable {
	margin: 30px 0px 30px 0px;
}

div.namestable table {
	border: solid 1px #a3ac77;
	border-collapse: collapse;
	line-height: 21px;
	margin: 0px auto;
}

div.namestable table th {
	font-weight: bold;
	text-align: left;
}

div.namestable table th,
div.namestable table td {
	border: solid 1px #a3ac77;
	padding: 3px 13px 3px 5px;
}


/* --- PAPER --- */

#contents div.paper {
	color: #000000;
	background-color: #faf8e3;
	border: solid 1px #9aa273;
	padding: 10px 15px 10px 15px;
	margin: 30px 0px 30px 45px;
	width: 600px;
}

#contents div.paper h4 {
	color: #363636;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;	
	text-align: center;
}

#contents div.paper h5 {
	color: #464646;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 22px 0px 22px 0px;	
	text-decoration: underline;
}

#contents div.paper p {
	margin: 16px 0px 16px 5px;
	text-align: left;
}

#contents div.paper p.center {
	margin-left: 0px;
	text-align: center;
}

#contents div.paper a {
	color: #888888;
	border-bottom: solid 1px #888888;
}

#contents div.paper em {
	color: #dc0000;
	font-style: normal;
	font-weight: bold;
}

#contents div.paper div.simpletable {
	margin-left: 5px;
}


/* --- PICTURES --- */

#contents ul.pics {
	margin: 10px 0px 10px 0px;
	padding: 0;
	text-align: center;
}

#contents ul.pics li {
	display: inline;
}

#contents ul.pics li a,
#contents ul.pics li a:hover {
	border: none;
}

#contents ul.pics a img {
	background-color: #ffffff;
	border: solid 5px #b5c17b;
	margin: 0px 5px 0px 5px;
	padding: 1px;
}

#contents ul.pics a:hover img {
}

#contents ul.pics a:hover {
	border-width: 0;   /* wakeup IE */
}

#contents h2.pics {
	margin-bottom: 35px;
	text-align: center;
}