/**
  * basic styles
  **/

body {margin:0; padding:0; background:#ccffcc;}
div, p {padding-bottom:4px; padding-top:4px;}
small {font-size:7pt;}
span, td {font-size:8pt; font-family:tahoma,verdana,helvetica,arial,sans-serif;}


/**
  * basic colors
  **/

.black {color:#000000;}
.white {color:#ffffff;}

.gray-dark {color:#666666;}
.gray {color:#999999;}
.gray-medium {color:#bbbbbb;}
.gray-light {color:#cccccc;}
.gray-bright {color:#dddddd;} 

.red-dark {color:#990000;}
.red {color:#cc4422;}
.red-light {color:#ee6644;}

.orange-dark {color:#cc6600;}
.orange {color:#ff6644;}
.orange-light {color:#ff9933;}

.green-dark {color:#339999;}
.green {color:#339999;}
.green-light {color:#66cc99;}

.blue-dark {color:#0033cc;}
.blue {color:#3366ff;}
.blue-light {color:#6699ff;}


/**
  * main styles
  **/

.spacer {height:1px; line-height:0px; font-size:1px;}
.bgmain {background:#ccffcc;}
.bgcont {background:#ffffff;}
.bggraph {background:#949494;}
.tr1 {background:#929292;}
.tr2 {background:#DEDEDE;}
.td1 {font-size:7pt;}
.td2 {font-size:7pt; text-align:center;}
.td3 {font-size:7pt; text-align:right;}

/**
  * font styles
  **/
  
.site {color:#ffffff; font-size:13pt; font-weight:bold;}
.page {color:#000000; font-size:13pt; font-weight:bold;}
.head {color:#CB2424; font-size:11pt; font-weight:bold;}
.bold {color:#949494; font-weight:bold;}
.mono {font-family:monospace;}
.new {color:#797979; font-weight:bold;}
.update {color:#999999; font-size:7pt;}
.small {font-size:7pt;}


/**
  * link styles
  **/

a:visited {color:#0000ff; text-decoration:underline;}
a:hover {color:#6699ff; text-decoration:underline;}
a:active {color:#0000ff; text-decoration:underline;}
.menu0 {background:#ffffff; padding-bottom:4px; padding-left:4px; padding-top:4px;}
.menu1 {background:#DEDEDE; padding-bottom:4px; padding-left:4px; padding-top:4px;}
.menu2 {background:#949494; padding-bottom:4px; padding-left:4px; padding-top:4px;}
.menu3 {background:#4B4B4B; padding-bottom:4px; padding-left:4px; padding-top:4px;}
.menu0 {font-size:9pt; font-weight:bold;}
.menu1, .menu1 a:link, .menu1 a:active, .menu1 a:hover, .menu1 a:visited, .menu2, .menu2 a:link, .menu2 a:active, .menu2 a:hover, .menu2 a:visited, .menu3, .menu3 a:link, .menu3 a:active, .menu3 a:hover, .menu3 a:visited {font-size:7pt; font-weight:normal;}
.menu0 a:link, .menu0 a:visited, .menu1 a:link, .menu1 a:visited, .menu2 a:link, .menu2 a:visited, .menu3 a:link, .menu3 a:visited {color:#336600; text-decoration:none;}
.menu0 a:active, .menu0 a:hover, .menu1 a:active, .menu1 a:hover, .menu2 a:active, .menu2 a:hover, .menu3 a:active, .menu3 a:hover {color:#ff0000; text-decoration:none;}
.nav, .nav a:link, .nav a:active, .nav a:hover, .nav a:visited {font-size:7pt; font-weight:bold; padding-left:2px; padding-right:2px;}
.nav, .nav a:link, .nav a:visited {color:#000000; text-decoration:none;}
.nav a:active, .nav a:hover {color:#ffffff; text-decoration:underline;}
.picture {cursor:pointer;}