html {
	padding:0px;
	margin:0px;
}

body {
	padding:0px;
	margin:0px;
	background:url(/images/leiskat/v2/pohja3.jpg) repeat-y center 0px #dddddd;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	text-align:left;
	
}

p {
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;

}

li{
	margin:0px;
	padding-left:0px;
}

dl {
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
}


h1 {
	font-size:24px;
	color: grey;
	font-family: Myriad Pro;
}

h2 {
	font-size:20px;
	color: grey;
	font-family: Myriad Pro;
}

h3 {
	font-size:16px;
	color: black;
	font-family: Myriad pro;

}

h4 {font-size:18px;
	color: black;
	font-family: Myriad pro;
	font-weight:regular;}

<!-- kuittaus -->	
h5 {font-size:22px;
	color: #000;
	font-family: Myriad pro;}




h6 {font-size:16px;}

h7 {
	font-size:52px;
	color: black;
	font-family: Myriad pro;
	font-style: regular;

}

h8 {
	font-size:38px;
	color: black;
	font-family: Myriad pro, Verdana, Helvetica Neue;
	font-weight:semi-bold;
}


h9 {
	font-size:22px;
	color: gray;
	font-family: Myriad pro;
}

h10 {
	font-size:26px;
	color: black;
	font-family: Myriad pro;
	
}

h11 {
	font-size:18px;
	color: black;
	font-family: Myriad pro;	
}

h12 {
	font-size:28px;
	color: gray;
	font-family: Myriad pro;	
}

img {
	border:0px solid white;
}
#container {
  width:1000px;
	margin:auto auto;
	background: #FFFFFF;
}
#top {
	height:100px;
	background-color: #000000;
	margin:auto auto;
	text-align:center;
	background:url(/images/leiskat/v2/header2.jpg) no-repeat #FFFFFF;
	<!--background:url(/images/hullut-paivat/head2013.jpg) no-repeat #FFFFFF;-->
	
	
}

#logo {
	width:119px;
	height:85px;
	float:left;
	background:url(/images/innosport_web_beta.png) no-repeat;
}

#top_data {
	width: 980px;
	margin: auto auto;
	text-align:right;
}

#main_navi {
	
	background: url(/images/leiskat/v2/main_navi_fr2.jpg) top center no-repeat #000000;
	height:40px;
	text-align:center;
	color:#000000;
	font-size:25px;
	font-weight:semi-bold;
	word-spacing: -0px;
	clear:both;
}

#link_list {
	padding-top:0px;
}

#link_list a {
	padding-top:5px;
	font-family: Myriad Pro;
	font-size:17px;
	color:#FFFFFF;
	display:inline;
	text-decoration:none;
}

#sub_navi {
	background: url(/images/alavalikko.png) top center no-repeat;
	height:39px;
	text-align:center;
}

#sub_navi a {
	font-size:14px;
	color: #000000;
}

#main_table {
	width:980px;
	padding-top: 15px;
	height:400px;
	text-align:left;
}

#left {
	width:240px;
	font-size:12px;
	vertical-align:top;
}

#left2 {
	width:240px;
	font-size:12px;
	vertical-align:top;
}

#main {
	font-size:12px;
	vertical-align:top;
	
}

.box {
	width:240px;
	margin-bottom:10px;
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	background:url(/images/box_bg.png) repeat-y;
}

.box .header {
	background: url(/images/box_top.pngj) no-repeat #dddddd;
	height:20px;
	padding-top: 6px;
	font-family: Myriad pro;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-align: center;
}

.box .footer {
	background: url(/images/box_bottom.png) no-repeat;
}

.box2 {
	width:240px;
	margin-bottom:10px;
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	background:url(/images/box_bg2.jpg) repeat-y;
}

.main {
        width:730px;
        	font-family: Lucida Sans Unicode, arial, sans-serif;
	background-color:#FFFFFF;
}

.main .header {
        background: url(/images/main_top.png) no-repeat;
        padding-left:10px;
        color:#FFFFFF;
        font-weight:bold;
}

.main .footer {
        background: url(/images/box_bottom.png) no-repeat;
}


#data_area {
	width:1000px;
	min-height: 735px;
	margin:auto auto;
	background-color:#FFFFFF;
	text-align:left;

}

