/**
 Runko
**/
body {
	margin: 0px auto;
	padding: 0px;
	font-family: verdana, sans-serif, Arial;
	font-size: 12px;
        background: #B3D3D4;
        text-align: center;
        background-image: url("../images/background.jpg");
        background-repeat: repeat-x;
}

#container {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
        background-color: #fef8d7;
        text-align: left;
}

/** Ensimmäinen taso **/
#headerBanner {
        margin: 0px;
        padding: 0px;
        background-image: url("../images/headerBanner.jpg");
        background-repeat: no-repeat;
        background-color: #4e7e93;
        height: 162px;
        border-bottom: 1px solid #ffffff;
}

#headerNav {
        margin: 0px;
        padding: 0px;
        background-color: #4e7e93;
        height: 27px;
}

/** Toinen taso **/

#upperContent {
        margin: 0px;
        padding: 0px;
        background-color: #ffffff;
}

#upperContentNav {
        float: left;
        width: 220px;
        height: 274px;
        margin: 0px;
        padding: 10px 0px 0px 0px;
        background-color: #fef8d7;
        background-image: url("../images/shapes/shape_left.jpg");
        background-position: 0px 269px;
        background-repeat: no-repeat;
}

#upperContentArea {
        float: left;
        width: 580px;
        height: 284px;
        margin: 0px;
        padding: 0px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-color: #fef8d7;
}

#contentArea {
        margin: 0px;
        padding: 0px;
        width: 100%;
        background: url("../images/background-left.jpg");
        background-repeat: repeat-y;
        background-position: top left;
        background-color: #fef8d7;
}

#contentNav {
        float: left;
        width: 220px;
        margin: 0px;
        padding: 25px 0px 50px 0px;
        background-color: transparent;
        min-height: 230px;
}

#content {
        float: left;
        width: 420px;
        margin: 0px;
        padding: 10px 20px 70px 20px;
        background-color: #fef8d7;
        font-size: 11px;
}

#imagelist {
        float: left;
        width: 110px;
        margin: 0px;
        padding: 10px 0px 20px 0px;
        background-color: #fef8d7;
}

#footer {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color: #3d6674;
}

.cb {
        clear: both;
}

.divLeft {
        float: left;
        width: 50%;
        margin: 0px;
        padding: 0px;
}

.divRight {
        float: left;
        width: 50%;
        margin: 0px;
        padding: 0px;
}

/**  Header **/

#headerBanner h1 {
        margin: 30px 0px 0px 30px;
        padding: 0px;
        color: #ffffff;
        font-size: 35px;
        font-weight: normal;

}

#headerBanner h2 {
        margin: 0px 0px 0px 30px;
        padding: 0px;
        color: #ffffff;
        font-size: 28px;
        font-weight: normal;
        text-align: left;
}

#headerBanner .headerTitle {
        clear: both;
        margin: 90px 30px 0px 0px;
        padding: 0px;
        color: #ffffff;
        font-size: 15px;
        text-align: right;
}

/** Yleiset tyylit **/

ul {
       margin: 0px;
       padding: 0px;
       list-style-type: none;
}

li {
       margin: 0px;
       padding: 0px;
}

a {
       margin: 0px;
       padding: 0px;
       color: #666699;
       text-decoration: none;
}

h1, h2, h3, h4, h5 {
       margin: 20px 0px 15px 0px;
       padding: 0px;
       color: #007B7B;
}

img {
       margin: 0px;
       border: none;
}

textarea {
       width: 300px;
}

.htextarea {
       width: 400px;
}

.front2 {
      margin: 0px 45px 20px 0px;
      text-align: right;
}

/** Navigointirivistöt **/

.ylavalikko {
       margin: 0px;
       padding: 0px 5px 0px 5px;
}

.ylavalikko li {
       float: left;
       margin: 0px 4px 0px 4px;
       padding: 0px 3px 0px 3px;
       list-style-type: none;
}

