/* Trouble in the Woods
   Styles, graphics by Ilkka Juuso and photos by Lisa Lena Opas-Hanninen / University of Oulu, Finland  */
body { margin: 0px; padding: 0px; background-color: #ac9e77; }
#innerbody { font-family: Arial,sans-serif; color: #000000; line-height: 1.166;	width: 720px; background-image:url(images/horizontal-bg-slice2.jpg); background-repeat: repeat-y; border-right: 1px solid #FFFFFF; }
a:link, a:visited, a:hover { color: #5b533c; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; margin: 0px; padding: 0px; }
h1 { font-size: 120%; }
h2 { font-size: 134%; margin: 10px 0px; }
h3 { font-size: 100%; }
h4 { font-size: 100%; font-weight: normal; }
h5 { font-size: 100%; }
ul { list-style-type: square; }
ul ul {	list-style-type: disc; }
ul ul ul { list-style-type: none; }
label { font: bold 100% Arial,sans-serif; color: #413924; }
				
#masthead { margin: 0; padding: 0px; border-bottom: 1px solid #cccccc; width: 100%; height: 214px; background-image:url(images/heading.jpg); background-repeat: no-repeat; }
#navBar { margin: 0 79% 0 0; padding: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #9f9268; }
#navBar h1, #navBar h2, #navBar h3, #navBar h4 { color: #413924; }
#content { float: right; width: 75%; margin: 0; padding: 0 3% 0 0; }
#content h1, #content h2, #content h3, #content h4 { color: #FFFFFF; }
#content h3 { font-weight: bold; border-bottom: 2px solid white; }

#globalNav { color: #cccccc; padding: 0px 0px 0px 10px; white-space: nowrap; }
#globalNav img { display: block; }
#globalNav a { font-size: 90%; padding: 0px 4px 0px 0px; }

.feature { padding: 0px 0px 10px 10px; font-size: 80%; }
.feature h3 { padding: 10px 0px 5px 0px; text-align: center; font-size: 180%; }
.feature img { float: right; margin: 0 10px 5px 0; border: 1px solid #000000; }

.story { clear: both; padding: 10px 0px 0px 10px; font-size: 80%; }
.story p { padding: 0px 0px 10px 0px; }

#siteInfo { clear: both; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 75%; color: #413924; padding: 10px 10px 10px 10px; margin-top: 0px; background-color: #9f9268; }
#siteInfo img { padding: 4px 4px 4px 0px; vertical-align: middle; }
#menutop { padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%; }

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#sectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; }
#sectionLinks h3 { padding: 10px 0px 2px 10px; }
#sectionLinks a { background-image: url(images/menu-bg2.jpg); }
#sectionLinks a.current { background-image: url(images/menu-bg3.jpg); font-weight: bold; }
#sectionLinks a:link { padding: 2px 0px 2px 10px; border-top: 1px solid #cccccc; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: auto; }
#sectionLinks a:visited { border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; }
#sectionLinks a:hover { border-top: 1px solid #cccccc; background-image: url(images/menu-bg3.jpg); font-weight: bold; padding: 2px 0px 2px 10px; text-decoration: none; }

.relatedLinks { margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%; line-height: 1.0em; }
.relatedLinks a { margin-top: 8px; }
.relatedLinks a:hover { text-decoration: none; font-weight: bold;}
.relatedLinks h3 { padding: 10px 0px 2px 0px; }