/* ===========================================================================
Standard CSS
=========================================================================== */
html, body {
	margin: 0; 
	padding: 0;
} 

body {
  width: 100%;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: small;
  color: #000000;
  background-color: #8f9c8f;

}


/* ===========================================================================
Layout CSS #57794
=========================================================================== */
#fade {
  background-image: url(img/fade.png); 
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

#container {
  text-align: left;
  margin: 0 auto; 
  width: 800px;
}

#logo {
  height: 85px;
  background-image: url(img/logo.png); 
  background-repeat: no-repeat;
}

#login {
  background-color: #577949;
  border-top: 4px #000000 solid;
  border-right: 4px #000000 solid;
  border-left: 4px #000000 solid;
  height: 20px;
  padding: 6px;
  color: #cdd2cb;
}

#search {
  padding-top: 20px;
  text-align: right;
}

#text {
  background-color: #ddeed6;
  border-left: 4px #000000 solid;
  border-right: 4px #000000 solid;
  padding: 10px;
}

#text li a {
 color: #1f6228;
 text-decoration: none;
}

#text li a:hover {
 color: #40944c;
}

#text li a:active {
 color: #40944c;
}

#footer {
  border-left: 4px #000000 solid;
  border-right: 4px #000000 solid;
  border-bottom: 4px #000000 solid;
  background-color: #577949;
  height: 90px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 34px;
}

#counter {
  border: 2px solid #2A461E;
  background-color: #C3E2B6;
  margin-top: 10px;
  padding: 10px;
}

#counter_number {
  color: #2A4020;
  font-size: 30px;
  display: table-cell;
  padding-right: 30px;
}

#counter_info {
  display: table-cell;
  padding-right: 30px;
}

#counter_controls {
  display: table-cell;
}

#code {
  border: 1px dashed #2A461E;
  background-color: #D6E7CF;
  padding: 5px;
}
	
/* ===========================================================================
Navigation CSS
=========================================================================== */
.menu {
  background-color: #ddeed6;
  background-image: url(img/menu_bg.png); 
  background-repeat: repeat-x;
  border-top: 4px #000000 solid;
  border-right: 4px #000000 solid;
  border-left: 4px #000000 solid;
  height: 20px;
  padding: 4px;
  
}

.menu ul {
 margin: 0;
 padding: 0;
}

.menu li {
 float: left;
 display: inline;
 list-style-type: none;
 padding-left: 5%;
 color: #d7dad6;
 font-weight: bold;
}

.menu li a {
 color: #d7dad6;
 text-decoration: none;
}

.menu li a:hover {
 color: #ffffff;
}

.menu li a:active {
 color: #ffffff;
}


.menu ul li.facebook { padding: 0px 0px 0px 0px; background:url("/img/facebook.gif") no-repeat 0 0; background-position: center left; }

/* ===========================================================================
Text CSS
=========================================================================== */
#logo h1 {
  display: none;
}