@import url("reset.css");
@import url("menu-vert.css");


/*----------------------------BASE-----------------------------*/
body{
	background:url(../images/bg_02.gif) repeat-x #fff;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color:#3e3e3e;
	}

/*
-------------
Index styling
-------------
*/
h1{
	color:#8d8d8d;
	font-size:2em;
	padding:0.5em 0 0.5em 0;
	}
h2{
	color:#8d8d8d;
	font-size:1.6em;
	padding:0.8em 0px 0.3em 0px;
	}
h3{
	color:#90014C;
	font-size:1.1em;
	padding:0.5em 0px 0.1em 0;
	font-weight: bold;

	}

dl{
	padding-bottom: 15px;

}

p{
	padding:0.5em 0 0.5em 0
	}

.main{
	width:500px;
	height:540px;
	position:absolute;
	top:50%; left:50%;
	margin-left:-250px;
	margin-top:-270px;
	font-size:1.2em;
	line-height:1.5em
	}
.main ul{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
.main ul li{
	float:left;
	padding:0;
	margin:0;
	}
.one:link, .one:visited, .one:hover{
	width:200px;
	height:200px;
	display:inline;
	margin-left:50px;
	float:left;
	background:url(../images/a_03.gif) no-repeat -200px 1px;
	text-indent:-9999px;
	}
.one:hover{
	background:url(../images/a_03.gif) no-repeat -2px 1px;
	}
.two:link, .two:visited, .two:hover{
	width:210px;
	height:200px;
	float:left;
	background:url(../images/a_04.gif) no-repeat;
	text-indent:-9999px;
	}
.two:hover{
	background:url(../images/a_04.gif) no-repeat -206px 1px;
	}
.three:link, .three:visited, .three:hover{
	width:250px;
	height:340px;
	float:left;
	background:url(../images/a_07.gif) no-repeat -251px 1px;
	text-indent:-9999px;
	}
.three:hover{
	background:url(../images/a_07.gif) no-repeat 2px 1px;
	}
.four:link, .four:visited, .four:hover{
	width:250px;
	height:340px;
	float:left;
	background:url(../images/a_08.gif) no-repeat 0 1px;
	text-indent:-9999px;
	}
.four:hover{
	background:url(../images/a_08.gif) no-repeat -252px 1px;
	}

/*
--------------
common styling
--------------
*/

#page{
	width:928px;
	margin:20px auto 0 auto
	}
#topblock{
	float:left;
	width:928px;
	height:117px;
	position:relative
	}
#flags{
	position:absolute;
	right:12px;
	bottom:2px;
	}
#flags .flagcz:link, #flags .flagcz:visited, #flags .flagcz:hover{
	background:url(../images/flags_03.gif) 0 -7px no-repeat;
	width:33px;
	height:33px;
	float:left;
	text-indent:-9999px;
	}
#flags .flagcz:hover{
	background:url(../images/flags_03.gif) 0 -43px no-repeat;
	}
#flags .flagen:link, #flags .flagen:visited, #flags .flagen:hover{
	background:url(../images/flags_04.gif) 0 0px no-repeat;
	width:33px;
	height:33px;
	float:left;
	text-indent:-9999px;
	}
#flags .flagen:hover{
	background:url(../images/flags_04.gif) 0 -36px no-repeat;
	}
.selected.flagen{
	background:url(../images/flags_04.gif) 0 -36px no-repeat;
	width:33px;
	height:33px;
	text-indent:-9999px;
	float:left
	}
.selected.flagcz{
	background:url(../images/flags_03.gif) 0 -43px no-repeat;
	width:33px;
	height:33px;
	text-indent:-9999px;
	float:left
	}

#sidebar{
	float:left;
	font-size:1.1em;
	position:relative
	}
#sidebar ul{
	width:140px;
	padding-top:15px;
	position:absolute;
	top:120px;
	left:-28px;
	z-index:10
	}
#sidebar li{
	float:left;
	}
#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:hover{
	background:url(../images/menu_06.gif) no-repeat 120px center;
	padding:4px 23px 5px 2px;
	width:115px;
	float:right;
	text-align:right;
	color:#666;
	text-decoration:none;
	line-height:1.4em
	}
#sidebar ul li a:hover{
	background:url(../images/menu_06.gif) no-repeat -140px center;
	color:#000;
	text-decoration:none
	}
.block{
	background:url(../images/b_41.gif) no-repeat;
	width:117px;
	height:112px;
	float:left;
	}
