/*********** text and link styles **************/

body
{
  	color: black;
  	background-color: white;
  	background-image: url('tausta.jpg');
  	background-repeat: repeat-y; 
  	margin: 0px;
}

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 115%;
	font-weight: bold;
	color: #000000;
}

h2 
{
	margin: 0px 0px 5px 0px;
	font-size: 105%;
	font-weight: bold;
	color: #000000;
	padding: 0px;
}
	
h3 
{
	margin: 0px 0px 5px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	padding: 0px;
}
	
p 
{
	margin: 0px 0px 16px 0px;
	padding: 1px;
	font-size: 100%;
}

li
{
#	list-style-type: disc;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}

a:link, a:visited, a:hover 
{
	color: #000000;
	text-decoration: none;
	text-decoration: underline;
	font-size: 100%;
}

a:hover 
{
	color: #425E90;
}

/************** div styles *****************/

#logo
{
  	margin-top: 30px;
  	margin-left: 50px;
}

#mainLinks
{
  	position: absolute;
  	top: 105px;
  	left: 33px;
	width: 100%;
}


#line
{
  	position: absolute;
  	top: 125px;
  	left: 13px;
  	background-color: #00bb44;
  	width: 98%;
  	height: 15px;
}

#navBar
{
	position: absolute;
	margin-top: 4em;
	padding: 4px;
	width: 16%;
	top: 210px;
  	margin-left: 20px;
	border:1px dashed #000000;
	float: left;
}

#content
{
	position: absolute;
	padding: 6px;
	width: 70%;
	top: 155px;
  	left: 255px;
    	float:right;
	font-size: 100%;
}

/************** span styles ****************/

.link
{
	font-size: 90%;
  	font-weight: bold;
  	margin-right: 20px;
  	margin-left: 5px;
}

.contentLink
{
	margin-left: 0px;
}

.contentLink img
{
	margin-left: 2px;
}

.navLink
{
  	margin-left: 0px;
}

.navLink img
{
	margin-left: 0px;
}

.sectionLink
{
  	margin-left: 0px;
	color: #000000;
}

.sectionLink img
{
	margin-left: 10px;
}

/*********************************************/