@charset "utf-8";
/* CSS Document / eVote */

body  {
	font: 90% Arial, Verdana, Helvetica, sans-serif;
	background: #fff url(pics/tausta.jpg) no-repeat;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.evote #container { 
	width: 769px;
	background: #fff url(pics/varjot.gif) repeat-y;
	margin: 0 auto;
	text-align: left; 
	padding: 0;
} 
.evote #header { 
	margin: 0;
	padding: 0;
} 
.evote #header h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 769px;
	height: 85px;
	background: url(pics/otsikko.gif) no-repeat; 
}

.evote #navigointi {
	float: left; 
	width: 186px;
	background: #e3e9d7 url(pics/navi_bg.gif);
	padding: 0;
	margin: 0;
}
.evote #navigointi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

.evote #navigointi li {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	list-style: none;
	text-decoration: none;	
}

.evote #navigointi a, .evote #navigointi a:visited {
	height: 26px;
	width: 168px;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
	text-decoration: none;
	display: block;	
	color: #000000;

}

.evote #navigointi a:hover, .evote #navigointi a:active, .evote #navigointiselect {
	width: 168px;
	height: 26px;
	background: #fcfff5;
	padding: 0 0 0 8px;
	margin: 0;
	list-style: none;
	text-decoration: none;
	display: block;	
	color:#000000;
}


.evote #sisalto {
	margin: 0 20px 0 186px;
	border: #e3e9d7 9px solid;
	padding: 8px;
	line-height: 1.3em;	
}

.evote #sisalto h1 {
	font-size: 18px;
	font-weight: bold;
	color: #0955a1;
}

.evote #sisalto h2 {
	font-size: 16px;
	font-weight: bold;
	color: #0955a1;
}

.evote #sisalto h3 {
	font-size: 12px;
	font-weight: bold;
	color: #0955a1;
}

.evote #sisalto a,  .evote #sisalto a:visited{
	text-decoration: underline;
	color: #0955a1;	
}

.evote #sisalto a:hover,  .evote #sisalto a:active{
	text-decoration: none;
	color: #0955a1;	
}

.evote #kaynnista a {
	width: 317px;
	height: 56px;
	background: url(pics/kaynnista_esitys.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

.evote #kaynnista a:hover, .evote #kaynnista a:visited, .evote #kaynnista a:active {
	width: 317px;
	height: 56px;
	background: url(pics/kaynnista_esitys2.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}


.evote #footer { 
	padding: 0 10px; 
	height: 40px;
	background: url(pics/footer.gif) no-repeat;
} 
.evote #footer p {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 11px;
}

/* esityksen tyylit */

.evote #esitysnavigointi {
	float: left; 
	width: 82px;
	background: #e3e9d7 url(pics/navi_bg.gif);
	padding: 0;
	margin: 0;
	display:block;
}
.evote #esitysnavigointi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.evote #esitysnavigointi li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-size: 12px;	
}

.evote #esitysnavigointi a, .evote #esitysnavigointi a:visited {
	height: 26px;
	width: 64px;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
	text-decoration: none;
	display: block;	
	color: #000000;

}

.evote #esitysnavigointi a:hover, .evote #esitysnavigointi a:active, .evote #esitysnavigointiselect {
	width: 64px;
	height: 26px;
	background: #fcfff5;
	padding: 0 0 0 8px;
	margin: 0;
	list-style: none;
	text-decoration: none;
	display: block;	
	color:#000000;
}

.evote #esityssisalto {
	margin: 0 20px 0 82px;
	border: #e3e9d7 9px solid;
	padding: 8px;
}

.evote #esityssisalto h1 {
	font-size: 18px;
	font-weight: bold;
	color: #0955a1;
}

.evote #esitysotsikko1 a {
	width: 575px;
	height: 86px;
	background: url(pics/esitys1_otsikko.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

.evote #esitysotsikko1 a:hover, .evote #esitysotsikko1 a:visited, .evote #esitysotsikko1 a:active {
	width: 575px;
	height: 86px;
	background: url(pics/esitys1_otsikko2.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

.evote #esitysotsikko2 a {
	width: 575px;
	height: 86px;
	background: url(pics/esitys2_otsikko.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

.evote #esitysotsikko2 a:hover, .evote #esitysotsikko2 a:visited, .evote #esitysotsikko2 a:active {
	width: 575px;
	height: 86px;
	background: url(pics/esitys2_otsikko2.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

.evote #esitysotsikko3 a {
	width: 575px;
	height: 86px;
	background: url(pics/esitys3_otsikko.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

.evote #esitysotsikko3 a:hover, .evote #esitysotsikko3 a:visited, .evote #esitysotsikko3 a:active {
	width: 575px;
	height: 86px;
	background: url(pics/esitys3_otsikko2.gif) no-repeat;
	display:block;
	text-indent: -99999px;
}

/* pelkät esitykset */

.evote #esityssisalto2 {
	margin: 0 20px 0 82px;
	border: #e3e9d7 9px solid;
	padding: 0;
	background:url(pics/esitys_bg.gif) repeat-x;
}

.evote #esitysylareuna1 {
	font-size: 18px;
	font-weight: bold;
	color: #0955a1;
	margin: 0;
	padding: 0;
	background: url(pics/esitys1_pieni_otsikko.gif) no-repeat #e3e9d7;
	width: 646px;
	height: 35px;
	display: block;
	text-align: right;
}

.evote #esitysylareuna1 img{
	padding: 0 0 0 6px;
	border: 0px;
}

.evote #esitysylareuna2 {
	font-size: 18px;
	font-weight: bold;
	color: #0955a1;
	margin: 0;
	padding: 0;
	background: url(pics/esitys2_pieni_otsikko.gif) no-repeat #e3e9d7;
	width: 646px;
	height: 35px;
	display: block;
	text-align: right;
}

.evote #esitysylareuna2 img{
	padding: 0 0 0 6px;
	border: 0px;
}

.evote #esitysylareuna3 {
	font-size: 18px;
	font-weight: bold;
	color: #0955a1;
	margin: 0;
	padding: 0;
	background: url(pics/esitys3_pieni_otsikko.gif) no-repeat #e3e9d7;
	width: 646px;
	height: 35px;
	display: block;
	text-align: right;
}

.evote #esitysylareuna3 img{
	padding: 0 0 0 6px;
	border: 0px;
}

/* muita */
.fltrt { /* float oikealle */
	float: right;
	margin-left: 8px;
}
.fltlft { /* float vasemmalle */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* tyhjennä float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}