/* GENERAL STYLES SETTINGS */

body {
	font-size: 11px;
	font-family: verdana; 
	line-height: 18px;
	background-color: #D6DCBE;
	text-align: center;
}

img {
/*border-width: 0px;	
	border-style: solid;
	border-color: #3E3D1D; */
	background-color: #FFFFFF;
	padding: 0px;
}

hr {
	color: #3E3D1D;
	border-top: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: dotted;
	height: 0px;
}

a {
	color: #3E3D1D;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: dotted;		
	text-decoration: none;	
}

a:hover {

	color: #FFFFFF;
	background-color: #3E3D1D;
}

p {

	font-size: 11px;
	line-height: 1.6;
	font-family: verdana;
	color: #3E3D1D;
	text-align: left;
}


h1 {

	font: bold 20px verdana;
	line-height: 1.2;
	color: #3E3D1D;
	text-align: left;
}

h1.hauskaotsikko {

	font: bold 26px monotype corsiva;
	line-height: 1.2;
	color: #3E3D1D;
	text-align: left;
}
h2 {

	font: bold 16px verdana;
	color: #3E3D1D;
	text-align: left;
	padding-top: 5px;
}

h3 {

	font: bold 11px verdana;
	color: #3E3D1D;
	text-align: left;
}

ul {

	font: 11px verdana; 
	color: #3E3D1D;
	text-align: left;
}

li {

	line-height: 1.8;
	color: #3E3D1D;
}



/* MAIN DIVS SETTINGS */

#wrapper {

	width: 770px;	 
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://kielikompassi.jyu.fi/img/forest/wrapperbg.gif);
	background-repeat: repeat-y;
	background-position: center; 
}

#headerbar {

	clear: both;
	height: 10px;
	background-color: #FFFFFF;
	font: 11px verdana; 
	color: #FFFFFF;
	text-align: right;
	padding-top: 21px;
	padding-bottom: 11px;
	padding-right: 25px;
	background-image: url(http://kielikompassi.jyu.fi/img/forest/topcontainer-softbg.gif);
	background-repeat: no-repeat;
}

#footerbar {

	clear: both;
	height: 10px;
	padding-top: 10px;
	padding-bottom: 22px;
	font: 10px verdana; 
	color: #FFFFFF;
	text-align:	right;
	padding-right: 25px;
	background-image: url(http://kielikompassi.jyu.fi/img/forest/bottomcontainer-softbg.gif);
	background-repeat: no-repeat;	
}

#pagebody {

	width: 746px;
	height: 100%
	text-align: left;
	padding-left: 12px;
	padding-right: 12px;
	background: transparent;
}


#contentarea	{

	background: transparent; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;	
	padding-bottom: 20px;
	text-align: left;
	background-image: url(http://kielikompassi.jyu.fi/img/forest/bgstrip-textarea.gif); 
	background-repeat: repeat-x; 
	background-color: #DDE1C9;
}




/* FOOTERBAR SETTINGS */

#footerbar a {

	font: 11px verdana; 
	color: #FFFFFF;
	text-decoration: underline;
	border-width: 0px;
}

#footerbar a:hover {

	font: 11px verdana;
	color: #3E3D1D;
	text-decoration: none;
	background-color: #FFFFFF;
}



/* HEADERBAR SETTINGS */

#headerbar a {

	font: 11px verdana; 
	color: #000099;
	text-decoration: underline;
	border-width: 0px;
}

#headerbar a:hover {

	font: 11px verdana;
	color: #3E3D1D;
	text-decoration: none;
	background-color: #FFFFFF;
}



#pagefooter {

	font: 10px verdana; 
	color: #3E3D1D;
	text-align: center;
	margin-right: auto;
	margin-left:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	line-height: 1.5;
}



/* NAVIGATION LEVEL 1 STYLES */

