/* CSS file for Fyysikkokilta's amazing new website */

/* STANDARD HTML TAG RESET*/

body, html,
h1, h2, h3,
p, ul, li,
form {
	border: 0;
	margin: 0px;
	padding: 0px;
}

/* STANDARD HTML TAG DEFINITION */

body {
	background: url(./images/background.jpg) repeat;
	/*background-attachment:fixed;*/ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1 {font-size:21px; margin-bottom:5px;}
h2 {font-size:18px; margin-bottom:5px;}
h3 {font-size:15px; margin-top:5px; margin-bottom:5px;}
h4 {font-size:12px; margin-top:5px; margin-bottom:5px; margin-left:2px;}

ul {list-style-type:none; margin:0; padding:0;}

a				{	color: #808080; }
a:link 		{	text-decoration: underline; }
a:visited 	{	text-decoration: underline; }
a:hover 		{	color: #000000; text-decoration: underline; }
a:active 	{	text-decoration: underline; }

/* PAGE ELEMENTS */

#container {
	width: 700px;
	margin: 0 auto;
	}

	#logo {
		text-align: center;
		padding:10px;
		}

	#links {
		background: url(./images/header.png);
		background-repeat: no-repeat;
		text-align: center;
		font-size: 15px;
		padding: 5px;
		}
	
	#sublinks {
		background-color: silver;
		text-align: center;
		font-size: 13px;
		padding: 5px;
		}
		
	.navi li{
    		display:inline;
    		margin:0;
    		padding:0;
    	}

    	.navi a{
			color: black;
			text-decoration: none;
    	}

    	.navi a:hover{
			text-decoration: underline;
    	}

    	.active-navi a{
			color: black;
			text-decoration: underline;
    	}

	#top_image {
		text-align: center;
	}
	#main-container {
		background: url(./images/bg_silverdot.gif);
		overflow: hidden;
        	}
		
		.main-container-content {
			background-color:white;
			padding: 10px;
			}
			
	#main {
		float: left;
		width: 450px;
		margin: 0px;
		padding: 10px;
		}
		
		#main p {
			text-align: justify;
			padding: 5px;
			}
			
		#main ul {
			list-style-position: outside;
			list-style-type: disc;
			padding-left: 30px;		
		}
		
		#main li {		
			padding: 3px;
		}
		
	.center {
			text-align:center;
		}	
	
	.image {
		margin: 5px;
		text-align: center;	
		font-size: 11px;
		}
		
		.image div {
			margin-top: 5px;			
			}

	.news {
		margin: 0px;
		padding: 0px;
		}
	
		.news td {
			vertical-align:top;
			}

	.uutuus {
        	border: 1px dashed #000000;
        	padding: 15px;
        	margin: 15px;
		text-align: center;
		font-size: 12px;
        	background-color:white;
}
			
/* wanha kalenteri, ei käytössä (korvattu Google-kalenterilla)

	#tapahtumakalenteri {
		width: 450px;
		}
		
		#tapahtumakalenteri th {
					text-align: center;
					border: 0px dashed black;
			}
			
		#tapahtumakalenteri td {
					text-align: center;
			}
			
*/

	.vastuuhenkilot {
		width: 450px;
		}
		
		.vastuuhenkilot th {
					text-align: center;
					border: 0px dashed black;
			}
			
		.vastuuhenkilot td {
					text-align: center;
			}

	.fuksit {
		margin-left:auto;
		margin-right:auto;
	}

		.fuksit td {
			padding-bottom: 8px;
			text-align: center;
		}

	#sidebar {
		margin: 0px;
		padding: 0px;
		float: right;
		width: 229px;
		}
		
		.sidebar-content {
			clear:both;
			border-bottom: 1px dotted silver;
			padding: 5px; 
			}
			
			.sidebar-content p {
				text-align: justify;
				padding: 2px;
				margin: 0px;
				font-size: 11px;
				}

			.links li {
				background-image:url(./images/arrow.gif);
				background-repeat:no-repeat;
				background-position:0px 2px;
				padding-left:14px;
				}
			
			.sidebar-content table {
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				}

			.sidebar-content th {
				vertical-align: top;
				text-align: left;
				}
				
			.sidebar-content td {
				margin: 0px;
				padding: 2px;
				vertical-align: middle;
				}
			
			.contact-info td {
				vertical-align: top;				
				}
				
		.sidebar-content-last {
			clear:both;
			padding: 5px; 
			}

                .sidebar-content-news {
                        clear:both;
                        border-bottom: 1px dotted silver;
			padding: 5px;
                        }
			
		
	
	#footer {
		background: url(./images/footer.png);
   		background-repeat: no-repeat;
		clear:both;
	   	font-size:10px;
	   	text-align: center;
	   	padding:3px;
		margin-bottom: 10px;
    }