*
{
	padding:0;
	margin:0;
	border:0;
	font-size:1em;
	font-family:sans-serif;
}


body
	{
	background-color:#e6e6e6;
	font-family:sans-serif;
	background-image:url(../img/ui/taustapikseli.png);
	margin:0 1em 1em 1em;
	}

#content
			{
			position:relative;
			float:left;			
			width:365px;
			border-left:solid 1px #d9d9d9;
			border-right:solid 1px #d9d9d9;
			padding:1em 1em 1em 1em;	
			height:510px;
			min-height:510px;
			height:auto !important;
			font-size: 0.8em;
			overflow:hidden;
			}
#content h1, #content h2, #content h3, #content h4, #content h1 a, #content h2 a
			{
			color:#0C3090;
			}
#content h1
			{
			text-align:left;
			font-size:1.8em;
			margin:0 0 1em 0;
			}

			
#content h2
			{
			font-size:1.4em;
			}

#content h3
			{
				font-size:1.3em;
			}			
#content>h4
			{
				color:Black;
				font-size:1.1em;
			}
#content h4.center
			{
				text-align: center;
			}
			
hr
			{
			 border:1px inset #9EA09F;
			 margin:1em 10% 1em 10%;
			 width:79%;
			}	

#content ul
			{
				padding:0 0 0 15px;
				margin:5px 0 5px 0;
				list-style-image: url(../img/ui/menuArrow.gif);
			}
#content ul ul
			{
				padding:0 0 0 15px;
				margin:5px 0 5px 0;
				list-style-image: url(../img/ui/ulul.gif);
			}
#content ul ul ul
			{
				padding:0 0 0 15px;
				margin:5px 0 5px 0;
				list-style-image: url(../img/ui/ululul.gif);
			}
#content li:hover
				{
				list-style-image: url(../img/ui/menuArrow_active.gif);
				}
#content li li:hover
				{
				list-style-image: url(../img/ui/ululActive.gif);
				}
#content li li li:hover
				{
				list-style-image: url(../img/ui/ulululActive.gif);
				}
				

.announcements
			{				
			margin:0px auto;
			border:dashed 3px red;
			padding:0 1em 1em 1em;
			font-size: 0.95em;
			}

.small
	{
	font-size:80%;
	clear:both;
	}
#content table
	{
	border-collapse: collapse;
	
	}
#content th
	{
	background-color:transparent;
	background: #CAE8EA url(/img/ui/bg_header.jpg) no-repeat;
	padding:2px;
	color:#0C3090;
	border: 1px solid #C1DAD7;
	padding:6px;
	}
#content td
	{
	background: #CAE8EA url(/img/ui/tr_tausta.gif) no-repeat;
	border: 1px solid #C1DAD7;	
	padding:3px;
	}
span.super
	{
		font-size:30%;
		vertical-align:super;
	}
.huom
	{
  	position:relative;
	margin: 1em auto 10px auto;
	padding: 5px;
	border: 1px solid #0000FF;
	background-color:#96B9E3;
	color: #666666;
	font-size:1em;
	}		
.announcements
				{				
				margin:0px auto;
				border: solid 1px red;
				padding:1em;
				background-image:url(../img/ui/ilmoitusTausta.png);
				}
.notes
	{	
	position:relative;
	margin: 1em auto 10px auto;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	}
