/* Global Styles */


body {
	margin:0px;
	padding:0px;
	color:#FF0;
	}

table {
	color:#FFF;	
	border: 1px #00F;
	border-color:#2A0000;
	border-spacing:2px;
	width:100%;
}

tr {
	border-color:#0F0;
	vertical-align:top;
}

th, td{
	background-color:#F00;
	
}

th {
	border-color:#0F0;
	background-color:#A00;
	text-align:center;
	color:#FF0;
	padding: 5px;
}


td {
	background-color:#FFF;
	border-color:#0F0;
	color:#000000;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
	
tr:hover td{
	background-color:#FFA;
	border-color:#0F0;
	border-spacing:1px;
}

tr.subtr:hover td{
	background-color:#9FF;
	border-color:#0F0;
	border-spacing:1px;
}


table.a {
	table-layout:auto;
	width:auto;
	alignment-adjust:middle;
}

table.bgblack {
	table-layout:auto;
	width:auto;
	background-color:#000500;
}


td.bgblack {
	border: 1px #00F;
	background-color:#000500;
}

div#header{
width:98%;
height:auto;
position:relative;
top:0;
background-color:#000300;
overflow:auto;
padding: 20px 10px;
 } 
 
 div#topmenu{
width:100%;
height:auto;
position:relative;
top:0;
background-color:#2A1FFF;
border-style:ridge;
border-color:#2A00FF;

 } 

div#footer{
width:100%;
height:auto;
position:relative;
bottom:0;
background-color:#000300;
}

div#content{
background-color:#000300;
width:100%;
height:auto;
}

.header-right {
  float: right;
 /* background-color: dodgerblue;*/
  
}

.header-right a {
	color:#0F0;
	
}
.header-right a.active {
  
  color: white;
}


/*topmenu navigation bar */
.navbar {
  width: 100%;
  height:auto;
  background-color: #000300;
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 6px;
  color:#0F0;
  text-decoration: none;
  font-size: 14px;
  width:7%;
  
  /*width: 8%;  Four links of equal widths */
  text-align: center;
}

.navbar a:hover {
  background-color:#0FF;
  
}

.navbar a.active {
  background-color:#7F0000;
}



/* slide panel */

.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height:100%;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  
}

.sidepanel a {
  padding: 4px 10px 4px 32px;
  text-decoration: none;
  font-size: 16x;
  color:#0F0;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color:#444;
}






		


	
a {
	color:#0F0;
	font-weight:bold;
	}
	
a:link {
	COLOR: #00FF00;
}

a.subhyper:link {
	COLOR: #3366CC;
}
	
a:hover {
	color: #3366CC;
	}

/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}

#rotate {
 /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


	

	
	
/* Class Styles */

	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFF00;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #00FF00;
	line-height:24px;
	letter-spacing:0.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	line-height:16px;
	letter-spacing:0.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#0F0;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	line-height:24px;
	letter-spacing:0.1em;
	text-decoration: none;
	}
	
.navText1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CC33FF;
	line-height:24px;
	letter-spacing:0.1em;
	text-decoration: none;
	}
	
.topMenu {
	font-size: 18px; 
	color: #FFE300;
	}
	
.topMenu1 {
	font-size: 10px;
	color:#0F0;
	font:Arial, Helvetica, sans-serif;	
	}
	
.borderleft1px 
	{
	border-left: 1px solid #000000;
	}
	
	
.borderright1px 
	{
	border-right: 1px solid #000000;
	}		


.bordertop1px 
	{
	border-top: 1px solid #000000;
	}

.borderbottom1px 
	{
	border-bottom: 1px solid #000000;
	}

.borderall1px 
	{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}




.yellowThing {background-color: #FF9; }
.whiteThing { background-color: #FFF; }
.redThing { background-color: #F00; }
.blueThing { background-color:#EBF8FA; }