.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: 500;
	color: #000000;
	background: #660000;
}

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	background-color: #f1f1f1;
	min-height: 100%; /*required for reducing flicker, forces 100% height */
	margin-top: 1em;
	margin-bottom: 1em;
}

.small_wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 600px;
	background-color: #f1f1f1;
	border: 1px solid #000000;
	min-height: 100%; /*required for reducing flicker, forces 100% height */
}

.container {
	_overflow: hidden; /* Don't remove, or else IE6 will be broken. Remove the underscore and Chrome and other Webkit browsers are broken. */
	width: 100%; /* Most likely required for IE6. */
}


/* Hides from IE5-mac \*/
* html .container {height: 1%;}
/* End hide from IE5-mac */ 

.embedded {
	background: #f1f1f1;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: 500;
	color: #000000;
}

.header {
	background-color: #660000;
	clear: both;
	height: 20px;
	background-image: url(http://www.hyvinkaanrasti.fi/kuvat/taustat/footer.jpg);
	background-repeat: repeat-x;
	font-size: 1.0em;
	color: #ffffff;
	text-align: center;
	line-height: 18px;
}

.footer {
	height: 20px;
	clear: both;
}

.menu {
	float: left;
	clear: left;
	width: 170px;
	margin: 15px 0px 20px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 120%;
	font-size: 1.2em;
	font-weight: 500;
	display: inline; /* the notorious IE6 fix for floats with margins, fixes S60 browser not IE6 */
}

.content { 
	padding-left: 15px;
	float: left;
	width: 755px;
	color: #000000;
	ebackground-color: #f1f1f1;
	font-size: 1.0em;
	margin-bottom: 1em;
	display: inline; /* the notorious IE6 fix for floats with margins, fixes S60 browser not IE6 */
}

.small_content { 
	padding-left: 15px;
	float: left;
	width: 395px;
	color: #000000;
	background-color: #f1f1f1;
	font-size: 1.0em;
	margin-bottom: 1em;
}

.content table { 
	font-size: 1.0em; /* fixes a weird bug in script generated tables (which are using content style) */
}

.small_content table { 
	font-size: 1.0em; /* fixes a weird bug in script generated tables (which are using small_content style) */
}

.whitebox { /* used in formmail.pl */
	color: #000000;
	padding: 10px;
	margin: 0px;
	border-color: #555555;
	border-width: 1px;
	border-style: solid;
	background-color: #ffffff;
	min-height:500px;
	display: block;
}

.scroll {
	border-width: 1px;
	border-style: dashed;
	overflow: scroll;
	overflow-y: auto;
	width: 700px;
}

.bordered_box {
	padding: 2px;
	margin: 2px;
	background-color: #eee;
	border-color: #333;
	border-width: 1px;
	border-style: solid;
}

.bordered_box:hover {
	background-color: #fff;
}


/* VML awareness - see http://www.codeproject.com/KB/HTML/vml101.aspx */
v\:* {
	behavior: url(#default#VML);
}

h1 {
	font-family: verdana, arial;
	font-size: 1.8em;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
	text-transform: capitalize;
	margin-bottom: 1em;
	color: #000000;
	z-index:1;
}

h2 {
	font-family: verdana, arial;
	font-size: 1.4em;
	font-weight: 600;
	color: #000000;
        margin-top: 30px;
}


h3 {
	font-family: verdana, arial;
	font-size: 1.2em;
	font-weight: 600;
	color: #000000;
}

h4 {
	font-family: verdana, arial;
	font-size: 1.0em; 
	font-weight: 600;
}

h5 {
	color: #ffffff;
	background-color: #cc0000;
	font-family: verdana, arial;
	font-size: 0.8em;
	font-weight: 900;
	text-align: center;
	border-color: #000000;
	border-width: 2px;
	border-style: inset;
	width: 100%;
}

h6 {
	color: #ffffff;
	background-color: #cc0000;
	font-family: verdana, arial;
	font-size: 0.8em;
	font-weight: 900;
	text-align: center;
	border-color : #000000;
	border-width: 1px;
	border-style: inset;
	width: 90%;
}

pre {
	font-family: monospace;
	font-size: 1.2em;
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
	padding: 2px;
}

#map {
	border-color: #000000;
	border-width: 2px;
	border-style: solid;
	width: 550px;
	height: 550px;
}

#map_overview {
}

