body {background: #FF9900 url(i/fade.jpg) repeat-x top; margin: 0; padding: 0 0 40px 0; font: normal 12px Geneva, Arial, Helvetica, sans-serif; text-align: center; color: #333; }

/* *** Grid *** */
#wrapper {width: 650px; margin: 0 auto;}
#right-side {float: right;}
#index #wrapper, #summer #wrapper {width: 830px}
#index #right-side, #summer #right-side {width: 370x}
#container {float: left; background: url(i/grid_raita.gif) repeat-y; text-align: left; margin: 0;}
#content {width: 453px; background: url(i/grid_top.gif) no-repeat top; margin: 0; padding: 190px 0 0 0;}
#gatorade #content {background-image: url(i/grid_gatorade.jpg);}
#footer {float: left; background: url(i/grid_bottom.gif) no-repeat bottom; height: 77px; width: 453px; text-align: right; margin: 0 0 40px 0;}
#footer p {margin: 0 10px 0 0;}
#footer strong {margin: 20px 0 0 0; display: block; font-size: 11px;}
#footer a {color: #666;}

/* *** Menu *** */

#menu {background: url(i/logo.jpg) no-repeat top left; height: 144px; margin: 0 0 -10px 0; padding: 0;}
#wrapper > #menu {margin: 0;}
.menu  {float: right; margin: 0; padding: 40px 0 0 0;}
.menu li {list-style-type: none; margin: 0 200px 0 0; padding: 2px 0; text-align: right;}
.menu a {padding: 4px 3px; text-decoration: none; color: #FFF; font: normal 11px Tahoma; letter-spacing: 0.1em;}
.menu a:hover {color: #FF9900;}
#current {color: #FF9900;}

/* *** Tekstit *** */
h1 {font-size: 18px; margin: 0 20px; padding: 20px 0 0 0;}
h2 {font-size: 14px; margin: 10px 20px;}
h3 {font-size: 11px; margin: 0 20px;}
h6 {display: none;}
p {margin: 5px 20px;}
p.ingres {margin: 5px  20px; font-size: 12px;}
hr {margin: 0 20px; border: 0; height: 1px; color: #333; background: #333; display: block;}
a {color: #666;}
a:hover {text-decoration: none;}

td {vertical-align: top;}

#right-side p {margin: 0 0 10px 0;}

/* *** Muotoilut *** */
img {border: none;}
.stabilizer {clear: both; height: 1px; margin: 0;}
.stabilizer hr {display: none;}

/* *** Haukivuori *** */
.tervehdys {border: 1px solid #333; width: 180px; background: #FDA828; margin: 0 5px 10px 5px; text-align: left;}
.tervehdys h3 {margin: 5px;}
#right-side .tervehdys p {font-size: 10px; font-family: Arial; margin: 0 5px 5px 5px;}
.haukivuori {background: #FDA828 url(i/haukivuori.jpg) no-repeat left top; padding-top: 140px;}
.leirikumppanit {border-collapse: collapse; margin: 0 20px;}
.leirikumppanit td {vertical-align: top; font-size: 10px; border-bottom: 1px solid #333; padding: 10px 3px;}
.leirikumppanit p {margin: 0 0 5px 0;}
caption {font: bold 12px Verdana, Arial, sans-serif; text-align: left; margin: 20px;}

.leirispons {margin: 0; width: 180px; color: #FFF; font-size: .8em; text-align: left}

/* *** Yhteydenotto *** */
form {display: inline;}
.lomake span {width: 50px; margin: 0 0 0 10px; display: block; float: left;}
.button {border: 1px solid #CC6600; background: transparent; padding: 2px 10px; cursor: pointer; color: #333; font-weight: bold;}
.button:hover, .button:focus {background: #CC6600; color: #FFF;}
input:focus, textarea:focus {background: #FFFFCC;}

/* *** Gatorade *** */

li {margin: 0 20px;}
table {font-size: 12px; padding: 2px; margin: 0 20px; width: 400px}
th {text-align: left; font-size: 12px}

@media print {
#menu {display: none;}
#content {padding: 0;}
body, #content, #container, #footer {background: none;}
}

/* *** Sauna *** */
#sauna #wrapper {width: 930px}
#sauna #container, #sauna #content, #sauna #footer {background: #FF9900;}
#sauna #content, #sauna #footer {padding: 0; width: 920px;}
#sauna .menu li {margin-right: 30px}
.bastu {width: 900px;}
.bastu td {width: 400px;}
.bastukuvat {padding: 0; margin: 0 20px; list-style: none; width: 426px}
.bastukuvat li {float: left; margin: 0}
.bastukuvat li img {display: inline}
#bastukuva {height: 300px}