/*
-----------------------------------------------
www.bierbrier.com
17/06/2007
----------------------------------------------- */


/* @group Structure */

* {
  border: none; 
  margin: 0;
  padding: 0;
}

html {
  font: 11px/16px "Trebuchet MS", Verdana, sans-serif;
  color: #000000;
  height: 100%;
  max-height: 100%;
}

body {
  background: #000 url(../images/bg-container.jpg) top left no-repeat;
  height: 100%;
  max-height:100%;
  overflow: hidden;
}

#container {
  position: relative;
  height: 100%;
  max-height: 100%;
  overflow: auto;
}

a {
  text-decoration: none;
}

/* @end */

/* @group header */

#header {
  width: 691px;
  margin-left: 259px;
}

#logo {
  float: left;
  padding-top: 20px;
  padding-left: 120px;
}


/* @end */

/* @group util */

#util {
  float: right;
  width: 255px;
  text-align: right;
  margin-right: 25px;
  padding: 6px 0;
  color: #00d2ff;
}

#util li {
  display: inline;
  font-family: 12px Arial, Helvetica, sans-serif;
  margin-left: 12px;
}

#util a:link { 
  color: #f9df58;
  font-weight: bold;
}

#util a:visited {
  color: #f9df58;
  font-weight: bold;
}

#util a:hover, #util a:active {
  color: #f9df58;
  font-weight: bold;
  border-bottom: 1px dotted #f9df58;
  padding-bottom: 1px;
}


/* @end */

/* @group pub */

#pub {
  float: right;
  width: 400px;
  height: 148px;
  text-align: right;
  background: url(../images/bg-recommends.jpg) no-repeat;
}

#pub h2 {
  font-size: 14px;
  color: #01bee7;
  text-transform: uppercase;
  margin-right: 15px;
  margin-top: 2px;
}

#pub h3 {
  font-size: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-right: 15px;
  margin-top: 2px;
}

#pub p {
  font-size: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-right: 15px;
  margin-top: 2px;
}

/* @end */

/* @group nav */

#nav {
  clear: both;
  width: 691px;
  margin-left: 258px;
  height: 40px;
  padding-left: 12px;
  padding-top: 25px;
  background: url(../images/bg-nav.jpg) no-repeat;
  color: #00d2ff;
}

#nav li {
  display: inline;
  font-family: 12px Arial, Helvetica, sans-serif;
  margin-left: 12px;
}

#nav a:link { 
  color: #f70000;
  font-weight: bold;
}

#nav a:visited {
  color: #f70000;
  font-weight: bold;
}

#nav a:hover, #nav a:active {
  color: #00d2ff;
  font-weight: bold;
}


/* @end */

/* @group content */

#content {
  float: left;
  width: 375px;
  margin-left: 258px;
  padding: 25px;
  color: #FFFFFF;
}


#content h2 {
  font: 12px/16px Verdana, sans-serif;
  font-weight: bold;
  color: #4abae0;
  margin: 10px 0;
}

#content h3 {
  font: 18px/28px Verdana, sans-serif;
  margin-right: 75px;
}

#content h4 {
  font-size: 12px;
  line-height: 14px;
  color: #959ca4;
  margin-bottom: 5px;
}

#content p {
  font: 11px/16px Verdana, sans-serif;
  margin-right: 75px;
  margin-bottom: 8px;
}

#content img {
  margin: 15px 0;
}

#content ul {
  margin-bottom: 25px;
}

#content li {
  list-style-type: none;
  background: url(../images/bg-list.png) repeat-y;
  padding: 5px 10px;
  margin-bottom: 3px;
}

#content a:link { 
  color: #FFFFFF;
  text-decoration: underline;
}

#content a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

#content a:hover, #content a:active {
  color: #00d2ff;
  text-decoration: underline;
}

.pastevents {
  color: #A49486;
}

/* @end */

/* @group simpleviewer */

#flashcontent {
  width: 635px;
  height: 450px;
}

/* @end */

/* @group sousnav */
#sousnav {
  border-top: 2px dashed #654d4d;
  border-bottom: 2px dashed #654d4d;
  padding: 5px 0;
  color: #00d2ff;
  margin-bottom: 16px;
}

#sousnav ul {
  margin-bottom: 0;
  font-weight: bold;
}

#sousnav li {
  display: inline;
  font-family: 12px Arial, Helvetica, sans-serif;
  margin-right: 12px;
  background: none;
  padding: 0;
}

#sousnav a:link { 
  color: #FFFFFF;
  text-decoration: none;
}

#sousnav a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#sousnav a:hover, #sousnav a:active {
  color: #00d2ff;
  text-decoration: none;
}

/* @end */

/* @group sidebar */
#sidebar {
  float: left;
  width: 250px;
  font-family: Verdana, sans-serif;
}

/* @end */

/* @group events */
#events {
  width: 216px;
  background: url(../images/bg-events.jpg) no-repeat;
  padding: 20px 0 15px 20px;
  margin-left: 17px;
}

#events h2 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

#events h3 {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}

#events p {
  color: white;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
  padding-right: 10px;
}

#events a:link { 
  color: #fff600;
}

#events a:visited {
  color: #fff600;
}

#events a:hover, #events a:active {
  color: #00d2ff;
}


/* @end */

/* @group news */

#news {
  width: 196px;
  color: #fff600;  
  border-left: 2px dashed #654d4d;
  margin-left: 16px;
  padding: 15px 20px;
  margin-top: 15px;
}

#news h2 {
  font-size: 14px;
  margin-bottom: 5px;
}

#news h3 {
  font-size: 10px;
}

#news h4 {
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  border-bottom: 2px dashed #654d4d;
  padding-bottom: 10px;
  margin-bottom: 8px;
  margin-right: 10px;
}

#news h5 {
  font-size: 10px;
  color: #A49486;
}

#news h6 {
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  border-bottom: 2px dashed #654d4d;
  padding-bottom: 10px;
  margin-bottom: 8px;
  margin-right: 10px;
  color: #A49486;
}

#news p {
  font-size: 10px;
  line-height: 14px;
  border-bottom: 2px dashed #654d4d;
  padding-bottom: 10px;
  margin-bottom: 8px;
  margin-right: 10px;
}

#news a:link { 
  color: #FFFFFF;
  border-bottom: none;
}

#news a:visited {
  color: #FFFFFF;
  border-bottom: none;
}

#news a:hover, #news a:active {
  color: #00d2ff;
  border-bottom: none;
}
  


/* @end */

/* @group footer */
#footer {
  clear: both;
  margin-left: 258px;
  padding: 25px;
  color: #A49486;
}



/* @end */