#virkomap {
	border-color: #000000;
	border-width: 2px;
	border-style: solid;
	width: 755px;
	height: 600px;
}

#virkomap_overview {
}

.satellitecompetition {
	border-color : #000000;
	border-width: 3px;
	border-style: solid;
	margin-left: 1em;
	margin-right: 1em;
	background-color: #ffffff;
}

.centered {
	text-align: center;
}

.tablelink {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
}

.news {
	float: left;
	z-index: 100;
	min-width: 1px;
	width: 500px;
	padding: 10px;
}

.ads {
	float: right;
	width: 200px;
	top: 250px;
	left: 800px;
	padding: 10px 0px 10px 6px;
}

.lastupdated {
	color: #ffffff;
	font-size: 11px !important;
}

.smalltext {
	font-family: verdana, helvetica, sans-serif;
	font-size: x-small;
}

.prevpage {
	font-family: verdana, helvetica, sans-serif;
	font-size: x-small;
}

.quote {
	text-align: left;
	border-color : #555555;
	border-width: 1px;
	border-style: solid;
	margin-left: 1em;
	margin-right: 1em;
	padding: 1em;
	background-color: #ffffff;
	width: 90%;
}

.quote1 {

	color: #0000ee; /* todo: this should be get rid off */
}

.quote2 {
	color: #336633; /* todo: this should be get rid off */
}

.redtext {
	color: #cc0000;
}

.bluetext {
	color: #0000cc;
}

.greytext {
	color: #808080;
}

.greentext {
	color: #336600;
}

.purpletext {
	color: #663366;
}

.whitetext {
	color: #ffffff;
}

.text12 {
	font-size: 1.2em;
}

.bold {
	font-weight: bold; /* todo: this should be get rid off and use b instead */
}


.adbox {
	border: 1px solid #000000;
	background: #fefefe;
	font-family: verdana, helvetica, sans-serif;
	font-size: x-small;
	padding: 5px;
	text-align: left;
	position: relative;
	clear: right;
}		  

.badbox { /* adbox stopped working with ff3, this is the replacement */
	border: 1px solid #000000;
	background: #fefefe;
	font-family: verdana, helvetica, sans-serif;
	font-size: x-small;
	padding: 5px;
	text-align: left;
	position: relative;
	clear: right;
}		  

.adboxtitle {
	color: #ffffff;
	background-color: #cc0000;
	font-family: verdana, arial;
	font-size: 1.0em;
	font-weight: 900;
	text-align: center;
	border-color : #000000;
	border-width: 1px;
	border-style: outset;
	padding: 1px;
	margin-bottom: 2px;
	position: relative;
}

.newsframe {              
        background-color: #f7f7f7;
        border: 1px solid #000000;
        margin: 0em;
        margin-bottom: 1em;
        padding : 2px;        
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow: auto;
}

.newsframev2 {
        background-color: #f7f7f7;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        margin-top: 0em;            
        margin-bottom: 0em;
        margin-left: 0px;
        margin-right: 0px;
        padding : 5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow-y: auto;
        overflow-x: none;
        position: relative;
}