.ylavalikko a {
       margin: 0px;
       padding: 6px 7px 6px 7px;
       display: block;
       font-size: 10px;
       color: #c7cfc9;
       text-transform: uppercase;
}

.ylavalikko a:hover {
       color: #ffffff;
       background-color: #608fa4;
}

.vasenvalikko {
       margin: 5px 2px 3px 10px;
       padding: 0px 2px 0px 0px;
}

.vasenvalikko li {
       margin: 3px 5px 3px 5px;
       padding: 0px;
       list-style-type: none;
       color: #a7bfc9;
}

.vasenvalikko a {
       margin: 0px;
       padding: 0px;
       display: block;
       width: 90%;
       font-size: 11px;
       font-weight: bold;
       color: #284869;
}

.vasenvalikko a:hover {
       color: #353d3f;
       text-decoration: underline;
}


#contentNav .yhteystiedot {
       margin: 0px 0px 0px 15px;
       padding: 0px;
       font-weight: normal;
}

#contentNav ul {
       margin: 5px 2px 3px 10px;
       padding: 2px 2px 2px 0px;
}

#contentNav ul li {
       margin: 4px 5px 4px 5px;
       padding: 0px;
       list-style-type: none;
       color: #ffffff;
}

#contentNav ul li ul{
       margin: 0px 5px 5px 15px;
}

#contentNav ul li ul li{
       margin: 5px 0px 5px 0px;
       padding: 0px;
       list-style-position: outside;
       list-style-type: none;
}

#contentNav a {
       margin: 0px;
       padding: 0px;
       display: block;
       width: 90%;
       font-size: 11px;
       font-weight: bold;
       color: #ffffff;
}

#contentNav ul li ul a {
       color: #F0F0F0;
       font-weight: normal;
       text-decoration: underline;
}

#contentNav a:hover {
       color: #ffffff;
       text-decoration: underline;
}

#contentNav h1 {
       margin: 15px 2px 3px 13px;
       padding: 2px 2px 2px 0px;
       font-size: 12px;
       color: #ffffff;
}

#contentNav p {
       margin: 5px 2px 3px 13px;
       padding: 2px 2px 2px 0px;
       font-size: 11px;
       color: #ffffff;
}

/**  Kuvalistat **/

#imagelist {
       margin: 0px 0px 0px 0px;
       padding: 55px 0px 0px 0px;
}

#imagelist .imagelistItem {
        margin: 10px 0px 10px 0px;
        padding: 3px;
        border: 1px solid #f1f1f1;
}

#imagelist img {
       	cursor: pointer;
}

/** Content**/

#content h1 {
       text-transform: uppercase; 
       font-size: 14px;
       color: #284869;
}

#content h2 {
       text-transform: uppercase;
       font-size: 13px;
       color: #284869;
}

#content h3 {
       margin: 20px 0px 5px 0px;
       padding: 0px;
       font-size: 13px;
       color: #284869;
}

#content h4 {
       font-size: 11px;
       color: #284869;
}

#content h5 {
       font-size: 11px;
       color: #284869;
}

#content p {
       margin: 10px 0px 10px 0px
       padding: 0px;
       font-size: 11px;
       color: #284869;
}

#content ul {
       margin: 0px;
       padding: 0px;
       list-style-type: disc;
       list-style-position: inside;
}

#content li {
       margin: 10px 0px 5px 0px;
       padding: 0px;
}

#content li ul {
       margin: 0px 0px 0px 10px;
       padding: 0px;

}

#content a {
       text-decoration: underline; 
}

#com_index li {
       list-style-type: none;
}

/** Galleria **/

.gallery {
      margin: 0px;
      padding: 0px;
      background-color: #ffffff;
      border: 1px solid #DCDCDC;

}

.galleryTitle {
      font-size: 12px;
      font-weight: bold;
      color: #9C9C9C;
}

.gallery .thumbListItem {
     margin: 5px;
     padding: 0px;
     float: left;
}

