/* utö.fi css © Mikael Ruohomaa 2007 */

/* General */

body
{
	background: #fff;
	padding: 0px;
	margin: 10px 0px;
	text-align: center
}
body, table, tr, td, p, ul, li, div, h1, h3, h4, h5, span, pre
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px
}
p, hr, ul, li, div, h1, h3, h4, h5, span, tr, td
{
	padding: 0px;
	margin: 0px
}
table
{
	border-collapse: collapse
}
table td
{
	vertical-align: top
}
ul
{
	list-style: none
}
img
{
	border: none
}

/* Link settings */

a, a:hover, a:visited
{
	text-decoration: none;
	border: none
}
a
{
	color: #000
}
a:hover
{
	color: #3d7b8b
}

/* Link arrow hover effect */

#leftmenu .innerborder ul li a, #main ul.linklist li a, #documents td a, #events .event_file a
{
	background: url('./images/ul_arrow.gif') 2px 4px no-repeat;
	padding-left: 10px
}
#leftmenu .innerborder ul li a:hover, #main ul.linklist li a:hover, #documents td a:hover, #events .event_file a:hover
{
	background: url('./images/ul_arrow.gif') 2px -10px no-repeat
}

/* Outerbody */

#outerbody
{
	background: #eef2f3 url('./images/outerbody_bg.jpg') 0px 155px no-repeat;
	border: 1px solid #7bb4c5;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left
}

/* Header */

#header
{
	position: relative;
	background: url('./images/header_bg.jpg') no-repeat;
	height: 155px
}
#header h1
{
	background: url('./images/header_title_bg.gif') no-repeat;
	margin-left: 5px;
	width: 105px;
	height: 55px
}
#header h1 span
{
	display: none
}

/* Langauge selector */

#language
{
	background-color: #e6ebed;
	border: 1px solid #7bb4c5;
	position: absolute;
	right: 10px;
	top: 10px
}
#language li
{
	float: left;
	padding: 2px
}
#language li a
{
	padding: 0 2px
}

/* Mainmenu */

#mainmenu
{
	margin-bottom: 10px
}
#mainmenu .innerborder
{
	border: 1px solid #7bb4c5;
	background-color: #e6ebed;
	height: 23px;
	padding: 0px 0;
	margin: 0 10px
}
#mainmenu ul li
{
	padding: 5px 0;
	float: left
}
#mainmenu ul li a
{
	padding: 5px 10px
}

/* Split Content - Common values */

#split_content
{
	width: 100%
}
#leftmenu .content, #main .content
{
	background: #fff url('./images/content_bg.png') repeat-x;
	border: 1px solid #7bb4c5;
	margin-left: 10px;
	min-height: 500px
}
#leftmenu .content .innerborder, #main .innerborder
{
	padding: 5px
}

/* Split Content - Left menu */

#leftmenu
{
	width: 200px;
	height: 100%
}
#leftmenu table.content
{
	border-collapse: separate;
	height: 100%;
	width: 191px
}
#leftmenu .innerborder ul
{
	margin-top: 15px
}
#leftmenu .innerborder ul li
{
	border-top: 1px solid #dbd6d2;
	padding: 3px 0;
	width: 175px
}
#leftmenu .innerborder p
{
	margin-top: 20px
}

/* Split Content - Right content */

#main .content
{
	margin: 0px 10px
}

/* Content - Headers and text */

#main h3
{
	margin-bottom: 10px;
	font-size: 14px
}
#main h4
{
	margin-bottom: 8px
}
#main a
{
	text-decoration: underline
}
#main p
{
	line-height: 15px;
	text-indent: 5px;
	text-align:justify;
	margin: 0 5px 10px 5px
}
#main hr
{
	border: 1px solid #dbd6d2;
	margin: 5px 0px
}

/* Content - News */

#news li
{

	margin-bottom: 25px
}
#news h4
{
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#news i
{
	font-weight: normal;
	color: #808080
}

/* Content - Link lists and other lists */

#main ul
{
	list-style: disc outside;
	margin: 0 0 10px 25px
}
#main ul li
{
	padding: 1px 0
}
#main ul.linklist
{
	margin: 0 0 10px 0;
	list-style: none
}
#main ul.linklist li
{
	border-top: 1px solid #dbd6d2;
	padding: 6px 0;
	width: 100%
}
#main ul li span
{
	font-style: italic;
	color: #777
}

#navigation
{
	padding: 15px 0 5px 0;
	text-align: center
}

#navigation span a
{
	padding: 0 20px 0 20px;
	font-size: 18px;
	text-decoration: none
}

/* Content - Image thumbs */

.thumb
{
	margin: 2px 6px;
	border: 3px double #999
}
.left
{
	float: left
}
.right
{
	float: right
}

/* Content - Gallery */

#imgtable
{
	margin-top: 5px;
	width: 565px
}
#imgtable td
{
	text-align: center;
	padding-bottom: 10px;
	width: 25%
}

/* Content - Map */

#map
{
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1
}
#map ul
{
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	z-index: 2
}
#map ul li
{
	border: 2px solid #f00;
	position: absolute;
	display: block;
	overflow: hidden;
	width: 25px;
	left: 275px;
	top: 260px
}
#map ul li#archipelago
{
	left: 20px;
	top: 333px
}
#map ul li span
{
	visibility: hidden
}
#map ul li a
{
	text-decoration: none
}

/* Content - Contacts */

#contacts td
{
	width: 33%;
	border-top: 1px solid #dbd6d2;
	padding: 8px
}
#contacts li
{
	list-style-type: none
}

/* Content - Documents/Events */

#documents, #events
{
	width: 100%;
	margin-top: 1px
}
#documents td, #events td
{
	border-top: 1px solid #dbd6d2;
	padding: 5px 0 5px 0
}
#documents .description, #documents .filesize, #events .date
{
	font-style: italic;
	color: #777
}
#documents .filename, #documents .filesize
{
	padding-right: 10px;
	white-space: nowrap
}
#documents .filesize
{
	text-align: right
}
#events .date
{
	width: 75px
}
#events .event_details
{
	border-bottom: 1px solid #dbd6d2
}
#events .event_file
{
	width: 33%;
	border: none
}

/* Content - Columns */

#columns
{
	width: 100%
}
#columns td
{
	vertical-align: top;
	width: 50%;
}
.c_left
{
	padding-right: 10px	
}
.c_right
{
	padding-left: 10px	
}
.line
{
	border-right: 1px solid #dbd6d2
}

/* Footer */

#footer
{
	text-align: center;
	height: 16px
}
#footer .innerborder
{
	color: #000;
	padding-top: 1px
}