/* 
defines fonts, colors and borders

colorscheme: 
bright yellow: FFCC00
dark green: 003300
light green: C6E80C
dark yellow: E8830C
orange/red: FF3A0D

*/
body {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  color: #000;    
  background: #FFF;
}

a {
  color: #FF3A0D;
}

h1 {
  margin: 0px 0px 6px 0px;
  padding: 0;
  font-size: 14pt;  
  color: #003300;
}

h2 {
  margin: 0px 0px 0px 0px;
  padding: 0;
  font-size: 12pt;    
  color: #003300;
}

h3 {
  font-size: 11pt;  
  color: #003300;
  margin: 0px 0px 10px;
}

p {
  margin-top: 0px;
  line-height: 150%;  
}

#container {
  border-left: 1px solid #003300;
  border-right: 1px solid #003300;
  border-bottom: 1px solid #003300;
}


#header {
  background: url( '../header.png' ) no-repeat;   
}

#header h1 {
  margin: 0;
  display: none;  
}

#menu {
  background: url( '../menu-bg.png' ) no-repeat;   
}

#menu ul.menu li a {
  background: #FFCC00;  
  color: #FF3A0D;
  text-decoration: none;
  font-family: Trebuchet MS, Arial;
  font-size: 11pt;
  font-weight: bold;
}

#menu ul.menu li a:hover, #menu ul.menu li.active a {
  background: #FF3A0D;
  color: #C6E80C;
}

#submenu {
  
}

#content-container {
  background: #FFF;  
}

#content {
  
}

table.overview {
  width: 100%;
  border-collapse: collapse;
}

table.overview tr {
  vertical-align: top;
  border-bottom: 1px solid #999;  
}

table.overview tr.clear {
  border: 0;  
}

table.overview tr.clear td {
  padding-top: 20px;
}

table.overview td.year {
  font-weight: bold;
}

table.overview tr td.month {
  width: 80px;  
}

#sidebar {
  
}

#sidebar div.block {
  background: url( '../sidebar-header.png' ) no-repeat;  
  border-top: 1px solid #003300;
  border-left: 1px solid #003300;
  border-bottom: 1px solid #003300;
}

#sidebar h3 {
  height: 23px;
  color: #FFCC00;
}

#footer {
  background: #FFCC00;  
  font-size: 8pt;
}

#bottom {
  background: #FFF;  
}

.error {
  color: red;  
}