body {
	font-family: Georgia, "Times New Roman", Arial;
	font-size: 13px;
	line-height: 140%;
	background:#c6cfd5;
	    color: #4d5d6a;
}

img {
	border:0px;
}

.clear {
    clear:both;
}

#wrapper {
    margin: 0px auto;
    width: 990px;
}

#header {
    position:relative;
    background:transparent url('/img/header.jpg') no-repeat;
    height:167px;
}

#nav {
    position:absolute;
    bottom: 15px;
    left: 28px;
	font: bold 12px Georgia;
	
}

#nav ul {
    margin:0px;
    padding:0px;
}

#nav li {
    display:inline;
    float:left;
    margin:0px;
    padding:0px;
    border-left: 2px solid #4d5d6a;
}

#nav li:first-child {
    border:0px;
}

#nav a:link, #nav a:visited {
    padding: 0px 12px;
    display:block;
	color:#4d5d6a;
	text-decoration:none;
}

#nav a:hover {
	color:#8b0038;
}

#nav a.selected, #nav a.selected:link, #nav a.selected:visited {
	color:#ffffff;
}

#nav a.current, #nav a.current:link, #nav a.current:visited {
	color:#ffffff;
}

#contentwrapper {
    background: transparent url('/img/content_bg.jpg');
    padding:0px 12px;
}

#leftbar {
    float:left;
    width:267px;
}

#subnav {
	/*height:230px;*/
	padding:20px 15px 15px 25px;
	min-height:195px;
	margin: 0px 1px;
	background:#8b0038;
	font: bold 12px Georgia;
}

* html #subnav {
    height:195px;
}

#subnav ul {
    margin:0px;
    padding:0px;
}


#subnav li {
    list-style-type:none;
    border-left: 1px solid #fff;
    margin:10px 0px;
    padding: 0px 6px;
}

#subnav h3 {
    color:#fff;
    font-size:12px;
    font-family: Georgia;
    margin: 0px 0px 15px 0px;
    padding: 12px 0px 13px 0px;
	text-transform:uppercase;
	background:transparent url('/img/nav_heading_bg.jpg') no-repeat;
}

#subnav a:link, #subnav a:visited {
    display:block;
	color:#ffffff;
	text-decoration:none;
}

/*#subnav a.selected, #subnav a.selected:link, #subnav a.selected:visited {
    color:#ffffff;
}

#subnav a.current, #subnav a.current:link, #subnav a.current:visited {
    color:#ffffff;
}
*/
#subnav a:hover {
    color:#9db3c4;
}

#hotspot {
	  background: #8B0039 url('/img/hotspot.jpg') no-repeat;
    width: 200px;
    height: 200px;
    margin:20px;
    padding: 40px 13px 0 13px;
    text-align: center;
    color: #FFF;
}

#hotspot a {
  color: #FFF;
}

/* Sisällöt */

#content {
    float:left;
    margin-left:1px;
    width:697px;
}

#content .column {
    margin:17px;
    width:305px;
    float:left;
}

#content ul#newslist {
    margin:0px;
    padding:0px;
}

#content ul#newslist li {
    list-style-type:none;
    padding:10px 0px;
    border-top:1px solid #D3D3D3;
}

#content ul#newslist li:first-child {
    padding-top:0px;
    margin-top:0px;
    border-top:0px;
}

#content .headerimage {
	  width: 697px;
		height: 230px;
    padding: 0;
    margin: 0;
    margin-bottom:10px;
}

#content h2 {
	font-size:14px;
	font: bold 14px Georgia;
	color:#8b0038;
}

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

#footer {
    text-align:center;
	font: bold 10px Georgia;
	color: #4c5d6a;
	background: transparent url('/img/footer.jpg') no-repeat;
	padding-top:35px;
}

.ornamentright {
    background: transparent url('/img/ornament-right.jpg') no-repeat;
    padding:5px 18px;
    white-space:pre;
    display: inline-block; /* Fixes inline element background for IE */
/*    width: 33px;
    height:19px;
    position:relative;
    display:inline;*/
}

.ornamentleft {
    background: transparent url('/img/ornament-left.jpg') no-repeat;
    padding:5px 18px;
    white-space:pre;
    display: inline-block; /* Fixes inline element background for IE */
/*    width: 33px;
    height:19px;
    position:relative;
    display:inline;*/
}

/* columns width 305px, margin 17px */


/* Albums */

#albumit td {
	vertical-align: top;
	padding: 5px 0;
}

ul#albums-list {
}

.description {
    width: 480px;
}

.title {
    width: 480px;
    font-size: 13px;
    font-weight: bold;
}

#album-photos {
    width: 520px;
}

#album-photos p {
    width: 120px;
    height: 90px;
    padding: 5px;
    text-align: center;
    float: left;
}

#photo-links {

  text-align: right;
}

#photo-links p {
	display: inline;
	padding: 0 10px;
}

/* Kalenteri */

.kalenteri {
    width: 90px;
    height: 75px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #000;
}

th {
    width: 90px;
    height: 25px;
    text-align: center;
    font-weight: bold;
}