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-color: #650803;
   font-family: Courier, Courier New, Verdana, Arial, sans-serif;
}


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

td {
}

table {
  border-collapse: collapse;
}

th, td {
   vertical-align: top;
}

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

/* pääotsikko */
h1 { 
   font-family: Verdana, Arial, sans-serif;
   font-size: 24px; 
   font-weight: 900;
   margin: 0 0 5px -3px;
}

/* väliotsikko, kalenterin tapahtuma */
h2 { 
   font-family: Verdana, Arial, sans-serif;
   font-size: 16px; /* 18 */
   font-weight: bold;
}

/* kalenterin päivämäärä */
h3 { 
   font-family: Verdana, Arial, sans-serif;
   font-size: 24px; 
}

/*  kalenterin tapahtuma */
h4 { 
   font-family: Verdana, Arial, sans-serif;
   font-size: 16px;
}

/*  kalenterin artistit */
h5 {
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   line-height: 20px; /* */ 
   color: #2b6417; 
}

/*  postikortti */
h6 { 
   font-size: 16px; /* 18 */
   line-height: 25px; /* */
}

li {
   line-height: 15px;
}

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: 740px;
   margin: 0 auto;
   text-align: left;
}

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

div.header img {
   width: 740px;
   height: 130px;
   border: 0;
}

table.contentBorder {
   width: 100%;
}

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

td.leftTop {
   background: url('images/bg-left-tile.gif') top right repeat-y;
}

td.centerTop {
   width: 468px;
}

td.rightTop {
   background: url('images/bg-right-tile.gif') top left repeat-y;
}

td.contentData {
   width: 468px;
   background: url('images/bg-center-tile.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: 16px;
}

.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: 171px;
   text-align: right;
   vertical-align: middle;
   background: url('images/bg-left-tile.gif') top right repeat-y;
}

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

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

.footer div.content {
   text-align: center;
   height: 30px;
   margin: 0 110px 0 180px;
   padding: 120px 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;
}