.gallery .thumbsList {
     margin: 5px;
     padding: 5px;
}


.gallery li {
      margin: 10px;
      padding: 5px;
      width: 100px;
      height: 100px;
      list-style-type: none;
}

#content .galleryListItem {
      margin: 5px 0px 5px 0px;
      padding: 5px;
      width: 380px;
      background-color: #ffffff;
      border: 1px solid #CFCFCF;
}

#content .galleryListItem .sample {
      float: left;
      margin: 0px;
      padding: 3px 0px 2px 2px;
      width: 120px;
      height: 120px
      text-align: center;
      background-image: url("../images/thumbBackround.jpg");
      background-repeat: no-repeat;
      background-position: 0px 0px;
}

#content .galleryListItem img {
      margin: 0px;
      padding: 0px;
}

#content .galleryListItem .sample a {
      margin: 0px;
      padding: 0px;
      display: block;
}

#content .galleryListItem .info {
      float: left;
      margin: 0px 5px 0px 5px;
      padding: 0px;
      width: 250px;
}


#content .galleryListItem .description {
      margin: 0px;
      padding: 0px;
      font-size: 10px;
      font-weight: normal;
      color: #595959;
}

#content .galleryListItem .caption{
      margin: 0px;
      padding: 0px;
}

#content .galleryListItem .caption a {
      font-size: 12px;
      font-weight: bold;
      color: #595959;
      text-decoration: none;
}

#content .galleryNav {
      margin: 5px 0px 5px 0px;
      padding: 3px;
      font-size: 10px;
      color: #9C9C9C;
}

#content .gallery .disp {
      margin: 0px;
      padding: 5px 2px 5px 2px;
      text-align: center;

}

/**
 Kalenteri
**/


#com_calendar .event {
      margin: 15px 0px 15px 0px;
      padding: 5px 2px 5px 2px;
}

#com_calendar .date {
      margin: 0px;
      padding: 0px;
      color: #8C8C8C;
      font-size: 10px;
}

#com_calendar .caption {
      margin: 0px 0px 5px 0px;
      padding: 0px;
      font-size: 13x;
      font-weight: bold;
}

#com_calendar .caption a {
      margin: 0px;
      padding: 0px;
      font-size: 13x;
      text-decoration: underline;
      font-weight: bold;
}

#com_calendar .caption a:hover {
      text-decoration: underline;
}

#com_calendar p {
      margin:5px 0px 0px 0px;
      padding: 0px;
}

#com_calendar .link {
      margin: 10px 0px 0px 0px;
      padding: 0px;
}

#com_calendar .goback {
      margin: 25px 0px 0px 0px;
      padding: 0px;

}


#com_frontpageNews {
      margin: 25px 0px 5px 0px;
      padding: 0px 0px 0xp 0px;
}

#com_frontpageNews .newsevent {
      margin: 8px 0px 8px 0px;
      padding: 0px 0px 0xp 20px;
      background-image: url('../images/eventList.png');
      background-position: 0px 5px;
      background-repeat: no-repeat;

}

#com_frontpageNews .caption {
      margin: 0px 0px 0px 10px;
      padding: 0px 0px 0xp 0px;
}

#com_frontpageNews a {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0xp 0px;
      text-decoration: none;
      font-weight: normal;
}

#com_frontpageNews a:hover {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0xp 0px;
      text-decoration: underline;
}

#content .rss_bar {
      margin: 10px 0px 0px 0px;
      padding: 0px 0px 0xp 0px;
}


/** Footer **/

#footer p {
       text-align: center;
       font-size: 10px;
}

#error {
      margin: 5px 0px 5px 0px;
      padding: 5px 10px 5px 10px;
      border: 1px solid #ff7d09;
      background-color: #ffd7b4;
      font-weight: normal;
      font-size: 12px;
      color: #000000;
}

#error p {
      margin: 0px;
      padding: 0px;
}