body,
div, span, p,
h1, h2, h3, h4, h5, h6,
table, th, td,
img,
form,
ul, li {
  margin: 0;
  padding: 0;
}

body {
   color: #670b04;
   background: #650803 url('images/tirra_bg-tile.gif') top left repeat;
   font-family: verdana, arial, sans-serif;
}

body, .contentData {
   font-size: 12px;
}

td {
}

table {
  border-collapse: collapse;
}

th, td {
   vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {}

/* pääotsikko */
h1 { 
   font-size: 18px; 
   text-transform: uppercase;
   margin: 0 0 5px 0;
}

/* väliotsikko, kalenterin tapahtuma */
h2 { 
   font-size: 18px;
}

/* kalenterin päivämäärä */
h3 { 
   font-size: 24px; 
}

/*  kalenterin tapahtuma */
h4 { 
   font-size: 16px;
}

/*  kalenterin artistit */
h5 {
   font-size: 16px;
   color: #2b6417; 
}

/*  postikortti */
h6 { 
   font-size: 18px;
}

input.text, textarea, select {
   color: black;
   border: 2px inset #670b04;
   padding: 2px;
   background: url('images/keikat-bg-light.gif') top left repeat;
}

input.submit {
   padding: 3px 9px;
   border: 2px outset #670b04;
   color: white;
   font-weight: bold;
   font-size: 10px;
   letter-spacing: 0.5ex;
   background: #670b04;
}


div.clear {
   clear: both;
}

div.menu {
   position: absolute;
   top: 0;
   left: 0;
   background: url('images/logo-torvi.gif') top left no-repeat;
   padding: 100px 0 0 10px;
}

div.menu a {
   margin: 0;
   text-transform: uppercase;
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   line-height: 13px;
}

div.menu a.main {
   display: block;
   font-weight: bold;
   margin: 0 0 0 0;
}


div.menu a:link,
div.menu a:visited {
   color: #efe6eb;
   text-decoration: none;
}

div.menu .selected a:link,
div.menu .selected a:visited {
   text-decoration: underline;
}


div.menu a:focus,
div.menu a:hover,
div.menu a:active {
   color: #efe6eb;
   text-decoration: underline;
}

div.menu ul {
   list-style-type: square;
   list-style-position: inside;
}

div.menu li {
   color: white;
   line-height: 10px;
}

div.adminMenu {
   margin: 10px 0 0 0;
}

div.center {
   text-align: center; 
}

div.container {
   width: 548px;
   margin: 0 auto;
   text-align: left;
}

div.header {
   width: 548px;
   height: 183px;
   background: url('images/tirra_top.gif') top center no-repeat;
}

div.header img {
   width: 548px;
   height: 183px;
   border: 0;
}

td, div {
}


table.contentBorder {
   width: 100%;
}

.leftTop, .centerTop, .rightTop {
   height: 132px;
}

td.leftTop {
   width: 41px;
   background: url('images/tirra_left.gif') top right repeat-y;
}

td.centerTop {
   display: none;
}

td.rightTop {
   width: 38px;
   background: url('images/tirra_right.gif') top left repeat-y;
}

td.contentData {
   width: 470px;
   background: url('images/tirra-tile-center.gif') top center repeat-y;
}

div.contentArea {
   position: relative;
   margin-top: -150px;
}

.contentPadding {
   padding: 10px 25px 0 25px;
}

.contentData p {
   padding: 0;
   margin: 0 0 10px 0;
   line-height: 17px;
}

.contentData a:link,
.contentData a:visited {
   color: #670b04;
   text-decoration: underline;
}

.contentData a:focus,
.contentData a:hover,
.contentData a:active {
   color: #670b04;
   text-decoration: underline;
}

td.leftBorder {
   width: 41px;
   text-align: right;
   vertical-align: middle;
   background: url('images/tirra-tile-left.gif') top right repeat-y;
}

td.rightBorder {
   width: 38px;
   text-align: left;
   vertical-align: middle;
   background: url('images/tirra-tile-right.gif') top left repeat-y;
}


div.footer {
   margin: -20px 0 0 0;
   background: url('images/tirra_bottom.gif') top center no-repeat;
   width: 548px;
   height: 89px;
}

.footer div.content {
   text-align: center;
   padding: 35px 0 0 0;
   font-size: 10px;
}


.footer .content a:link,
.footer .content a:visited {
   color: black;
   text-decoration: none;
}

.footer .content a:focus,
.footer .content a:hover,
.footer .content a:active {
   color: black;
   text-decoration: underline;
}