@charset "ISO-8859-1";

body { margin: 0px; padding: 0px; background-color: #cc0000; }

a:link { color: #0033FF; }
a:visited { color: #009900; }
a:hover { color: #009900; }
a:active { color: #CC0000; }

#navigation { width: 770px; height: 72px; padding: 0px 15px; margin: 0px; background: url(images/navigation.jpg) no-repeat bottom left; }
#navigation li { display: inline; list-stye: none; height: 72px; }
#navigation li a { float: left; display: block; height: 72px; background-image: url(images/navigation.jpg); text-indent: -9999px; }
#navigation li a:hover {}
#navigation li a:active {}

#nav_home a { width: 70px; background-position: -15px -144px; }
#nav_home a:hover { background-position: -15px 0px; }
#nav_home a:active { background-position: -15px -72px; }
body.home #nav_home a { background-position: -15px -72px; cursor: default; }

#nav_festival a { width: 145px; background-position: -85px -144px; }
#nav_festival a:hover { background-position: -85px 0px; }
#nav_festival a:active { background-position: -85px -72px; }
body.festival #nav_festival a { background-position: -85px -72px; cursor: default; }

#nav_event a { width: 125px; background-position: -230px -144px; }
#nav_event a:hover { background-position: -230px 0px; }
#nav_event a:active { background-position: -230px -72px; }
body.event #nav_event a { background-position: -230px -72px; cursor: default; }

#nav_news a { width: 95px; background-position: -355px -144px; }
#nav_news a:hover { background-position: -355px 0px; }
#nav_news a:active { background-position: -355px -72px; }
body.news #nav_news a { background-position: -355px -72px; cursor: default; }

#nav_gallery a { width: 125px; background-position: -450px -144px; }
#nav_gallery a:hover { background-position: -450px 0px; }
#nav_gallery a:active { background-position: -450px -72px; }
body.gallery #nav_gallery a { background-position: -450px -72px; cursor: default; }

#nav_history a { width: 105px; background-position: -575px -144px; }
#nav_history a:hover { background-position: -575px 0px; }
#nav_history a:active { background-position: -575px -72px; }
body.history #nav_history a { background-position: -575px -72px; cursor: default; }

#nav_contact a { width: 105px; background-position: -680px -144px; }
#nav_contact a:hover { background-position: -680px 0px; }
#nav_contact a:active { background-position: -680px -72px; }
body.contact #nav_contact a { background-position: -680px -72px cursor: default;; }