/* body {
    text-align: left;
  background-color: #222222;
  color: #DDDDDD;
  margin: 0 0 1px 0;
  height: 100%;
  font-family: "roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.7em; } */

body { background-color: #000000; text-align: left}
body {  font-family: Verdana, Arial, Helvetica, sans-serif }
/* body {  font-family: Verdana, Calibri, Tahoma, Arial} */

h1 {  color: #FFFFFF; font-size: 40px;}
h2 {  color: #FFFFFF; font-size: 24px;}
p { color: #DDDDDD ; font-size: 16px; line-height: 30px}
div { text-align: center }
table { width: 800px}
td {  text-align: left; vertical-align: top}

/* a { color: #FF0000; text-decoration: none ; font-size: 18px} */
a { color: #FF0002; text-decoration: none ; font-size: 18px}

.header { height: 20px; width: 800px; font-size: 16px; } /* 16px 20 */
.medium { font-size: 14px }
.large { font-size: 18px; font-weight: bold }
.small { font-size: 12px }
.tiny { font-size: 12px }

.top_frame { width: 900px }
.top_menu { width: 1000px }
.table_menu { width: 1000px ; font-size: 18px;}
.table_artists { width: 840px }
.table_footer { height:1024px }
.table_nil { width: 0px }
.white {  color: #DDDDDD }
.black {  color: #000000 }
.table_events { width: 1024px}

/* menu {  font-color: #00FF00 ; color: #003399} $$ */
/* .menu {  font-color: #00FF00 ; color: #FF399} $$ */

a:hover {text-decoration: underline;}
a:hover {color:#BBBBBB;} /* mouse over link */
a:active { text-decoration: underline; ; color: #DDDDDD}
img.imglink:hover {border: 2px solid #ff0000;}
img.with_border {border: 1px solid #DDDDDD;}

/* a:link {color:#ffff00;} unvisited link */ 
/* a:visited {color:#ff00ff;} visited link */ 
/* a:active {color:#DDDDDD;} selected link */

.copyright {  color: #777777; font-size: 12px}
.myfooter { position: fixed; bottom:10px; left:10px; ; clip:  rect(   )}
.myscreenshot { position: fixed; bottom:10px; left:10px; ; clip:  rect(   )}
h3 { color: #DDDDDD }
h4 { color: #DDDDDD }