.exercises {
	clear: right;
    top: 200px;
    padding-top: 5px; 
	float:right;
	width:230px;

}

.hpDataHeader {
        width:150px;
}



.hpData {
	clear:both;
	font-size:11px;

}
.hpDataHeader {
        width:150px;
}

.hpDataInput input {
	border: 1px solid #666666;
}

.hpDataUnit {
	width:30px;
}

.hpNavi {
	width:730px;
	margin:auto auto;
	text-align:center;
}

.hpDate {
	display:block;
	text-align;center;
	margin-left: 3px;
	margin-right: 3px;
	display:inline;
	padding:3px;
	border:1px solid black;
	background-color: #CCCCCC;
}
.hpArrow {
	padding:3px;
	font-weight:bold;
	font-size:16px;
}

.hpCal {
	display:inline;
}

a {
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	text-decoration:none;
	color: #06c;;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

a.nav:link {
	font-size:22px;
	font-family: Myriad pro;
	text-decoration:none;
	color: #06c;;
}

a.nav:hover {
	color: #147;
	text-decoration: underline;
}

.hpVisibilityN {
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}


td {
		font-size:12px;
}


.login {
	font-size:11px;
}


ul {
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
}



.flag {
	padding:2px;
}


.treeniJulkaise {
	border: 1px dashed #333333;
	margin:3px;
}



.objectTextArea{
        vertical-align:top;
        font-size:12px;
				font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
        width:350px;
}

.objectTitle {
        font-size:13px;
        font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
        font-weight:bold;
        padding-bottom:10px;
}

.objectDataArea {
        vertical-align:top;
        width:350px;
}


.addExercise {
	padding-top:15px;
}

input {
		font-family:Lucida Sans Unicode, verdana, arial, sans-serif;
	  font-size:12px;
	}
	
select {
		font-family:Lucida Sans Unicode, verdana, arial, sans-serif;
	  font-size:12px;
	}

#viitekehys {
	width:auto px;
	font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
	font-size:12px;
}


.activePage {
	font-weight:bold;
	border:1px dotted #999999;
	padding:1px;
	background-color:#EEEEEE;
}

#ala_palkki {
	background: #333333 no-repeat;
	background-position: top center;
	width:1000px;
	height:200px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}	

#ala_palkki a:hover {
	text-decoration:underline;
}	

#link_list_ala ul li {
	float: left;
	white-space: nowrap;
	width: 210px;
	padding: 5px 0px 0px 90px;
	list-style-type: none;
}
	
#link_list_ala a {
	padding-top:5px;
	color:#FFFFFF;
	text-decoration:none;
}

#link_list_ala {
	padding-top:7px;
}
	

	
#link_list_ala a {
	padding-top:5px;
	color:#FFFFFF;
	text-decoration:none;
}

#link_list_ala {
	padding-top:7px;
}

#link_list a:hover {
	color: #cccccc;
	text-decoration: none;
}

.search td {
	border-bottom:1px solid #999999;
}

.sivut {
	margin-top:10px;
}


#testObjects {
        border-bottom:1px solid #666666;
        padding-left:15px;
}

#testObjects .active {
        background-color:#333333;
        color:#FFFFFF;
}

#testObjects .active a {
        color:#FFFFFF;
}
#testObjects ul {   
        padding:0px;
}

#testobjects li {
        list-style-type:none;
        display:inline;
        padding-left:10px;
        padding-right:10px;
        border:1px dotted #666666;
        background-color:#EEEEEE;
}


#testData {
	width:100%;

}

#testData .titleName {
	width:150px;
	font-size:14px;
	font-weight:bold;
}

#testData .titleDate {
	width:150px;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

#testData .subtitle {
	font-size:12px;
	font-weight:bold;
	padding-top:20px;
}

#testData .subLine {
	border-bottom:1px solid #AAAAAA;
}

#fysiikka {
		width:490px;
		height: 245px;
		float: left;
		margin: 1px 10px 10px 0px;
		background: url(/images/fysiikkakuva2.jpg)
}
		
}
#youtubeplayer {
		float:left;
}


/*--js slide alkaa Main Container--*/
.main_view {
	float: center;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:480px;	width: 980px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(/images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


#fb-root {
	color: white;
	
}

#news {
	width:400px;
	padding-left: 40px;
	background-color:#ffffff;
	
}