@charset "utf-8";
/* CSS Document */

html, body{
width: 100%;
height: 100%;
}

body{
background: #2F2F2F url("../images/back.gif") no-repeat 50% 50% fixed;
color: #fff;
font: 85% Corbel, Helvetica, Arial, sans-serif;
line-height: 1.5em;
}

a{
color: #EEB624;
}
a:hover{
color: white;
text-decoration: none;
}

#container{
margin: 0 20%;
width: 60%;
}

#logo{
width: 167px;
height: 48px;
background: transparent url("../images/logo.gif") no-repeat 50% 50%;
text-indent: -999px;
overflow: hidden;
margin-top: 5%;
margin-bottom: 10px;
}

#subtitle{
margin-bottom: 3em;
font-weight: normal;
text-transform: uppercase
}

.legend{
margin: 10px 0;
padding: 0 5px;
float: left;
}
.legend li{
float: left;
width: 55px;
}
.legend div{
height: 10px;
width: 10px;
display: block;
margin-top: 5px;
margin-right: 5px;
float: left;
}
.gallery, .maincontent{
margin: 0;
float: left;
clear: left;
width: 100%;
}
.maincontent{
margin-top: 3em;
padding-bottom: 3em;
}
.maincontent h2{
margin-top: 3em;
}
.maincontent p{
margin-top: 1.5em;
max-width: 530px;
}
.maincontent ul{
list-style: square;
}
.maincontent ul li{
margin-left: 1.5em;
}

.gallery a{
padding: 5px;
display: block;
width: 35px;
height: 35px;
margin: 5px;
float: left;
}
.gallery div a{
margin-top: 0px;
margin-bottom: 0px;
}
.gallery div a.first{
margin-left: 0px;
}
.gallery div a.last{
margin-right: 0px;
}
.gallery div{
background-color: #111;
float: left;
padding: 4px;
margin: 1px;
}

.y2004{
background-color: #C24444    ;
}
.y2005{
background-color: #F77043    ;
}
.y2006{
background-color: #EEB624    ;
}
.y2007{
background-color: #8DA709    ;
}
.y2008{
background-color: #055661    ;
}
.y2009{
background-color: #30416F;
}
.gallery a:hover{
background-color: transparent;
}