.keltainen { 
        color: #5F0D0F; 
}
.sininen { 
        color: #FFF; 
}
.vaihtoehtosininen { color: #f9f3de; }
.sininentausta { background-color: #f9f3de; }
.vaihtoehtosininentausta { 
	background: url('/stripes.gif'); 
	color: #f9f3de;
}

.copyright {
	background: url('/stripes.gif'); 
	color: #f9f3de;
	clear: both;
        text-align: center; 
        border: 3px solid rgb(95, 13, 15); 
	border-top: 0;
        height: 2.5em;
	width: 100%;
}

.column {
	width: 60em; 
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	border: 3px solid rgb(95, 13, 15); 
	background-color: #FFF; 
	padding-bottom: 10px;
}

DIV.history { 
	width: 80%; 
	margin-left: auto; margin-right: auto; 
	border: 3px solid  rgb(95, 13, 15);
	background-color: #FFF; 
	text-align: left;
}

.offwhite {
	color: #f9f3de !important;
}
.keltainensinisella { color: #5F0D0F; background-color: #bc9e60; }
.sininenkeltaisella { background-color: #f9f3de; color: #5F0D0F }
TABLE.box { border: 3px solid #5F0D0F; }
TABLE.topbox { 
	border-top: 3px solid #5F0D0F; 
	border-bottom: 3px solid #5F0D0F;
	margin-bottom: 1em;
}
DIV.main { 
	border: 3px solid #5F0D0F; 
	border-bottom: 0px;
	width: 100%; 
	float: left;
	display: inline;
	background-color: rgb(249, 243, 222);
	min-height: 55em;
}
BODY { font-size: 0.75em; background-color: #FFF; margin: .7em;}
DIV, TD, TABLE, TR, P { font-family: Verdana, Arial, Helvetica, sans-serif; }
DIV.uutinen { line-height: 150%; }
TD.uutinen { vertical-align: top; margin-bottom: 6px; }
A.menu { color: #f9f3de; font-weight: bold; text-decoration: none; }
A.blue { color: #5F0D0F; font-weight: bold; text-decoration: none; }
A.uutinen { color: #000; }
A.menu:visited { color: #f9f3de; }
A.menu:hover { color: #fff; }
A { color: #000; text-decoration: underline; }
A:visited { color: #000; }
A:hover { color: #5F0D0F; }
DIV.menu { 
	border-bottom: 3px solid #5F0D0F; 
	background: url('/stripes.gif'); 
	width: 12.75em;
	position: absolute;
	left: .95em;
}
UL.menuitems {
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	width: 80%;
	max-width: 90em;
	display: inline;
}
LI.menuitem { 
	color: #5F0D0F; 
	width: 9.5em; 
	height: 2.5em; 
	text-align: center; 
	padding-top: .5em;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
DIV.content { 
	text-align: center; 
	background-color: #f9f3de; 
	float: left;
	width: 100%;
	padding: 1em 1em 1em 1em;
	margin-left: 12.75em;
	display: inline;
	height: auto; 
	width: auto; 
	background-color: transparent; 
	float: left;
}

DIV.content DIV {
	background-color: #fff;
}

DIV.submenu {
	float: left; 
	background: transparent; 
	display: inline;
}
UL.sects {
	clear: right;
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 12.5em;
}
LI.sectselected {
	width: 9.5em; 
	height: 3em; 
	text-align: center; 
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 0;
	color: #f9d3de !important;
}

LI.sectselected A {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	line-height: 3em;
	color: #f9f3de !important;
}
LI.sectselected A:hover {
	color: #fff;
}

LI.sectchoose {
	color: #f9f3de !important;
	width: 9.5em; 
	height: 3em; 
	text-align: center; 
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 0;
}

LI.sectchoose A {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	line-height: 3em;
	color: #f9f3de !important;
}

LI.sectchoose A:hover {
	color: #fff;
}

DIV.submenu A IMG{ 
	border: 0;
}
DIV.navibar { 
	clear: right; 
	text-align: left; 
	border-bottom: 3px solid #5F0D0F; 
	color: #f9f3de; 
	background-color: #bc9e60; 
	width: auto;
	padding-left: 10.5em;
	margin-top: 0;
}
P.navibar { 
	margin: 0px 5px 10px 34px; 
	padding-top: 5px;
}
DIV.usermenu { 
	width: 100%; 
	border-bottom: 1px solid #5F0D0F; 
	background-color: #f9f3de; 
	float:left; 
	display: inline;
}

TR.menu { margin: 0px; border-bottom: 1px solid #f9f3de; }
TABLE.menu { margin: 0px; padding: 0px; }
TD.palsta { padding: 10px; vertical-align: top;}
DIV.ottelu { background-color: #FFF; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
LI {list-style-type: none; }
DIV.top { width: 100%; text-align: left; border-bottom: 1px solid #5F0D0F; background-color: #f9f3de;}
H1,H2,H3,H4,H5 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5F0D0F; background-color: #bc9e60; }
H2.valiotsikko { font-size: 1.2em; margin-left: 5px; margin-right: 5px;}
H4 { font-size: 1em; font-weight: bold; color: black; background-color: white; padding-left: 5px;}
pieni { font-size: 0.8em; }
TD, TABLE, TR { font-size: 1em;}
TD { padding: 0px 2px 0px 2px; }
TH { font-weight: bold;  color: #BC9E60; background-color: #5F0D0F; padding: 0px 2px 0px 2px; }
TD.pelaajalistao, TH.pelaajalistao { text-align: right; padding-right: 8px; padding-left: 5px; padding-bottom: 1px;}
TD.pelaajalistav, TH.pelaajalistav { text-align: left; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista0, TH.pelaajalista0 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista1, TH.pelaajalista1 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista2, TH.pelaajalista2 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista3, TH.pelaajalista3 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista4, TH.pelaajalista4 { text-align: center; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista5, TH.pelaajalista5 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista6, TH.pelaajalista6 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista7, TH.pelaajalista7 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista8, TH.pelaajalista8 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista9, TH.pelaajalista9 { text-align: right; padding-right: 8px; padding-bottom: 1px;}
TD.pelaajalista10, TH.pelaajalista10 { text-align: center; padding-right: 8px; padding-bottom: 1px;}
TR.kelt0 { background-color: #f9f3de; vertical-align: top;}
TR.kelt1 { background-color: #bc9e60; vertical-align: top;}
DIV.etusivupalsta { padding: 0.25em 0.5em 0.25em 0.5em;
	 margin: 0px 0.4em 1em 0.4em;
	 text-align: left;
	 background-color: #FFF;
	 vertical-align: top;
	 float: left;
	 border: 3px solid #5F0D0F;
	 min-height: 45em;
	 }
DIV.joukkuevasen {
	margin-top: 20px; 
	background-color: #f9f3de !important; 
	border: 3px solid #5F0D0F;
}

DIV.joukkuekeski {
	margin-top: 20px; 
	background-color: #f9f3de !important;  
	border: 3px solid #5F0D0F;
}

DIV.joukkueoikea {
	margin-top: 20px; 
	background-color: #f9f3de !important; 
	border: 3px solid #5F0D0F;
}

DIV.joukkuevasen H2 {
	margin: 0 !important;
}

DIV.joukkuekeski H2 {
	margin: 0 !important;
}

DIV.joukkueoikea H2 {
	margin: 0 !important;
}



TH.joukkueuutiset { text-align: left; padding-right: 8px; padding-bottom: 1px;}
TABLE.joukkue {width: 100%; background-color: transparent; text-align: center; margin-top: 20px;}
TD.joukkuevasen {width: 58%; margin-left: 2%; margin-right: 1%; vertical-align: top; }
TD.joukkuekeski {width: 37%; margin-right: 2%; vertical-align: top; }

TABLE.joukkueuutiset { 
	border-top: 3px solid black;
	background-color: #5F0D0F;
	width:100%;
}

TD.uutislista { 
	vertical-align: top;
	text-align: left; 
	padding-right: 8px; 
	padding-bottom: 1px; 
}

TD.joukkuelista {
	text-align: center;
	width: 100%;
}

TABLE.joukkuelista {
	border-top: 1px solid black;
	width: 100%;
}

TABLE.joukkueottelut { 
	border-top: 1px solid black;
	width:100%;
	background-color: #11296D;
}

TH.ottelulistav { 
	text-align: left; 
	margin-right: 8px; 
	margin-bottom: 1px;
}

TH.ottelulistak { 
	text-align: center; 
	margin-right: 8px; 
	margin-bottom: 1px;
}

TH.ottelulistao { 
	text-align: right; 
	margin-left: 8px; 
	margin-bottom: 1px;
}

THEAD.ottelulistaotsikko {
	background-color: #11296D;
}

TD.ottelulistav { 
	text-align: left; 
	margin-right: 8px; 
	margin-bottom: 1px;
}

TD.ottelulistak { 
	text-align: center; 
	margin-right: 8px; 
	margin-bottom: 1px;
}

TD.ottelulistao { 
	text-align: right; 
	margin-left: 8px; 
	margin-bottom: 1px;
}

INPUT.tilasto { 
	text-align: right; 
	width: 2em; 
}
DIV.stretch {
	clear: both;
	height: 0px;
}

DIV.usermenuitem {
        width: 20em !important;
        height: 4em !important;
        text-align: center;
        padding: 0;
        margin: 0;
        float: left;
}

DIV.usermenuitem a.menu {   
        color: black;
}