html,body{margin:0;padding:0;}
body{font: 80% "Trebuchet MS",sans-serif;text-align:center; background-image:url(../images/header-background.gif); background-repeat:repeat-x}
p{margin:0 10px 10px;}
a{margin:0; padding:0; color: #000;  font-weight:bold; font-size:90%;}
div#header {height:180px;}
img{border:0;}

div#header h1{float:left;padding:0;margin:0;margin-top:56px;height:70px;width:203px;background-image:url(../images/keinu-logo.gif);background-repeat:no-repeat;text-indent:-1000px;}



div#header ul{
				float:left;
				position:relative;
				top:70px;
				left:30px;
				padding:0;
				margin:0;
				height:46px;
				width:203px;
				background-image:url(../images/blue-box.gif); 
				background-repeat:repeat-x; 
				background-position:center; 
				text-align:right; 
				line-height:20px;
				list-style:none;
				}
				div#header li{ padding:0; background-position:right; background-repeat:no-repeat; padding-right:20px;padding-bottom:2px; }
				#english { background-image:url(../images/english-mini-flag.gif); }
				#french { background-image:url(../images/french-mini-flag.gif);}
div#header div{
				float:left;
				position:relative; 
				left:70px;
				top:55px;
				padding:20px;
				margin:0px;
				width:200px; 
				height:122px; 
				background-image:url(../images/download-area.png); 
				background-repeat:no-repeat; 
				text-align:center;
				font-size:120%;
				font-weight:bold;
				line-height:30px;
				}
div#header div img{
				margin-right:10px;margin-left:10px;
				}				

div#container{text-align:left;}
div#content p{line-height:1.4; width:400px; font-size:95%;padding-bottom:10px;margin-left:18px;margin-top:0px;}
div#content h2{padding:0px;margin:0px;margin-left:0px; padding-left:30px; width:350px;color:#F4A24B;
				background-image:url(../images/mini-logo.gif); background-repeat:no-repeat; background-position:center left;
				}


div#extra{background:#FF8539}

div#footer p{margin:0;padding:5px 10px}

div#container{width:750px;margin:0 auto}
div#content{float:left;width:400px;}

div#navigation{float:right;width:300px}
				div#navigation h3{padding:0px;margin:0px;margin-left:0px; padding-left:10px; color:#F4A24B;
								background-image:url(../images/blue-box.gif); background-repeat:repeat-y; background-position:left; clear:both;
								}
				#navigation .reference {
									float:none;
									clear:both;
									padding-top:5px;
									padding-left:5px;
									margin-top:0px;
									margin-bottom:0px;
									}
				
									#navigation .reference p{
														float:left;
														width:130px;
														margin:0px;
														padding:0;
														margin-top:20px;
														margin-left:5px;
														}
									#navigation .reference img{
														float:left;
														padding:0;
														margin-bottom:20px;
														}
				#navigation .contact {
									float:none;
									clear:both;
									padding-top:20px;
									margin-right:20px;
									}
				#navigation .contact ul{ 
									list-style:none;
									padding:0;
									margin:0;
									margin-top:10px;
									width:260px;
									text-align:right;
									}
				#navigation .contact li{
									margin-bottom:10px;
									}
				#navigation .contact label{
									vertical-align:top;
									text-align:right;
									width:100px;
									margin-right:10px;
									}
				#navigation .contact input , textarea{
									width:150px;
									border-color:#999999;
									background-color:#FFFFFF;
									border-style:solid;
									border-width:1px;
									}
				#navigation .contact #submit{
									width:50px;
								/*	border-color:#999999;
									background-color:#FFFFFF;
									border-style:solid;
									border-width:1px;*/
									}									
				#navigation .contact fieldset{
									border: none;
									margin: 0;
									}
				#navigation .contact legend{
									display:none;
									visibility:hidden;
									}




#links {
height:243px;

}

#links a {
float:left; margin-left:5px;margin-right:5px;
height:243px; width:54px;
text-indent:-10000px;
margin-top:10px;
margin-bottom:10px;
}

#sg {
display:block;
height:243px;
background: transparent url(../images/sg-graph.gif) -54px 0px no-repeat;}
#sg:hover {
background: transparent url(../images/sg-graph.gif) 0px 0px no-repeat;}

#ala {
display:block;
height:243px;
background: transparent url(../images/ala-graph.gif) -54px 0px no-repeat;}
#ala:hover {
background: transparent url(../images/ala-graph.gif) 0px 0px no-repeat;}

#mp {
display:block;
height:243px;
background: transparent url(../images/mp-graph.gif) -54px 0px no-repeat;}
#mp:hover {
background: transparent url(../images/mp-graph.gif) 0px 0px no-repeat;}

#zel {
display:block;
height:243px;
background: transparent url(../images/zel-graph.gif) -54px 0px no-repeat;}
#zel:hover {
background: transparent url(../images/zel-graph.gif) 0px 0px no-repeat;}


#old-prj {
margin-top:10px;
margin-bottom:10px;


}





div#extra{float:right;clear:right;width:300px}
div#footer{clear:both;width:100%;
background-image:url(../images/footer.gif); background-repeat:no-repeat; background-position:center bottom;
text-align:center;
height:35px;
font-size:90%;

}













/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
input {border: 1px solid black}
label {border: 1px solid black}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
a {border: 1px solid red}

*/