* {font-family: Arial, Verdana, Helvetica, sans-serif; }

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

/*flexible design does not work, lets try to fix that january2010*/
#majorWrap{
    background: url(../images/checkers.gif) center center repeat-y;
    width: 100%
} /*for big screen users*/

#staticWrap{
width: 1024px;
margin: 0 auto 0 auto;
border: 1px solid #FF0;
}

/*flexible design does not work, lets try to fix that january2010
 note feb 19 2010, problems with width of main nav. Fuck!*/
/*note march 2010 I FIXED THE MOTHERFUCKER*/

/*below the original stuff, not touching that (yet)*/


/*content wrapper*/
.wrapper {
 width: 100%;
 height: 100%;
 position: relative;
 top: 0px;

}

.leftcol {
  padding: 5px 0px 0px 5px;
  width: 25%;
  position: static;
  float: left;
  }

.leftcol p {
  text-align: center;
  color: #FFF;
  font-size: 10px
  }

.rightcol {
  padding: 5px 5px 0px 0px;
  text-align: right;
  width: 25%;
  position: static;
  float: right;
  color: #FFF;
  font-size: 10px;
  height: 700px;
  }

.rightcol p {
  text-align: center;
  color: #FFF;
  font-size: 10px
  }

.rightcol img{border: none;}

.centercol {
  z-index: 10;
  width: 50%;
  position: absolute;
  left: 25%;
  right: 25%;
  top: 0px;

}

.centercol h1 {
    text-align: center;
    font-size: 18px;
    color: #FFF;
    vertical-align: top;
    padding-top: 10px;}

.centercol h2 {
    padding: 0;
    margin-top: 6px;
    margin-bottom: 2px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
}

.centercol h3 {
    padding: 0;
    margin-top: 6px;
    margin-bottom: 2px;
    text-align: center;
    font-size: 13px;
    color: #FF0;
    }

.centercol p {
    text-align: left;
    font-size: 12px;
    color: #FFF
    }

.centercol table {
    width: 100%;
    }

td.centerimage { width: 100%; text-align: center;} /* speziale for image td*/

.centercol a:link { border-color: #666; text-decoration: none; color: #FF0; padding: 4px;}
.centercol a:visited { border-color: #666; text-decoration: none; color:#FF0;}
.centercol a:active{ border-color: #666; text-decoration: none; color:#FF0;}
.centercol a:hover { border-color: #333; text-decoration: none; color: #F90;}

table.cntnt-ss{
position: absolute;
left: 0;
border-style: solid;
border-width: 1px;
border-spacing: 1px;
border-color: #000;
}
table.cntnt-ss td {
text-align: center;
border-style: solid;
border-width: 1px;
border-spacing: 1px;
border-color: #333;
padding: 2px;
}

p.blrb{
font-size: 11px;
color: #FFF;
}

div.updateinfo{
    color: #FF0;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    padding-top: 10px;
    margin: 2px;
    width: 100%;
    text-align: center;
    
}

div.eventAd {
    width: 500px;
    color: #FF0;
    font-size: 13px;
    margin: 4px;
    text-align: center;
    /*border-bottom: dotted #FF0 2px;*/
}

div.eventAd img {
    border: double #FF0 4px ;
}

div.barAd {
    width: 500px;
    color: #FF0;
    font-size: 13px;
    margin: 4px;
    text-align: center;
    border-bottom: dotted #FF0 2px;
}

div.barAd img {
    padding-bottom: 10px;
}




/*styles for contact form pages */
table.frm {
background: url(../images/contact.gif) center center no-repeat;
width: 80%;
/*position: absolute;*/
margin: 0 0 0 40px;
padding: 5px;
font-size: 12px;
color: #FFF
}
.formfields { border: solid 2px #000; margin: 5px 0 5px 0; vertical-align: middle;}
.formbutton { border: dotted 1px #FFF; background-color: #000; color: #FFF; margin: 5px 0 5px 0;}
/*end contact form styles*/

/*styles for linkspage*/
#links {width: 100%; text-align: center; margin: 4px;}
#links a:link, #links a:visited, #links a:active  { text-decoration: none; color: #999; padding: 0px; font-size: 12px; font-weight: normal;}
#links a:hover {text-decoration: none; color: #FF0; font-size: 12px;}
#links img { border-color: #999;}
.tableBack {background-color: #111;}
.linkbg { background: url('../images/linkbg.gif') repeat-x; height: 40px;}
/*end links*/


.caption{ padding: 0; margin: 0; font-size: 11px;}
.caption a:link { text-decoration: none; color: #FF0;}
.caption a:visited {text-decoration: none; color:#FF0;}
.caption a:active{ text-decoration: none; color:#FF0;}
.caption a:hover {text-decoration: none; color: #666;}



.quotes
{
width: 220px;
height: 220px;
background: url('../images/quotes.gif') no-repeat;
}

.quotes ul
{
width: 200px;
font-size: 11px;
font-style: italic;
color: #000;
padding: 46px 0 0 0;
margin: 0px;
list-style: none inside none;
}

.quotes li
{
list-style: none inside none;
margin-bottom: 10px;
}

.quotes p
{
text-align: left;
margin-left: 0px;
font-size: 13px;
color: #FF0;
margin-top: 30px;
}

div.footer
{
position: relative;
bottom: 0px;
width: 100%;
height: 20px;
background-color: #FF0;
border-top-style: double;
}

div.footer p
{
text-align: center;
font-size: 12px;
font-weight: bold;
color: #000;
padding: 0;
margin: 0;
}

.concept {font-size: 10px; color: #FF0; text-align: center; vertical-align: top; }

/*testing*/

.clearfloat { /* should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.footerX
{
width: 100%;
height: 20px;
background-color: #FF0;
}

div.footerX p
{
text-align: center;
font-size: 12px;
font-weight: bold;
color: #000;
padding: 0;
margin: 0;
}