/* GENERAL STYLES SETTINGS */

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

img {
	border-width: 1px;	
	border-style: solid;
	border-color: #223E64;
}

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

a {
	color: #223E64;
	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: #20467B;
}

p {
		font-size: 11px;
		line-height: 1.6;
		font-family: verdana;
		color: #223E64;
		text-align: left;
}


h1 {
		font: bold 18px verdana;
		line-height: 1.2;
		color: #223E64;
		text-align: left;
		padding-bottom: 5px;
}

h2 {
		font: bold 15px verdana;
		color: #223E64;
		text-align: left;
}

h3 {
		font: bold 11px verdana;
		color: #223E64;
		text-align: left;
}

ul {
		font: 11px verdana; 
		color: #223E64;
		text-align: left;
}

li {
		line-height: 1.8;

}



/* MAIN DIVS SETTINGS */

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

#headerbar {
		clear: both;
		background: transparent;
		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/freshblue/topcontainer-softbg.gif);
		background-repeat: no-repeat;
}

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

#footerbar {
		clear: both;
		height: 14px;
		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/freshblue/bottomcontainer-softbg.gif);
		background-repeat: no-repeat;	
}

#navibar {
		width: 205px;
		background-color: #FFFFFF;
		float: left;
		margin-top: 1px;
}

#contentarea	{
		margin-left: 206px;
		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/freshblue/bgstrip-textarea.gif); 
		background-repeat: repeat-x; 
		background-color: #E4F2FE;
}




/* FOOTERBAR SETTINGS */

#footerbar a {

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

#footerbar a:hover {

	font: 11px verdana;
	color: #223E64;
	text-decoration: none;
	background-color: #FFFFFF;
}



/* HEADERBAR SETTINGS */

#headerbar a {

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

#headerbar a:hover {

	font: 11px verdana;
	color: #223E64;
	text-decoration: none;
	background-color: #FFFFFF;
}



#pagefooter {
	font: 10px verdana; 
	color: #223E64;
	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: #336396;
	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: #223E64;
	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: #223E64;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib2 a {

	border-width: 0px;
	width: 175px;
	display: block;
	color: #223E64;
	background-color: #8DB1D3;
	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: #223E64;
	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: #223E64;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib3 a {

	border-width: 0px;
	width: 165px;
	display: block;
	color: #223E64;
	background-color: #C0D9F0;
	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: #223E64;
	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: #223E64;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib4 a {

	border-width: 0px;
	width: 155px;
	display: block;
	color: #223E64;
	background-color: #D8E9F9;
	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: #223E64;
	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: #223E64;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib5 a {

	border-width: 0px;
	width: 145px;
	display: block;
	color: #223E64;
	background-color: #DFEBF7;
	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: #223E64;
	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: #223E64;
	margin-top: 0px;
	margin-bottom: 1px;
}


p.navib6 a {

	border-width: 0px;
	width: 145px;
	display: block;
	color: #223E64;
	background-color: #F2F8FE;
	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/depth6.gif);
	background-repeat: repeat-x;
}

p.navib6 a:hover {

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