@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #EEEEEE;
}
#container {
	width: 600px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 50px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(tausta.png);
	background-repeat: no-repeat;
	height: 280px;
}
#mainContent {
	padding: 0 20px 0 80px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/*** Tekstien tyylit ***/


h1 {
    font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    font-style:normal;
    color:#CC3333;
    letter-spacing:1px;
    text-align:left;
    margin:20px;
}

h2 {
    font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
    color:#CC3333;
    letter-spacing:1px;
    text-align:left;
    margin:20px;
}

p {
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  font-style:normal;
  line-height:180%;
  letter-spacing:1px;
  color:#EEEEEE;
  margin:20px;
}

a {
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
  color:#6699CC;
  font-weight:bold;
  text-decoration:none;
}
a:hover { 
 text-decoration:underline;
}
a:active { 
 text-decoration:underline;
}
a:visited {
}