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

html { margin: 0px; padding: 0px; } 
body { width: 100%; background: #ffffff; text-align: center; font-size: 11px; line-height: 16px; font-weight: normal; color: #333333; font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; }

a { color: #333333; text-decoration: none; }
a:hover { color: #ff375d; }

/*
* + html h2 { padding: 0px; margin: 0px; }
h3 { color: #999999; font-size: 11px; font-weight: normal; margin-bottom: 0px !important; margin-bottom: -6px; }
* + html h3 { padding: 0px; margin: 0px; }
*/
p { margin: 0px; padding: 0px; }
img { border: 0px solid white; }
ul { margin: 0px; padding: 0px; }

#panel { text-align: left; margin: 0px auto; padding: 0px; width: 900px; }

#header { width: 900px; height: 50px; margin-bottom: 30px; background-image: url(../images/header.jpg); background-repeat: no-repeat; }

#navigation  { width: 500px; margin-left: 23px; font-size: 18px; text-transform: uppercase; color: #ffffff; }
#navigation ul { margin: 0px; padding: 0px; }
#navigation li { list-style: none; float: left; margin-top: 16px; }
#navigation a { color: #ffffff; }

#content { width: 900px; }
#infobar { width: 877px; height: 195px; margin-bottom: 25px; margin-left: 23px; }

#filter { width: 257px; float: left; height: 195px; }
#filter .year { width: 32px; float: left; }
#filter .year img { padding-bottom: 2px; }
#filter .year a img { border: 0px solid white; height: 15px; }
#filter .year .ytxt { margin-left: 1px; margin-bottom: 0px; }

#legend { width: 154px; margin-left: 6px; margin-top: 20px; float: left; height: 195px; }
#legend .ltxt { height: 15px; line-height: 15px; width: 124px; margin-bottom: 2px; float: left; text-align: right; }
#legend .limg { float: left; }

/*#legend .ltxt img { margin-bottom: -4px; }*/

#project { width: 354px; margin-left: 90px; float: left; text-align: right; }
#project .title { height: 50px; width: 320px; font-size: 18px; line-height: 22px; text-transform: uppercase; float: right; }
#project .titlecat { height: 20px; width: 34px; float: right; padding-top: 4px; }
#project .facts { height: 85px; font-size: 14px; line-height: 20px; }
#project .description { height: 65px; overflow: hidden; }

#modules { width: 900px; }
#modules .slider { width: 900px; float: left; }
#modules .images { width: 450px; float: left; }
#modules .text { width: 390px; margin-left: 40px; margin-right: 20px; text-align: justify; float: right; }
#modules .rimage { width: 450px; float: right; }

#footer { width: 900px; height: 57px; margin-top: 110px; background-image: url(../images/footer.jpg); background-repeat: no-repeat; }
#footer p { text-transform: uppercase; padding-left: 626px; padding-top: 25px; }

.active { color:#ff5000; }