#header{
	background:url(../images/b_07.gif) no-repeat;
	width:811px;
	height:28px;
	float:right
	}
#content{
	border:5px solid #e4e4e4;
	border-bottom:0;
	border-top:0;
	width:751px;
	padding:0 25px 0 25px;
	float:right;
	font-size:1.2em;
	line-height:1.7em;
	text-align:justify;
	min-height:320px;
	height:auto !important;
	height:320px;
	}
.fright{
	float:right;
	padding:3px 0 5px 10px;
	}
.fleft{
	float:left;
	padding:3px 10px 5px 0;
	}
#footer{
	background:url(../images/b_38.gif) no-repeat;
	width:771px;
	padding:35px 20px 20px 20px;
	line-height:1.6em;
	float:right;
	font-size:1.2em;
	}
#footer span{
	float:left;
	height:20px;
	width:500px;
	}
.creator{
	float:right;
	height:20px;
	}
table{
	line-height:1.2em;
	width:100%;
	border-collapse:collapse;
	font-size:1em;
	margin:1em 0 1em 0
	}
table th{
	background:#e4e4e4;
	color:#666;
	font-size:1.1em;
	font-weight:bold;
	padding:5px;
	}
table th.corr{
	background:url(../images/b_34.gif) no-repeat top right #e4e4e4
	}
table td{
	padding:5px;
	border:1px solid #d4d4d4;
	border-left:none;
	border-right:none
	}
table tbody tr:hover td, table tbody tr.hover td {
	background:#f1f1f1;
	}
a:link, a:visited, a:hover{
	color:#000;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
tfoot td, tfoot th {
	border:0;
	background:url(../images/b_36.gif) no-repeat;
	height:13px;
}
#content ul {
	font-size:1em;
	list-style:inside;
	list-style-type:disc;
	float:none;
	width:auto;
	padding-left:20px;
	}
#content ol{
	list-style:inside decimal;
	padding-left:20px;
	}
#content li {
	float:none;
	border:none;
	}
#content ul li ul {
	list-style:none;
	}
#content ul li ul li {
	padding-left:10px;
	list-style:inside circle
	}
#content ul li{
	position:relative;
	float:none
	}
#content li ul{
	display:list-item;
	position:relative;
	left:auto;
	top:auto
	}


/*
-------------
green styling
-------------
*/
#green .block{
	background:url(../images/b_06.gif) no-repeat;
	}
#green #sidebar ul li a:link,
#green #sidebar ul li a:visited,
#green #sidebar ul li a:hover{
	background:url(../images/menu_05.gif) no-repeat 120px center;
	}
#green #sidebar ul li a:hover{
	background:url(../images/menu_05.gif) no-repeat -140px center;
	color:#7fc31c
	}
#green table th{
	background:#7fc31c;
	color:#fff;
	}
#green table th.corr{
	background:url(../images/b_22.gif) no-repeat top right #7fc31
	}
#green table td{
	border:1px solid #72b314;
	border-left:none;
	border-right:none
	}
#green table tbody tr:hover td, #green table tbody tr.hover td {
	background:#f3ffe1;
	}
#green a:link, #green a:visited, #green a:hover{
	color:#7fc31c;
	}
#green tfoot td, tfoot th {
	border:0;
	background:url(../images/b_31.gif) no-repeat;
	height:13px;
}
#green h1, #green h2, #green h3{
	color:#7fc31c
	}


/*
-------------
blue styling
-------------
*/
#blue .block{
	background:url(../images/b_11.gif) no-repeat;
	}
#blue #sidebar ul li a:link,
#blue #sidebar ul li a:visited,
#blue #sidebar ul li a:hover{
	background:url(../images/menu_03.gif) no-repeat 120px center;
	}
#blue #sidebar ul li a:hover{
	background:url(../images/menu_03.gif) no-repeat -140px center;
	color:#019af8
	}
#blue table th{
	background:#00a0c6;
	color:#fff;
	}
#blue table th.corr{
	background:url(../images/b_14.gif) no-repeat top right #00a0c6
	}
#blue table td{
	border:1px solid #0090b2;
	border-left:none;
	border-right:none
	}
#blue table tbody tr:hover td, #blue table tbody tr.hover td {
	background:#e7faff;
	}
#blue a:link, #blue a:visited, #blue a:hover{
	color:#00a0c6;
	}
#blue tfoot td, tfoot th {
	border:0;
	background:url(../images/b_18.gif) no-repeat;
	height:13px;
}
#blue h1, #blue h2, #blue h3{
	color:#00a0c6
	}