/*General*/

div, img, ol, ul, li, p, body, h1, h2, h3, blockquote, table, th, tr, td, dl, dd, dt, form  {
margin: 0;
padding: 0;
border: 0;
}

body {
margin: 0 auto;
padding: 14px 0 18px 0;
color: #333;
background: #000 url(body.gif) repeat-x;
font-family: serif;
text-align: left;
font-size: 12px;
line-height: 18px;
}

h1 {
width: 389px;
height: 121px;
margin: 0 auto;
background: transparent url(h1.gif) no-repeat;
overflow: hidden;
text-indent: -300em;
}

h1 a {
display: block;
width: 100%;
height: 100%;
}

p.clear{
clear:both;
}

p#description {
display: none;
}

div#navigation {
width: 860px;
margin: 0 auto;
height: 69px;
}

ul#mainmenu {
float: left;
width: 509px;
height: 49px;
margin: 0;
padding: 20px 0 0 0;
background: transparent url(navigation.gif) no-repeat 0 20px;
}

ul#mainmenu li, ul#external li {
height: 49px;
float: left;
text-indent: -300em;
}

ul#mainmenu li a, ul#external li a, ul#affiliates li a, ul#languages li a {
display: block;
width: 100%;
height: 100%;
}

	ul#mainmenu li.order1 {
	width: 81px;
	}

	ul#mainmenu li.order2 {
	width: 92px;
	}

	ul#mainmenu li.order3 {
	width: 93px;
	}

	ul#mainmenu li.order4 {
	width: 65px;
	}

	ul#mainmenu li.order5 {
	width: 76px;
	}

	ul#mainmenu li.order6 {
	width: 102px;
	}

ul#external {
float: right;
width: 317px;
height: 49px;
margin: 0;
padding: 20px 0 0 0;
background: transparent url(external.gif) no-repeat 0 20px;
}

	ul#external li.order1 {
	width: 85px;
	padding-right: 15px;
	}

	ul#external li.order2 {
	width: 71px;
	padding-right: 15px;
	}

	ul#external li.order3 {
	width: 131px;
	}

div#footinfo ul li {
display: block;
float: left;
}

div#main {
clear: both;
background: #fff url(body.gif) repeat-x 0 -204px;
min-height: 100px;
}

div#main div.content, div#footer div.content, div#footinfo div.content {
width: 860px;
margin: 0 auto;
}

div#primary {
float: left;
width: 480px;
padding: 0 0 18px 13px;
}

div#secondary {
float: right;
width: 308px;
padding: 0 0 18px 0;
}

div#galleriaprimary{
float: left;
width: 852px;
padding: 0 0 18px 13px;
}

div.galleria{
float: right;
width: 202px;
height: 550px;
padding: 0 10px 18px 0;
}

div#footer {
clear: both;
padding: 0.5em 0;
background: #bababa url(footer.gif) repeat-x;
}

	div#footer div.content {
	width: 854px;
	}

	div#footer h2 {
	display: none;
	}

	div#footer p {
	float: left;
	width: 260px;
	padding: 0 10px;
	}

div#footinfo {
clear: both;
min-height: 80px;
padding: 5px 0 18px 0;
background: transparent url(footinfo.gif) repeat-x;
}

ul#affiliates {
float: left;
height: 37px;
margin: 0;
padding: 23px 0 0 0;
background: transparent url(affiliates.gif) no-repeat;
}

ul#affiliates li, ul#languages li {
height: 14px;
float: left;
text-indent: -300em;
padding-right: 15px;
}

	ul#affiliates li.order1 {
	width: 40px;
	}

	ul#affiliates li.order2 {
	width: 49px;
	}

	ul#affiliates li.order3 {
	width: 47px;
	}

	ul#affiliates li.order4 {
	width: 44px;
	}

	ul#affiliates li.order5 {
	width: 50px;
	}
	
	ul#affiliates li.order6 {
	width: 50px;
	padding-right: 0;
	}

ul#languages {
float: right;
height: 64px;
margin: 0;
padding: 23px 0 0 85px;
background: transparent url(languages.gif) no-repeat;
}

ul#languages li {
padding-right: 6px;
}

	ul#languages li.order1 {
	width: 10px;
	}

	ul#languages li.order2 {
	width: 13px;
	}

	ul#languages li.order3 {
	width: 16px;
	}

	ul#languages li.order4 {
	width: 16px;
	}

	ul#languages li.order5 {
	width: 11px;
	}

	ul#languages li.order6 {
	width: 14px;
	}

	ul#languages li.order7 {
	width: 13px;
	}

	ul#languages li.order8 {
	width: 15px;
	}

	ul#languages li.order9 {
	width: 14px;
	}

	ul#languages li.order10 {
	width: 14px;
	padding-right: 0;
	}

/*Text styles*/

.introduction {
font-size: 20px;
line-height: 27px;
}

strong, dt {
font-style: normal;
font-weight: bold;
}

.info, em, blockquote {
font-style: italic;
}

/*Text color*/

div#footinfo {
color: #fff;
}

div#main .info, div#main .introduction {
color: #666;
}

/*Text*/

p, ul {
margin: 9px 0 27px 0;
}

ul, ol {
list-style: none;
}

div#main ul {
list-style: square;
padding-left: 30px;
}

div#main ol {
list-style: decimal;
padding-left: 30px;
}

div#main ol ol {
list-style: lower-alpha;
}

.info {
float: right;
margin: 9px 0 27px 40px;
padding: 0 10px 8px 30px;
border-bottom: 1px solid #ccc;
text-align: right;
}

div#main p.image {
text-align: center;
}

/*Heading*/

h1, h2, h3, h4 {
font-weight: normal;
}

h2 {
margin: 18px 0 18px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #999;
font-size: 2em;
font-variant: small-caps;
line-height: 36px;
background: transparent url(h2.gif) no-repeat 100% 16px;
}

h2.opiskelijaedustajat {
margin: 30px 0 18px 0;
padding: 30px 0 8px 0;
border-bottom: 1px solid #999;
font-size: 2em;
font-variant: small-caps;
line-height: 36px;
background: transparent url(h2.gif) no-repeat 100% 16px;
clear:both;
}

h3 {
margin: 36px 0 0 0;
padding-bottom: 8px;
border-bottom: 1px solid #ccc;
font-size: 1.4em;
font-variant: small-caps;
line-height: 18px;
}

h4 {
margin: 18px 0 9px 10px;
font-size: 1em;
font-weight: bold;
}

/*Table*/

table {
width: 100%;
border-collapse: collapse;
}

td{
vertical-align: top;
}

table.kirjalista td{
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #000000;
}

/*Image*/

div#main img {
border: 1px solid #ccc;
padding: 3px;
}

div#main p.image img {
margin: 2px 4px;
}

div#main a img {
padding: 0 0 2px 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 4px solid #57b6d1;
}

div#main a img:hover {
border-bottom: 4px solid #006a8a;
}

img.floatleft {
float: left;
margin: 0.3em 0.6em 0 0;
}

img.floatright{
float: right;
margin: 0.3em 0.6em 0 0;
}

p.floatright {
float: right;
margin: 0.3em 0.6em 0 0;
}

br.clear{
clear: both;
}

/*Footer*/

ul#affiliates {

}

ul#languages {

}

/*Link*/

a {
color: #349fbe;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

div#navigation ul.external a {
color: #fff;
}

div#navigation ul, div#footinfo ul {
font-variant: small-caps;
font-size: 1.2em;
}

div#footer a {
color: #006a8a;
}