body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  background: #eee;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
 }
 #main {
  width: 750px;
  background: #fff;
  background-image: url(/images/template/rightshadow.gif);
  background-position: right;
  background-repeat: repeat-y;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
 }
 #headContainer {
   background-image: url(/images/template/menu_11.gif);
   background-repeat: no-repeat;
   background-position: right 18px; 
 }
 #header {
   height: 140px;
   background: #fff;
   background-image: url(/images/template/titlestrip.jpg);
   background-repeat: no-repeat;
   background-position: right 47px; 
   margin-right: 29px;
 }
 #logo {
   height: 140px;
  width: 137px;
  float: left;
  background-image: url(/images/template/logo.gif);
 }
 #menuBar {
   background-image: url(/images/template/menu_10.gif);
   background-repeat: repeat-x;
  height : 29px;
  position: relative;
  top: 0px;
  margin-left: 137px;
  padding-left: 15px;
 }


#breadCrumbs {
  position: relative;
  top: 115px;
  margin-left: 137px;
  height: 18px;
  font-size: 11px;
}

#contentContainer {
  background-image: url(/images/template/leftshadow.gif);
  background-repeat: repeat-y;   
  background-position: left;
  padding: 1px 80px 40px 70px;
}

#content {
  background-image: url(/images/template/greyed-players.gif);
  background-repeat: no-repeat;
  background-position: 95% top;
  font-family: Arial, Helvetica, sans-serif;
}

#bottom {
  background: #eee;
  background-image: url(/images/template/bottomshad.gif);
  height: 20px;
  background-repeat: repeat-x;
  clear: both;
}

#bottomLeft {
  background-image: url(/images/template/bottomleft.gif);
  background-repeat: no-repeat;
  height: 20px;
}

#bottomRight {
  background-image: url(/images/template/bottomright.gif);
  background-repeat: no-repeat;
  background-position: right;  
  height: 20px;
}

#menuBar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: verdana;
  }
 
#menuBar ul li {
  float: left;
  position: relative;
  width: 110px;
  font-size: 67%;
  margin-top: 3px;
  }
#menuBar ul li ul {
  position: absolute; 
  top: 1em;
  width: 100%;
  display: none;
  background-color: #FFFD01;
  border: 1px solid #666;
  border-bottom: 0px;
  border-top: 1px solid #B58E0B;
  }

#menuBar ul li ul li {
    font-size: 83%;
    border-bottom: 1px solid #888;  
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#menuBar a {
  text-decoration: none;
  color: #000;
  display: block;
  padding: 3px 3px 5px 3px;
}


#menuBar a:hover {
  text-decoration: none;
  background-color: #FFBD01;  
}

#menuBar ul li > ul {
 top: auto;
 left: auto;
 }

#menuBar ul li:hover ul, #menuBar ul li.over ul{ display: block }

/* hide from MacIE \*/ 
 * html #logo { 
          margin-right: -3px; 
         } 
 * html #menuBar { 
          margin-left: 0; 
         } 
 * html #menuBar ul li ul {
          margin-top: 10px;
        }
 * html #menuBar ul li ul a {
   width: 100%;
   margin-right: -5px;
 }
/* end hide */

p,#content ul, #content ol {
  margin-right: 100px;
  color: #000;
  font-size: 0.9em;
  font-weight: normal;
}

.cmsContentArea p{width: auto;}

a {text-decoration: none}

a:hover {  text-decoration: underline}

.breadcrumbs { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;
 }


.smalltext {
 font-size: 70%;
}

.heading {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-decoration: none; background-color: #8DCBFE; border: 1px #000000 solid; width: 120px; display: block;}

h1 {  
  width: 380px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 105%; 
  font-weight: bold; 
  color: #000000; 
  border-color: black black #FF0000; 
  padding-bottom: 2px; 
  padding-left: 0px; 
  border-style: solid; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 2px; 
  border-left-width: 0px
}
h2 {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 100%; 
  font-weight: bold; 
  color: #000000; 
}

.header {  
  width: 370px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 120%; 
  font-weight: bold; 
  color: #000000; 
  border-color: black black #FF0000; 
  padding-bottom: 2px; 
  padding-left: 0px; 
  border-style: solid; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 2px; 
  border-left-width: 0px
}

.galleryTable {}

.thumbnail {border: 1px #000000 solid}

.inlineImage {border: 1px #000000 solid; margin: 5px; float right}

#imgArea {
  background: #fff
  width:100%;
  height:100%;
  text-align:center;
  margin-top: 10px;
}

#imgArea a {
  font-size: 70%;
}

.caption {font-size: 90%; color: #000; font-family: arial; display: block; margin: 2px 30px 5px 30px}

.borderImg {border: 2px solid #333}

.newsBox {float: right; margin-top: 10px; margin-bottom: 25px;}

.newsBox h3 {
  display: block;
  margin: 0px;
  font-size: 80%;
  text-align:center; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  color: #000000; 
  text-decoration: none; 
  background-color: #8DCBFE; 
  border: 1px #000000 solid; 
  width: 120px; 
}

.newsBox a {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #Cf0303; font-size: 80%; font-weight: bold; width: 120px; border-color: black black #0000FF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; display: block;
}

.newsBox a:hover {text-decoration: none; background-color: #FEE496}

.galleries {
}

.galleries p {
  height: 150px;
  background: #f5f5f5;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #777;
  padding: 15px;
  padding-left: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.galleries img {
  border: 1px solid #444;
  float: left;
  margin-right: 15px;
}

.timetable td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 15px 4px 3px;
  margin: 0px;
}

.timetable thead tr {
  font-size: 80%;
  font-weight: bold;
  background: #FFE28C;
}

.timetable tbody tr {
  font-size: 70%;
  background: #FFF2CA;
}

.timetable tbody td {
  border-top: 2px solid #FFE28C;
}

.highlight {
  color: #f00;
  background-color: #fe0;
  padding: 0px 2px 0px 2px;
}

.announcement {
  border: 1px solid #555;
  padding: 0px 10px 0px 10px;
  background:#FEE496;
}