html { 	min-width: 700px; background-color:#000}
r {  border:1px solid #f00; }
g {  border:1px solid #0f0; }
bl {  border:1px solid #00f; }

body {
        margin:0px;
        padding:0px;
	background-color:#000;
	color:#ccc; 
	font-size:100.01%;  
	font-family: Arial,sans-serif; 
	text-align:center; 
}

a { color:#eee; }
a:visited { color:#eee; }
a:hover { color:#f90; }
b { color:#ffffff; }

div#container {
	margin:0px auto;
	width:60%;
	min-width: 10%;
	max-width: 90%;
}

html>body div#container {
	min-width: 778px;
	max-width: 778px;
}

p.ttiny {  font-size:50%; text-align:right;}
p.news { font-size:80% }

table.top_table{ height: 110px; width:778px; background: url(images/Logo_top.jpg); margin:0px; padding:0px;}
table.bottom_table{ width:778px; background: url(images/Body_end.jpg); }
table.content_top_table{ height:25px; width:778px; background: url(images/Body_top.jpg); text-align:left; margin:0px padding:0px; }
table.content_table{ width:778px; background: url(images/Body.jpg); text-align:left;}
table.menu_table{ width:778px; text-align:left;}

tr.list { font-size:60%;}
/*******headers******/
h1{ font: bold 140% Arial,serif;
 color: #c63;
 background: #ccc;
  border-bottom:1px solid #333;
  border-top:1px solid #333;
 margin: 1px;
 margin-top: 15px;
 margin-bottom: 10px;
 padding: 1px;
 text-align:center;
}

h2{ font: bold 114% Arial,sans-serif;
  color: #963;
  background: #ccc;
  margin: 1px;
  padding: 1px;
  border-bottom:1px solid #333;
  border-top:1px solid #333;
  margin-bottom:10px;
  margin-top:15px;
  text-align:center;
}

h3{ font: bold 100% Arial,sans-serif;
 color: #ff9900;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h4{ font: 100% Arial,sans-serif;
 color: #ff9900;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h5{ font: bold 100% Arial,sans-serif;
 color: #cc9900;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h6{ font: bold 100% Arial,sans-serif;
    text-align:center; 
    color: #f30;
    margin-bottom: 3px;
    padding: 0px;
  }

#lavafootertext{
	font: bold 90% Ariel,serif;
	color: #f90;
        margin:0px;
	text-align:center;
	margin-left:10%;
	margin-right:45%;
        margin-bottom:5%;
        padding:0px;
        padding-bottom:15px;
}

#lavafootertext a { color: #ff9900;
		    font: bold 90% Ariel,serif;
		  }

#leftbar {  float: left;
      width: 190px;
      padding-right: 1em;
      padding-left: 1em;
}

#content {  
	padding: none;
	padding-left: 1em;
	text-align:justify;
	}

#rightbar { float:right;
	padding-left: 1em;
	padding-right: 1em;
	width:200px;
	text-align:left; 
	}

#footer { border-top:1px solid;
	clear:both;
	color:#cccccc;
	text-align:center;
	padding:.5em; 
	}
/*************HIST********************/
table.hist{
	width: 100%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #666;
	margin: 0px;
        padding: 0px;
}
tr.hist1 {
	background: #444;
}
tr.hist2 {
/*	background: #333; */
        background: url(images/trans_12.png);
}
tr.hist3 {
	background: #000;
}
td.hist1 {
	border-left: 1px solid;
	border-color: #666;
}
td.hist2 {
	border-left: 1px solid;
	border-color: #666;
}
td.hist3 {
	border-left: 1px solid;
	border-color: #666;
}
td.hist4 {
	border-right: 1px solid;
	border-color: #666;
}
form {
	padding: 0px;
	margin: 0px;
}
/*************MENU********************/
ul#nav {font-family:arial,tahoma,verdana,helvetica; font-size:14px;}
div#menu {margin-left:5px; text-align:center; }

#nav a { color:#fff; text-decoration:none;}
#nav a:link { color:#fff; text-decoration:none;}
#nav a:visited { color:#fff; text-decoration:none;}
#nav a:hover { color:#f90; text-decoration:none;}

ul {list-style:none; margin:0px; padding:0px; }

/* * html makes this line only visible to IE 6, and lower */
* html li { color:#7a7a7a; float:left; padding:0px; position:relative; background: url(images/a_button.gif) no-repeat; padding-top:18px; padding-bottom:20px; width:125px; }
/* html>body makes this line visisble to IE7 and others (firefox etc) */
html>body li { float: left; padding:0px; position:relative; background: url(images/a_button.png) no-repeat; padding-top:18px; padding-bottom:28px; width:125px; }

li ul {display:none; position:absolute; top:10px; margin-left:0px; @margin-left:-80px; margin-top:10px; padding-top:10px; }

html>body li ul { top:40px;}
/* Second layer buttons are different (so they stand out) */
* html li li {margin:0px; padding-left:0px; padding-right:10px; padding-top:18px; padding-bottom:20px; background: url(images/i_button.gif) no-repeat;}
html>body li li {margin:0px; padding-left:0px; padding-right:10px; padding-top:18px; padding-bottom:20px; background: url(images/i_button.gif) no-repeat;}


li>ul {top:auto; left:auto;}

li:hover ul, li.over ul {display:block; }

li.selected {background-color:#ffdc00; color:#000000;}
/*********************************/