.dateline {
	color: #ffffff;
	background-color: #000000;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	padding-left: 25px;
	margin: 0em;
	border-bottom: 1px solid #000000;
	background-image : url(http://www.hyvinkaanrasti.fi/kuvat/ikonit/rastilippu.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	clear: both;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
}

.postedby {               
        background-color: #f1f1f1;
        font-style: italic;
        text-align: right;
        padding : 2px; 
        margin-bottom: 2em;         
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
}

.rsstitle {
	color: #ffffff;
	background-color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	padding-left: 20px;
	margin-top: 0em;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0em;
	border: 1px solid;
	border-color: #000000;
	border-bottom: 0px;
	background-position : 0 0;
	background-repeat : no-repeat;
	clear: both;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
      }

.rssframe {
	background-color: #f7f7f7;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
	margin-right: 0px;
	padding : 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
}

.rssdate {
	background-color: #f5f5f5;
	font-style: italic;
	text-align: right;
	padding : 2px;
	margin-bottom: 2em;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
}

.menuline {
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px !important;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 1px;
	padding-left: 20px;
	padding-right: 10px;
	margin: 0px;
	margin-left: 5px;
 	border-right: 1px solid #e0e0e0;
 	border-left: 1px solid #e0e0e0;
	clear: both;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
	background-color: #ededed;
        background-image : url(../kuvat/ikonit/rastilippu3.gif);
        background-position : 5px;
        background-repeat : no-repeat;
	}

.menuline:hover {
	background-color: #f0f0f0;
}

.menuline-first {
	color: #ffffff;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px !important;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 1px;
	padding-left: 20px;
	padding-right: 10px;
	margin: 0px;
	margin-left: 5px;
 	border-right: 1px solid #e0e0e0;
 	border-left: 1px solid #e0e0e0;
 	border-top: 1px solid #e0e0e0;
	background: #ededed;
	clear: both;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-image : url(../kuvat/ikonit/rastilippu3.gif);
	background-position : 5px;
        background-repeat : no-repeat;
 }

.menuline-first:hover {
	background-color: #f0f0f0;
}
 
 .menuline-last {
 	color: #ffffff;
  	font-family: verdana, helvetica, sans-serif;
	font-size: 11px !important;
 	font-size: 0.8em;
 	font-weight: bold;
 	text-align: left;
 	padding: 1px;
 	padding-left: 20px;
	padding-right: 10px;
 	margin: 0px;
 	margin-left: 5px;
 	border-right: 1px solid #e0e0e0;
 	border-left: 1px solid #e0e0e0;
 	border-bottom: 1px solid #e0e0e0;
	background: #ededed;
        background-image : url(../kuvat/ikonit/rastilippu3.gif);
	background-position : 5px;
        background-repeat : no-repeat;
 	clear: both;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
}

.menuline-last:hover {
	background-color: #f0f0f0;
}

.topheaderul {
	padding-left: 0;
	margin-left: 2em;
}

.topheaderli {
	padding: 0;
	margin: 0;
	width: 90%;
	color: #444444;
}

.topheaderli_today {
	padding: 0px;
	margin: 0;
	background: #eeeeee;
	width: 90%;
	list-style: square;
	border: 1px dotted #cccccc;
}

.satellitejudge {
	color: #cc0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #000000;
  	margin-left: 1px;
  	margin-right: 2px;
  	padding: 1em;
	width: 90%;
}

.satellitepoints {
	color: #000000;
	background: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 5px;
	font-weight: 900;
	font-size: 1.2em;
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.left {
	float: left;
	text-align: left;
	margin-left: 10px;
	position: relative;
}

.right {
	float: right;
	text-align: right;
	margin-right: 10px;
	position: relative;
}

div.spacer2 { /* todo: rename to spacer */
	clear: right;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

a:link {
	text-decoration: none;
	color: #cc0000;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #550000;
	font-weight: bold;
}

a:hover	{
	text-decoration: underline;
	color: #550000;
	font-weight: bold;
}

a:visited:hover {
	text-decoration: underline;
	color: #660000;
	font-weight: bold;
}

a:link.menulink {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a:visited.menulink {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a:hover.menulink {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

a:visited:hover.menulink {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

a:link.breadcrumb {
	text-decoration: none;
	font-family: verdana;
	font-size: 11px !important;
	color: #ffffff;
	font-weight: bold;
}

a:visited.breadcrumb {
	text-decoration: none;
	font-family: verdana;
	font-size: 11px !important;
	color: #ffffff;
	font-weight: bold;
}

a:hover.breadcrumb {
	text-decoration: underline;
	font-family: verdana;
	font-size: 11px !important;
	color: #ffffff;
	font-weight: bold; 
}

a:visited:hover.breadcrumb {
	text-decoration: underline;
	font-family: verdana;
	font-size: 11px !important;
	color: #ffffff;
	font-weight: bold; 
}

a:active.breadcrumb {
	text-decoration: none;
	font-family: verdana;
	font-size: 11px !important;
	color: #ffffff;
	font-weight: bold;
}

a:link.tablelink {
	text-decoration: none;
	font-family: verdana;
	color: #ffffff;
	font-weight: bold;
}

a:visited.tablelink {
	text-decoration: none;
	font-family: verdana;
	color: #ffffff;
	font-weight: bold;
}

a:hover.tablelink {
	text-decoration: none;
	font-family: verdana;
	color: #ffffff;
	font-weight: bold;
}

a:active.tablelink {
	text-decoration: none;
	font-family: verdana;
	color: #ffffff;
	font-weight: bold;
}

img {
	border: 0px;
	margin: 5px;
}


.borderedimg {
        border: thin solid #000000;
}


hr {
	margin: 5px 0px 5px 0px;
	color: #660033;
	border: 0;
	border-top: 1px dotted #660033;
	height: 1px;
}

form {
        padding: 0 10px 0 10px;
        margin: 0;
}

.search-box {
	background: #ffffff url("http://www.hyvinkaanrasti.fi/forum/styles/progray/theme/images/icon_search.gif") 2px 1px no-repeat;
	padding: 2px;
	padding-bottom: 0px;
	border: 1px solid #b0b0b0;
	color: #ffffff;
	white-space: nowrap; /* For Opera */
}

.search-box input {
	padding-left: 28px;
	border: none !important;
	background-color: transparent;
	font-size: 1.1em !important;
}

.searchbutton {
   	color: #000000;
   	font-family: verdana,helvetica,sans-serif;
   	font-size: 84%;
   	background-color: #eeeeee;
   	border: 1px solid;
   	border-top-color: #696;
   	border-left-color: #696;
   	border-right-color: #363;
   	border-bottom-color: #363;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 2px;
}

.banner {
	height: 120px;
	font-size: 2.0em;
	font-weight: bold;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	eoverflow: hidden;
	clear: both;
	background: #000000 url(http://www.hyvinkaanrasti.fi/kuvat/taustat/hyra_banner.jpg) no-repeat;
	float: center;
	text-align: left;
}

.banner a {
	color: #ffffff;
}

table {
	padding: 5px;
	margin: 5px;
}

th {
	font-family: verdana, helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000000;
}

td {
	font-family: verdana, helvetica, sans-serif;
	padding: 2px;
	vertical-align: top;
}

caption {
	font-family: verdana, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}


.tdbottom {
	vertical-align: bottom;
}


.redback {
	background-color: #cc0000; 
	font-family: verdana, tahoma, helvetica, sans-serif;
	text-align: left; 
	font-weight: bold;
	color: #ffffff;
}

.blackback {
	background-color: #000000; 
	font-family: verdana, tahoma, helvetica, sans-serif;
	text-align: left; 
	font-weight: bold;
	color: #ffffff;
}


.print_and_search img {
	vertical-align: middle;
}

a:hover.print_and_search {
	text-decoration: none;
}

.imagemap-container {
        position: relative;
}

#banner-imagemap a {
        position: absolute;
        text-decoration: none;
}

#banner-imagemap a#home1 {
        top: 20px;
        left: 10px;
        height: 95px;
        width: 100px;
}

#banner-imagemap a#home2 {
        top: 20px;
        left: 200px;
        height: 90px;
        width: 400px;
}

#banner-imagemap a i {
        visibility: hidden;
}

html, body {
	height: 100%; /*required for reducing flicker, needed for wrapper to inherit height */
}