a {
	color: #efb147
	}

/* overrides the need for border="0" attribute in image tags (xhtml 1.1) */
a img {
	border: 0
	}

a:hover {
	color: #5b68ab;
	text-decoration: none
	}
	

/*
body needs to be 100%,in ie windows so the right collumn can fill the height of the window.
HTML needs to be 100% so that in opera so that the background will be flush with the bottom,
otherwise it seems that the "body" only spans to about 80% of the window height.
*/
html {
	height:100%;
}

body  { color: white; font-size: small; font-family: Helvetica, Arial, sans-serif; background-color: black; background-image: url(../images/bgohjelma.jpg); background-repeat: no-repeat; background-position: left top; margin: 40px 0 0 100px; padding: 0; height: 100%
	    }


	
h1.title {
	color: #d51989;
	font-size: 60px;
	line-height: 100%;
	margin: 0;
	padding: 0
	}

h2   { color: white; font-weight: bold; font-size: 18px; line-height: 60%; text-align: center; margin-right: 0; margin-bottom: 0; padding: 30px 0 0; border-bottom: 10px none }

h3 { color: #fff; font-size: large; font-weight: bold; background-color: silver; text-transform: uppercase; text-align: center; margin: 0; padding: 5px
	 }

/*
html and body need be assigned heights of 100% for elements
to have a height the same as the browser height.
In this case the #rightcollumn element neeeds it to stretch.
*/
.titleSecondaryColor {
	color: #5b68ab;
	margin: 0 10px 0 0;
	padding: 0
	}

#bodyText { font-size: small; line-height: 120%; padding: 10px 0; height: 400px; overflow: auto; margin-right: 30px; margin-left: 40px; }
#content   { background-image: url(../images/keski.jpg); width: 500px; margin-top: 50px; margin-right: 230px; margin-left: 40px; padding: 0; height: 470px
	      }



#largeText {
	color: #e5b442;
	font-size: 18px;
	font-weight: normal;
	line-height: 90%;
	margin:2px 0;
	padding: 5px 20px 5px 0;
	vertical-align: middle
	}
.footertext { color: silver; font-size: 12px; }
#menu a { color: #e9ca91; font-size: 12px; font-weight: bold; line-height: 100%; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0 0 0 0; }

#menu a:hover {
	color: #fff;
	background-color: #875928
	}

#rightcollumn { background-color: black; margin: 0; padding: 0 0 0 10px; position: absolute; top: 0; right: 0; width: 190px; height: 100%
	   }

#rightcollumn a {
	margin: 5px 0 0;
	padding: 0
	}

#rightcollumn img{
	display:block;
	margin:5px 0 0;
	}