* { margin: 0px; }

body { font: 12px Arial, Helvetica, sans-serif; color: #CCC; line-height:18px;
  background: #000; background:url(img/bg.gif); background-repeat: repeat-x repeat-y;
}

h1 {	font-size: 180%;	margin: 0 5px 0 5px; }
h2 {	font-size: 150%;	margin: 0 5px 0 5px; }
h4 {	font-size: 120%;	margin: 0 5px 0 5px; text-align: left; }

img    { border: 0px }
img.fr { float:right;}

p.rules {margin: 4px 0 4px 0; padding: 0;  height:107px;  border: 0px solid #73A405;  }
p       { margin: 0px 5px 0 5px; padding: 5px; line-height: 1.5em; text-align: justify; }

ul {  text-align: left }

ul.sitemap { color: #CCC;   }
a.sitemap  {  color: lightgreen;  }
a.sitemap:hover  { color: yellow; }

a        { color: #000; text-decoration: none; }
a:hover  { color: #5CFA38; }

a.standard        { color: blue; text-decoration: none; }
a.standard:hover  { color: red; }

#main { width: 999px; margin: 0px auto; padding: 0; border: 0px solid #FFF; }

#header    { color: #FFF;  width:999px; height: 135px; border: 0px solid #B22; }
  #hdr-top {               width:999px; height: 15px;  text-align: center; }
  #hdr-lft {  float:left;  width:296px; height: 112px;                     }
  #hdr-mid {  float:left;  width:400px; height: 112px; text-align: center; }
  #hdr-rgh {  float:right; width:296px; height: 112px;}
    #hdr-event { width:296px; height: 94px;}
    #hdr-cdown { width:296px; height: 18px;  text-align: center; }


/* Main menu - top header bar */

#menu-box { width:999px; height: 28px; }
  /*Credits: Dynamic Drive CSS Library */
  .indentmenu{ font: bold 13px Arial; width: 100%; overflow: hidden; }
  .indentmenu ul{
    margin: 0; padding: 0; float: left; width: 100%;
    border: 1px solid #003300; border-width: 1px 0;
    background: black url(img/indentbg2.jpg) center center repeat-x;
  }
  .indentmenu ul li{ display: inline; }
  .indentmenu ul li a{ float: left; color: white; padding: 5px 11px;
    text-decoration: none; border-right: 1px solid #564c66;
  }
  .indentmenu ul li a:visited{ color: white; }
  .indentmenu ul li a:hover, .indentmenu ul li .current{
    color: white !important; padding-top: 6px; padding-bottom: 4px;
    background: black url(img/indentbg.jpg) center center repeat-x;
  }
/*events menu - left col */
/*Credits: Dynamic Drive CSS Library */
  .arrowgreen{	width: 200px;	border-style: solid solid none solid;
    border-color: #94AA74;	border-size: 1px;	border-width: 1px;
    }
  .arrowgreen ul{ list-style-type: none;	margin: 0;	padding: 0; }
  .arrowgreen li a{	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block; background: transparent url(img/arrowgreen01.gif) 100% 0;
    height: 24px;	padding: 4px 0 4px 10px; line-height: 24px;	text-decoration: none;
    }
  .arrowgreen li a:link, .arrowgreen li a:visited {	color: #5E7830; }
  .arrowgreen li a:hover{	color: #26370A;	background-position: 100% -32px; }
  .arrowgreen li a.selected{	color: #26370A;	background-position: 100% -64px; }

#content-home { float:left; width:999px; height: auto; margin: 2px 0 0 0; }
  .home-lft   { float:left; width:790px; height: auto; border: 1px solid #666; min-height: 500px; }
    #imageContainer { height: 500px;}
    #imageContainer img { display:none;	position:absolute; top:0px; left:0px;
      height:500px;	width:790px; opacity: -0.01;
    }
  .home-lftbot{ float:left; width:790px; height: auto; margin: 2px 0 0 0; }
  .home-rgh   { float:left; width:203px; height: auto; margin: 0 0 0 2px; min-height: 500px;}

#content-main { float:left; width:999px; height: auto; margin: 2px 0 0 0; min-height: 305px; }
  .main-photo { float:left; width:995px; width:750px; border:1px solid #8DC70A; }

  .main-l { float:left; width:202px; height: auto;}
  .main-c { float:left; margin: 0 4px 0 4px; width:586px; height: auto;}
  .main-r { float:left; width:202px; height: auto;  padding: 0px 0 0 0; border: 0px solid #B22;}
  .sub { width:auto; height:auto; margin: 2px; padding: 15px; color:#000; border: 1px solid #8DC70A;}
  .box      { width: 575px; color:#000; background: #FFF; }
  .boxholder{ width: 575px; clear: both; padding: 5px; background: #8DC70A ; }
  .tab      { float: left; margin: 0 1px 0 0; width: 102px; height: 30px; text-align: center; background: #8DC70A url(img/greentab.jpg) no-repeat; }
  .tabtxt   { margin: 0; color: #000; font-size: 12px; font-weight: bold; padding: 9px 0 0 0;}

  a.download {display:block; width:202px; height:54px; text-decoration:none;
    background:url(img/downloadx2.png) top no-repeat;
    }
    a.download:hover  { background-position:bottom; }
    a.download:span   { visibility:hidden; }
  a.reg-button {display:block; margin: 15px 0 0 0; width:202px; height:54px;
    background:url(img/but-reg.png) top no-repeat;  text-decoration:none;
    }
    a.reg-button:hover  { background-position:bottom; }
    a.reg-button:span   { visibility:hidden; }
  a.google-map {display:block; margin:0px;
    background:url(img/but-google.png) top no-repeat;
    width:202px; height:54px; text-decoration:none;
    }
    a.google-map:hover  { background-position:bottom; }
    a.google-map:span   { visibility:hidden; }

#content-reg    { float:left; width:999px; padding: 2px 0 0 0;  min-height: 400px; }
  .reg-l { float:left; width:202px; padding: 0px 0 0 0;  height: auto; color:#ccc; }
  .reg-c {float:left; margin: 0 0 0 4px; width:578px; height: auto; background: #FFF; border:4px solid #8DC70A;}
  .reg-r { float:left; width:202px; text-align:left; height: auto;   padding: 0;   color:#CCC; }
  table.reg { width: 550px; border: 0px solid #666  }


  .ranks-r { float:left; width:790px; margin: 0 0 0 4px; height: auto; border: 0px solid #B22;}
  table.ranks { width: 776px; margin: 2px; text-align: center;  border-collapse: collapse;
    font-family: Verdana; font-weight: normal; font-size: 11px; color: #404040;
    }
  th.ttop {color:#FFF; height:35px; background: black url(img/indentbg.jpg) center center repeat-x;}
  td.rank     { width:46px;  background-color:#B1E0AA; font-weight:bold; color:#b22;}
  td.name     { width:220px; background-color:#A7D896; font-weight:bold; text-align:left;}
  td.event1   { width:60px;  background-color:#CCECC3; font-weight:bold; }
  td.event2   { width:60px;  background-color:#B1E0AA; font-weight:bold; }
  td.event3   { width:60px;  background-color:#A7D896; font-weight:bold; }
  td.event4   { width:60px;  background-color:#8BD07D; font-weight:bold; }
  td.total    { width:70px;  background-color:#75C36D; font-weight:bold; }
  td.photo    { width:200px; background-color:#8CA957; font-weight:bold; }
  td.rank-a   { width:46px;  background-color:#A3C99A; }
  td.name-a   { width:220px; background-color:#B9D4B1; text-align:left; }
  td.event1-a { width:60px;  background-color:#8EB981; }
  td.event2-a { width:60px;  background-color:#B9D4B1; }
  td.event3-a { width:60px;  background-color:#A3C99A; }
  td.event4-a { width:60px;  background-color:#8EB981; }
  td.total-a  {width:70px;   background-color:#A3C99A; font-weight:bold; }
  td.rank-b   { width:46px;  background-color:#B1E0AA; }
  td.name-b   { width:220px; background-color:#CCECC3; text-align: left; }
  td.event1-b { width:60px;  background-color:#A7D896; }
  td.event2-b { width:60px;  background-color:#CCECC3; }
  td.event3-b { width:60px;  background-color:#B1E0AA; }
  td.event4-b { width:60px;  background-color:#A7D896; }
  td.total-b  { width:70px;  background-color:#B1E0AA; font-weight:bold; }


#footer{ width:999px;  font-size: 10px; color: #000; text-align: center; padding-top: 1px; clear:both; padding: 0px 0px 0px 0px;  background:url(img/footer.jpg); background-repeat: repeat-x;  }
  #footer a       { color: #CCC; text-decoration:none;}
  #footer a:hover { color: lightgreen; }