@import url('reset.css');
@import url('grid.css');

/*--------Global Styles--------*/

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: capitalize;
}

h1 { font-size: 2em; margin: 0.67em 0 }
h2 { font-size: 1.5em; margin: 0.75em 0 }
h3 { font-size: 1.17em; margin: 0.83em 0 }
h4 { font-size: 1em; margin: 1.12em 0 }
h5 { font-size: 0.83em; margin: 1.5em 0 }
h6 { font-size: 0.75em; margin: 1.67em 0 }

a { color: #666; white-space: nowrap; }
a:hover { color: #242424; }

blockquote {
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAABg0lEQVR4nO3WsUocURSH8TFBSJPCF0jjA5gisJ2lQlJoIwtWaZM3sLKyFixs0oWQYvskhcUUs3jP/zCvEEi6FBY2ISiBa+PC9bLujkXuDPH7wXRfcc5hlp2qAjBkIYSRpFddWnfflLTxr2caFHd/6e61pOju7xa1IYSRmUlSlLRfasbeuft7Sde3i997qBjjipkdSPo7ax/NoSQdJktHSVfuPp7Xuvtx1v4xs9elZy7OzHayxT83TbM2r3X3t1n7YTqdPi89c3ExxieSfiaLN5PJ5Om8tq7rZ5IuZq2ZfY0xrpSeuRdmtpW9Idv3te4+TtsQwqjkrL2SdJQs/7tt29UF7WnS/no0b1NVVZWkL8ny7ZL2PPnZnZWacRAktcmhvi1pvyftp1IzDoKkH8nyH5e0l0l7UmrGQcj+8e48+Qdndqj8+b8/ODlURxyqIw7VEYfqiEN1xKE6kvRG0t68p23b9azdXdC+6GsHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHioG4y91f6Yj0ehAAAAAElFTkSuQmCC') no-repeat top left;
  border-right: 1px solid #e0e0e0;
  color: #666;
  display: block;
  margin: 8px auto 8px 24px;
  padding: 4px 6px 0 16px;
  text-align: justify;
  text-indent: 12px;  
}

q { quotes: '„' '“'; }

strong { font-weight: bold; }

p {
  margin-bottom: 1em;
  text-align: left;
}

.left { float: left; }
.right { float: right; }

ul.normal {
  list-style-type: disc;
  margin: 0 24px;
  padding-left: 16px;
  text-align: justify;
}

ul.normal li { margin: 0.5em 0; }

/*--------Layout--------*/

body {
  background-color: #d8d8d8;
  color: #000;
  font: normal normal normal 16px/1.2em Baskerville, Georgia, Times, "Times New Roman", serif;
  text-align: center;
}

body#home p { text-align: justify; }

#header {
  background-color: #6c96b7;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 192px;
}

#header .row {
  width: 960px;
}

.logo {
  background: transparent url('../images/logo.png');
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 102px;
  height: 103px;
}

#headertitle {
  float: right;
  margin-right: 190px;
  text-align: right;
}

.title { margin-top: 16px; }

#donate {
  background: transparent url('../images/donate.png');
  float: right;
  position: absolute;
  top: 16px;
  right: 0;
  width: 22px;
  height: 81px;
}

ul#nav {
  background: #a6a6ab url('../images/tabarea.png') repeat-x top center;
  line-height: 32px;
  list-style-type: none;
  position: absolute;
  top: 142px;
  left: 0;
  width: 100%;
  height: 45px;
}

ul#nav li {
  display: inline;
  position: relative;
  margin: 0 8px;
  padding: 0 4px;
}

ul#nav li a {
  color: #efefef;
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  height: 100%;
  padding: 6px 16px;
  text-transform: capitalize;
  vertical-align: top;
}

ul#nav li a:hover { color: #fff; }

/*
ul#nav li a.current {
  background: transparent url('../images/current.png') no-repeat top center;
  color: #343434;
}

ul#nav li a.current:hover { color: #000; }
*/

.dropdown { background: transparent url('../images/downarrow.png') no-repeat top right; }
.dropped { background: transparent url('../images/downarrow.png') no-repeat bottom right; }

ul#nav li ul {
  background-color: #c0c0c4;
  /*border: 2px solid #A6A6A6;*/
  display: none;
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 26px; left: 18px;
  overflow: hidden;
  z-index: 999;
}

ul#nav li ul li {
  border-width: 1px;
  border-style: solid;
  border-color: #dadadc #9b9ba1 #9b9ba1 #dadadc;
  clear: both;
  display: block;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
}

ul#nav li ul li a {
  color: #262626;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 8px;
  text-transform: capitalize;
  width: 100%;
}

ul#nav li ul li a:hover, ul#nav li ul li:hover { background-color: #a6a6ab; }

#main {
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  padding: 16px;
  position: relative;
  width: 912px;
  height: 100%;
    -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
    -khtml-border-bottom-left-radius: 4px; -khtml-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;
    border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
}

.slideshow {
  overflow: hidden;
  height: 270px;
}

.introblock {
  color: #444;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: justify;
}

body#fan .introblock {
  border-bottom: 1px solid #ccc;
  padding-bottom: 52px;
}

.more {
  background: transparent url('../images/arrow.png') no-repeat center right;
  color: #4d4d4d;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  float: right;
  clear: both;
  margin: 8px 0 0 auto;
  margin-right: 24px;
  padding-right: 96px;
  text-transform: capitalize;
}

.news {
  border-right: 1px solid #e0e0e0;
  margin-top: 16px;
}

.news h2 {
  background-color: #efefef;
  display: block;
  font-weight: bold;
  color: #333;
  margin: 0 auto 8px;
  padding: 8px 0;
}

.news h3 { margin: 0 auto 12px; }

.news li {
  border-bottom: 1px solid #e0e0e0;
  display: block;
  overflow: hidden;
  padding: 8px;
}

.avatar {
  float: left;
  margin: 4px;
  width: 50px;
  height: 50px;
}

.events {
  list-style: square inside url('../images/date.png');
  text-align: left;
}

.events li { margin: 16px; }

.events h4, .events h5 {
  display: inline;
  font-weight: bold;
  margin: 0;
}

.events h4 { text-align: center; }

.events li ul { list-style-image: none; }
.events li ul li { margin: 0; }

body#contact h2 {
  text-decoration: underline;
  text-align: left;
}

.contactlist { text-align: left; }

.contactlist li {
/*border-bottom: 1px solid #efefef;*/
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.contactlist h1, .contactlist h2, .contactlist h3, .contactlist h4, .contactlist h5, .contactlist h6 {
  margin: 0;
  padding: 0;
}

.footer { margin: 8px auto; }

.footer span { font-family: Helvetica, Arial, sans-serif; font-size: .95em; }