html { overflow-y: scroll; }
html, body { height: 100%; margin: 0; padding: 0 }
body { background-image: url("/ttvo/__common/images/tausta.gif"); background-repeat: repeat-x; background-color: #E5E5E5; text-align: center }
html>body #all { height: auto; min-height: 100% }
img { border: 0px none }
a:link { color: #0066CC }
h1 {font-family: arial; font-size: 18px; font-weight: normal; margin-bottom: 8px; margin-top: 1px; line-height: 20px }
h2 {font-family: arial; font-size: 13px; font-weight: bold; color: #ffffff; margin:0px; padding-left: 5px; background-color: #b5b5b5; padding-top: 1px; padding-bottom: 1px }
hr {color: #cccccc; height: 1px }
ul {margin-left: 15px; padding-left: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px}
// li {list-style-image: url(/ttvo/__images/bullet.gif)}
// li {list-style-type:circle}



#all { background-color:#FFFFFF; position:relative; width: 770px; align:center; height: 100%; text-align:left;  margin-left:auto; margin-right:auto }
#header { position:relative; width: 770px; align:center; min-height: 200px; text-align:right;  margin-left:auto; margin-right:auto }
#footer { position: absolute; bottom: 0; width: 100% }
#footerLeft {float: left; padding-bottom: 7px;  }	
#footerRight {float: right; padding-bottom: 7px; padding-right: 14px; line-height: 20px }

#left { width: 183px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin-top: 13px; float: left }
#left #navi2 { margin-left: 13px }


#right { position: relative; float: right }

#empty, #footer {height: _foo_;}
/* 
	#footer {height: _foo_;}
	#empty {height: _foo_ + _bar_;}
*/
#empty {clear: both } 

#primaryNavi {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #cccccc; line-height: 20px; padding-top: 10px; padding-right: 14px; height: 190px; width: 198px; float: right }
#primaryNavi a { font-weight: bold; padding: 1px 5px 2px 5px; color: #000000; text-decoration: none; background-color: #ffffff;  }
#primaryNavi a:hover {color: #ffffff}
#primaryNavi a:active {background-color:#000000; color: #ffffff}

#navi2 { text-align: right }
#navi2 a {text-decoration: none; border-right: 4px solid #E5E5E5; color: #000000; padding-top: 3px; padding-bottom: 3px; padding-right: 10px; font-weight: bold; display: block; margin-bottom: 5px  }

#oppilastyotOpener { margin-bottom: 0px }
#oppilastyot { width: 98px; text-align: left; float: right }
#oppilastyot a {display: block; width: 98px; margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 17px }


.footer {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #999999 }
.footer a { text-decoration: none; color: #999999 }
.footer a:hover { text-decoration: underline; color: #0066cc }

.leipis {font-size: 13px; font-family: 'Arial', 'Helvetica', 'sans-serif'; color: #000000; line-height: 16px }
.keskileipis {font-size: 12px; font-family: 'Arial', 'Helvetica', 'sans-serif'; color: #000000 }
.pikkuleipis {font-size:11px; font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; line-height: 13px }
.caption { 	font-size: 10px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color: #999999; }
.nostokuva { float: left; margin-right: 10px; margin-left: 0px}
.date {color: #999999}
a .kolmas { border: 0px }

#cont_2 { float:right; width: 520px; margin-top: 20px; margin-right: 35px }
#uutiset { float:left; width: 165px; margin-top: 20px; margin-left: 24px }
#OpNostot {float:right; text-align:left; margin-top: 20px; width: 555px }

#nosto1 {width: 262px; margin-right: 15px; float: left }
#nosto2 {width: 262px; margin-right: 15px; float: left }


#mainpicture {float: left }
#banner {position: relative; width: 558px; height: 200px; float: left }
#noflashbanner {position: absolute; left: 215px; top: 155px; font-family: 'frutiger 57Cn', 'arial narrow'; font-size: 28px; color: #ffffff }


#OpLinkit {position: relative; right: -643px; top: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #cccccc; text-align: left; margin-right: 14px; width: 111px; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #ffffff; visibility: visible }
#OpLinkit a { font-weight: bold; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; color: #000000; text-decoration: none; display: block; }
#OpLinkit a:hover {color: #ffffff}
#OpLinkit a:active {background-color: #000000 color: #ffffff}

#flash_header {float: left; background-color: #ffc000 }
#altbanner {display: none}
#noflashbanner {float: left}

#opiskelijoille {font-weight: bold; color: #ffffff; background-color: #CDCDCD; padding: 2px 5px 3px 5px; 
		margin-left: 10px }
#opiskelijoille:hover {background-color: #999999; text-decoration: none}

.liitteet { padding-left: 10px; margin-left: 10px; width: 160px }
.liite { margin-bottom: 8px; border-top: 1px solid #e0e0e0; padding-top:8px; margin-left: 0px }
.harmaa {color: #999999; margin-bottom: 10px}
.ingressi {font-weight: bold }
.nomargintop {margin-top: 0px}
.paging a {text-decoration: none; color: #000000 }


.lefttext { margin-top: 10px; margin-left: 15px }
#righttext { width: 170px; float: right; backgroung-color: red }