/*
        _______________
       / VAROITUS      \
      |____SENIÄ!!!!!___|
             |   |
             |   |
             |   |
         _\_/|   |_/\\/
*/

body {
	background: white;
	/*margin: 5px auto 3px auto;*/
	font-family: verdana;
	font-size: 12px;
	
	text-align: center;
	min-width: 800px;
}

#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;	
}

#header {
	background: #5592FC;

	width: 800px;
	padding: 0px;
}

#sections {
	background: #5592FC;

	width: 800px;
	height: 20px;
}

#container {
	background: #5592FC;

	/* Notice tha this is in 2 places in order to maintain compatibility
	 * with older browsers and still make it look good with newer ones.
	 */
	background-image: url(http://www.paivola.fi//images/site/backstripes_plain.png);
	background-position: top right;
	background-repeat: repeat-y;
	border-top: 2px inset #006699;
	
	width: 800px;
}

#navigation {
	background: #5693FD;
	
	width: 175px;
	margin: 0px;
	padding-left: 3px;
	padding-top: 3px;

	height: 100%;
	
	float: left;

	font-size: 12px;
}

#opaskoulu_navigation {
	background: #5693FD;
	
	background-image: url(http://www.paivola.fi//images/site/OpaskouluNavigationBG.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 175px;
	margin: 0px;
	padding-left: 3px;
	padding-top: 3px;

	height: 100%;
	
	float: left;

	font-size: 12px;
}



#content {
	width: 618px;
	margin: 0px;
	/*
	padding: 5px;
	padding-top: 38px;
	*/
	
	background-image: url(http://www.paivola.fi//images/site/backstripes_plain.png);
	background-position: top right;
	background-repeat: repeat-y;
	
	float: right;	
}

#content div#indenting {	
	margin-left: 10px;
	margin-top: 35px;
	
	margin-bottom: 10px;

	text-align: left;
}

#content div img {
	margin: 5px;
}

#footer {
	clear: both;
	height: 0px;
	font-size: small;

	margin: 3px;
}

img {
	border-width: 0px;
}

p,h4,h5 {
	margin-left: 30px;
	margin-right: 20px;
}


#navigation li, #opaskoulu_navigation li {
	border-top: 1px dotted Gainsboro;
	padding: 2px;
}

#navigation ul, #opaskoulu_navigation ul {
	list-style: none;
	margin-left: 15px; 
	padding-left: 0px;
}

#navigation a, #opaskoulu_navigation a{
	text-decoration: none;
	color: black;
}

#navigation a:hover, #opaskoulu_navigation a:hover {
	text-decoration: underline;
}

#adminlink {
	float: right;
	font-size: x-small;
}



#frontpagelinkimage {
	width: 175px;
	padding: 0px 0px 0px 0px;
	border-right: 2px inset #006699;
	float: left;
}

.sectionlink {
	float: left;
	padding: 0px 0px 0px 0px;
}