/* oulunlaskuvarjokerho.com styles */

* { margin:0; padding:0; }

body {
	margin:0 auto;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background: url(bg.jpg) repeat-x;
	text-align:center;
	
}

a { border:none; color:#e82e2e; }

a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

img { border:none; }
p, ul  { font:normal 12px/18px Arial, Helvetica, sans-serif; padding:4px 0 8px 0 }
h1 { padding:15px 0 5px 0; font-size:22px; line-height:30px; color:#333; }
h2 { padding:15px 0 5px 0; font-size:22px; line-height:30px; color:#333; }
h3 { padding:20px 0 5px 0; font-size:20px; line-height:30px; color:#555 }
h4 { font-weight:bold; color:#777; line-height:30px; padding:20px 0 0; font-size:18px; }
h4 .date { font-size:14px; float:right}
h5 { font:bold 46px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#ccc; padding:0; clear:both; display:block; width:90px; float:left; clear:both; }

#right h3 { font-size:32px; line-height:40px; letter-spacing:-2px; padding:0; }

.clear { clear:both; }
.highlight { color:red; font-weight:bold; }


 
#container { width:940px; margin:0 auto; text-align:left; background:#FFF url(header.jpg) no-repeat center top; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }


#header { height:220px; font:normal 13px Arial, Helvetica, sans-serif; padding:40px 30px }
#header a#logo  { display:block; width:200px; height:200px; }
#header a#logo img { display:none}
#header a#logo span { display:none}

.titleLinks a { display:none; text-decoration:none; font-size:120%; padding:10px; }
.titleLinks a:hover { color:#FF3333 }


#mainContent { padding:0 12px;  }
.col1 { width:220px; padding-right:20px; border-right:1px solid #ccc; float:left; }
.col2 { width:237px; float:right; padding-left:20px; }
.col2 table { border-collapse:collapse }
.col2 td { border:1px solid #ccc; width:14px; text-align:center; padding:1px }



#mainContent ol { margin-left:20px; }
#mainContent ul { margin-left:20px; }
	
	

#footer { clear:both; display:block; color:#999; margin-top:10px; padding:6px; }
#footer * { font-size:12px;  }
#footer p { padding:4px 0; margin:0 }
#footerL { float:left; }
#footerR { float:right; width:48%; padding-top:10px; }
#footerL { width:48%; float:left; padding-top:10px; }	
#footer .contactItem { width:49%; float:left; }
#footer strong { display:block; }
 
#footer h3 { padding:8px 0; }  


	
#copyright {
	text-align:center;
	padding:6px;
	clear:both;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#669966
}




/* 2 cols, scroll to content... */

#left { width:210px; float:left; display:inline; }
#left ul.nav { margin:0 0 20px 0; list-style:none; }
#left ul.nav li { display:block; border-bottom:1px solid #DEDEDE; list-style:none }
#left ul.nav li a { display:block; padding:5px 5px 5px 10px; font-size:13px; line-height:15px; background:none }
#left ul.nav li a:hover { color:#000; background:#F7F7F7; text-decoration:none }
#left ul.nav li a.opened { color:#000; background:#F7F7F7; font-weight:bold;  }
#left ul.nav ul { margin:0 0 0 20px; padding:0 }
#left ul.nav ul.mem { margin:10px 0 0 0px; padding:0 }
#left ul.nav li * { margin:0; padding:0; list-style:none }
#left ul.nav li li { border-bottom:1px solid #FFF; margin-left:20px }
#left ul.nav li li a { padding:3px} 
#left ul.nav li li a:hover { background:#fff; }
#left ul.nav li li a.selected { color:#640; cursor:text }
#left ul.nav li li a.selected:hover { color:#640; }


#middle { width:500px; float:left; padding:0 15px; }
#middle newsItem { margin:10px 0 20px 0; }

#right { width:150px; float:right; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 0 9px 9px; }

/* Big text (2 columns) */

#big_content {  }
#big_content p { line-height:22px; font-size:14px; }
#big_left  { width:426px; float:left; display:block; padding:0 40px 0 0; }
#big_right { width:434px; float:left; display:block; }


.arrowLink {
  font-size:11px;
  background:url(arrow.gif) no-repeat left center;
  padding:0 0 0 10px;
  }

hr {
  border:0;
  height:1px;
  background-color:#ddd;
  color:#ddd;
  margin:10px 0
  }

caption { display:block; text-align:left; font-weight:bold; color:#777; line-height:34px; padding:12px 0 0; font-size:16px;  }
table.hinnasto { width:100%; margin:20px 0 10px; }
table.hinnasto td {border-bottom:1px solid #f0f0f0}
table.hinnasto em { font-size:80%} 
table.hinnasto .hinta { width:100px; }
table.kalenteri {width:100%; margin:20px 0 10px;}
table.kalenteri td {border-bottom:1px solid #f0f0f0}

table.weather {width:100%; background-color: #FFF; border:0px solid #999;}

.gallery .img_container { display:block; float:left; width:102px; height:102px; overflow:hidden; margin:10px; border:2px solid #fff; }
.gallery .img_container a { width:100px; height:100px; display:block; background-position:center; background-repeat:no-repeat; border:1px solid #fff;}
.gallery .img_container:hover { border:2px solid #BDCCF2 }
.gallery .img_container a img { display:none }

ul.submenu  { list-style:none; margin:0; padding:0 }
ul.submenu * { margin:0; padding:0 }
ul.submenu li { list-style:none; display:block; height:100px; overflow:hidden; margin:10px; }
ul.submenu li .img_container { display:block; float:left; width:100px; height:100px; overflow:hidden; margin-right:20px; background-position:center; background-repeat:no-repeat; }
ul.submenu li a { height:100px; display:block; color:#444; font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:100px }
ul#gallery li a img { display:none }
p.link { font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding-left:30px }
p.link a { padding:0 10px }


.newsItem { padding:10px 0; border-bottom:1px solid #ddd }
.caption { display:block; font-weight:bold; text-align:left; }
.caption span { position:relative; top:-20px}
textarea {width:400px; height:50px; font:10px Verdana, Arial, Helvetica, sans-serif;}
input.text {width:200px; font:10px Verdana, Arial, Helvetica, sans-serif; }
input.number {width:20px; font:10px Verdana, Arial, Helvetica, sans-serif; float:left }
input.radio {float:left; clear:left; }
label.text {display:block}
label.radio {padding:0 10px; width:160px; display:block; float:left}
fieldset {border:none; margin-bottom:20px}
fieldset br {clear:both}
fieldset span {display:block; width:40px; float:left; padding-left:10px;}
legend { display:block; text-align:left; font-weight:bold; color:#777; line-height:34px; padding:12px 0 0; font-size:16px;  }
dl { display:block; width:500px; float:right; clear:none}

dt { font-weight:bold; display:block; float:left; width:150px; clear:both;  }
dd {font-weight: normal; display:block; width:350px; float:right; clear:right; padding: 0 0 0.5em 0;}

#ad { margin-bottom:5px}

#weather { border:1px solid #ccc; background:#fff; font:bold 9px Verdana, Arial, Helvetica, sans-serif; padding:5px; width:136px; margin-top:20px }
#weather p { font:9px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:2px 0 }