p.navib1 {

	font: 11px verdana; 
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib1 a {

	border-width: 0px;
	width: 185px;
	display: block;
	color: #FFFFFF;
	background-color: #62662A;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth1.gif);
	background-repeat: repeat-x; */
}

p.navib1 a:hover {

	width: 183px;
	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}



/* NAVIGATION LEVEL 2 STYLES */

p.navib2 {

	font: 11px verdana; 
	color: #3E3D1D;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib2 a {

	border-width: 0px;
	width: 175px;
	display: block;
	color: #3E3D1D;
	background-color: #ABB57E;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth2.gif);
	background-repeat: repeat-x; */
}

p.navib2 a:hover {

	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}



/* NAVIGATION LEVEL 3 STYLES */

p.navib3 {

	font: 11px verdana; 
	color: #3E3D1D;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib3 a {

	border-width: 0px;
	width: 165px;
	display: block;
	color: #3E3D1D;
	background-color: #C5CCA6;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth3.gif);
	background-repeat: repeat-x; */
}

p.navib3 a:hover {

	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}



/* NAVIGATION LEVEL 4 STYLES */

p.navib4 {

	font: 11px verdana; 
	color: #3E3D1D;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib4 a {

	border-width: 0px;
	width: 155px;
	display: block;
	color: #3E3D1D;
	background-color: #E0E5CD;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 40px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth4.gif);
	background-repeat: repeat-x; */
}

p.navib4 a:hover {

	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}



/* NAVIGATION LEVEL 5 STYLES */

p.navib5 {

	font: 11px verdana; 
	color: #3E3D1D;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib5 a {

	border-width: 0px;
	width: 145px;
	display: block;
	color: #3E3D1D;
	background-color: #EFF1E4;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 50px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth5.gif);
	background-repeat: repeat-x; */
}

p.navib5 a:hover {

	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}



/* NAVIGATION LEVEL 6 STYLES */

p.navib6 {

	font: 11px verdana; 
	color: #3E3D1D;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib6 a {

	border-width: 0px;
	width: 135px;
	display: block;
	color: #3E3D1D;
	background-color: #F8F9F3;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 60px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth5.gif);
	background-repeat: repeat-x; */
}

p.navib6 a:hover {

	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}



/* NAVIGATION LEVEL 7 STYLES */

p.navib7 {

	font: 11px verdana; 
	color: #3E3D1D;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib7 a {

	border-width: 0px;
	width: 125px;
	display: block;
	color: #3E3D1D;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 70px;
	padding-right: 10px;
	margin-bottom: 1px;
	/* background-image: url(http://kielikompassi.jyu.fi/img/freshblue/depth5.gif);
	background-repeat: repeat-x; */
}

p.navib7 a:hover {

	background-color: #FFFFFF;
	color: #3E3D1D;
	background-image: url(http://kielikompassi.jyu.fi/img/freshblue/active.gif);
	background-repeat: repeat-x;
}




/* TEMPLATE PLACEMENT STYLES */

#image-topleft {
	float: left;
	width: 180px;
	text-align: left;
	vertical-align: top;
}

#text-topright {
	margin-left: 185px;
	vertical-align: top;
	top: 70px;
	height: 200px;
	width: 300px;
	line-height: 1.8;
	padding-left: 20px;
	text-align: left;
}

#text-normal {
	position: relative;
	width: 500px;
	vertical-align: top;
	text-align: left;
}

#image-normal {
	width: 500px;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}

#poll-normal {
	position: relative;
	vertical-align: top;
	text-align: left;
	padding-bottom: 20px;
}

#link-normal {
	position: relative;
	vertical-align: top;
	text-align: left;
	padding-bottom: 20px;
}

#attachment-normal {
	position: relative;
	vertical-align: top;
	text-align: left;
	padding-bottom: 20px;
}

.pollbar {
	background-image: url(http://www.inimedia.net/temp/kompassi_v2/img/forest/pollbg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 31px;
}

p.subtitle {
	padding-bottom: 15px;
}

p.linktext {
  padding-left: 10 px;
}


#staff-text {

	float: left; 
	width: 300px; 
	padding-bottom: 30px;
	vertical-align: top;
}

#staff-image {

	float: left; 
	width: 100px; 
	padding-bottom: 30px;
	vertical-align: top;
}



.pollbar {
	background-image: url(http://kielikeskus.jyu.fi/img/pollbg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 31px;
}

img.poll {
	border-width: 0px;	
	border-color: #1E3443;
	background:transparent;
	padding: 0px;
	margin: 0px;
}