@charset "utf-8";
/*
	CSS stylesheet for rokote.fi/matkaajanrokoteopas
	(c)2007 Verkkojulkaisut Oy
*/


body
{
	background: #233C63 url("../images/body_bg.jpg") repeat left top;
	background-attachment: fixed;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
}


a img
{
	border: none;
}

h3
{
	size: 14px;
	font-weight: normal;
}


#wrapper
{
	width: 1000px;
	margin: 31px 0 0 41px;
	padding: 0;
}

#sidebar
{
	width: 225px;
	margin: 0;
	padding: 0;
	float: left;
}

#top_slogan
{
	display: block;
	width: 129px;
	height: 39px;
	overflow: hidden;
	margin: 0 0 46px 40px;
	text-indent: -9999px;
	cursor: pointer;
	background: transparent url("../images/logo.gif") no-repeat left top;
}

#navi
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navi li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#navi li a
{
	display: block;
	width: 216px;
	height: 58px;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
}

#navi1
{
	background: transparent url("../images/navi1.gif") no-repeat left top;
}

#navi2
{
	background: transparent url("../images/navi2.gif") no-repeat left top;
}

#navi3
{
	background: transparent url("../images/navi3.gif") no-repeat left top;
}

#navi4
{
	background: transparent url("../images/navi4.gif") no-repeat left top;
}

#navi5
{
	background: transparent url("../images/navi5.gif") no-repeat left top;
}

#navi6
{
	background: transparent url("../images/navi6.gif") no-repeat left top;
}


#main
{
	width: 700px;
	margin: 16px 0 0 35px;
	float: left;
}

#box_minne_matka
{
	width: 505px;
	height: 156px;
	background: transparent url("../images/box_minne_matka.gif") no-repeat left top;
	margin: 0 0 29px 0;
}

#box_minne_matka select
{
	position: relative;
	left: 302px;
	top: 85px;
	width: 175px;
}

#box_mista_rokotus
{
	width: 507px;
	height: 156px;
	background: transparent url("../images/box_mista_rokotus.gif") no-repeat left top;
	margin: 0 0 80px 0;
}

#box_mista_rokotus select
{
	position: relative;
	left: 303px;
	top: 88px;
}


#content_top,
#content_bottom
{
	width: 507px;
	height: 31px;
	margin: 0;
	padding: 0;
}

#content_top
{
	background: transparent url("../images/content_top.gif") no-repeat left top;
}

#content_middle
{
	width: 507px;
	background: transparent url("../images/content_middle.gif") repeat-y left top;
	padding: 1px 0;
}

#content_bottom
{
	background: transparent url("../images/content_bottom.gif") no-repeat left bottom;
	margin: 0 0 29px 0;
}

#content
{
	padding: 0 29px;
}

#content #left
{
	width: 230px;
	float: left;
	margin-right: 30px;
}

#content #right
{
	width: 186px;
	float: left;
}



#content #left_wide
{
	width: 320px;
	float: left;
	margin-right: 15px;
}

#content #right_narrow
{
	width: 105px;
	float: left;
}




#content a,
#content a:link,
#content a:visited
{
	color: #fff;
	text-decoration: underline;
}

#content a:hover,
#content a:active
{
	color: #fff;
	text-decoration: none;
}

#content li
{
	margin-top: .6em;
	margin-bottom: .6em;
}





.clear_both
{
	clear: both;
}






/*
	Country specific pages
*/

#disease_table
{
	border-collapse: collapse;
	margin: 0;
}

#disease_table td
{
	padding: 0 10px 0 0;
	vertical-align: top;
}

#disease_table p,
p#country,
p#capital,
p#language,
p#currency
{
	margin: .3em 0 1em;
	padding: 0;
}

#flag
{
	margin-bottom: 30px;
}




/*  
	Kysymyksiä ja vastauksia
*/

#faq_header
{
	margin: 0 0 10px;
	border-bottom: 1px dotted #fff;
}

#faq_header ul
{
	margin: 5px 0 10px 20px;
	padding: 0;
}

#faq_header li
{
	margin: 0;
	padding: 0;
}

#faq_header a,
#faq_header a:link,
#faq_header a:visited
{
	color: #000;
	text-decoration: underline;
}

#faq_header a:hover,
#faq_header a:active
{
	color: #000;
	text-decoration: none;
}


#opt_banner a,
#opt_banner a:link,
#opt_banner a:visited,
#opt_banner a:hover,
#opt_banner a:active
{
	display: block;
	cursor: pointer;
}
