body {
  background-color : #ffffff;
  font-family : Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size : 10pt;
  color : #000000;
}

div.body {
  margin-left: 20px;
  margin-right: 20px;
}

#menublock {	position:absolute;
	top:230px;
	width:170px;
	right:5px;
}
#main-content { position:relative;
	margin-right:190px;
		}

div.menu {
	border-width:2px;
	border-color:  #660000;
	border-style:solid;
	padding:0.2em;
	margin-top:1em;
}

div.menu>a:first-child {display:block;
	    float:left;
	    margin-top:3px;
	}	

div.menu p { position:relative;
	     margin-left:40px;
	     margin-top:-2px;
	    }
#footer {position:relative;
	 clear:both;
	 padding-top:1em;
}

.blurb table td:first-child {text-align:center;width:200px;}

body a:link {
  color : #9900cc;
  text-decoration : none;
}
body a:visited {
  color : #8800dd;
  text-decoration : none;
}
body a:hover {
  color : #9900cc;
  text-decoration : underline;
}

table.systems {
	margin: auto;
	cellspacing:0.5em;
 	text-align:center; 
 	
}

.systems td {
	width:60px;
	height:10px;
	border: 1px solid white;
	font-style:italic;
	font-size:9px;
	vertical-align:top;
}

.systems tr:first-child td {
	height:40px;
}

.systems tr:first-child td:hover {
	border: 1px solid black;
	background-color:#cccccc;}

.systems a {
	vertical-align:center;
}

.systems a img {
	width:40px;
	height:40px;
 	border:0;
}

h2.headbar {
  background-color : #660000;
  color : #dddddd;
  font-weight : bold;
  font-size:1em;
  padding-left:1em;}





h3.subbar {
  background-color : #cccccc;
  color : #000000;
  font-weight : bold;
  font-size:1em;
  padding-left:1em;
}
h3.randombar {
  color : #000000;
  font-weight : bold;
  font-size:1em;
  padding-left:1em;
}

td.headbar {
  background-color : #660000;
  color : #dddddd;
  font-weight : bold;
  font-size:1em;}


td.navbutton {
  background-color : #cccccc;
  color : #000000;
  font-weight : bold;
  font-size:1em;}

span.posted {
  font-style:italic;
	}

.buttonbar {
  background-color : #cccccc;
  color : #660000;
  text-decoration : none;
  font-size:1em	
}
.buttonbar a:link {
  color : #660000;
}
.buttonbar a:visited {
  color : #660000;
}
.buttonbar a:hover {
  color : #CC1111;
  text-decoration : underline;
}

img {border:0;}

li.buttonbar {
	display:inline; 
	margin:0;
	padding-left:1%;
	padding-right:1.5%;
	padding-top:0.2em;
	padding-bottom:0.2em;
	line-height:1.7em;
	list-style:none;
	border-right:1px white solid;
	
}
ul.buttonbar { margin:0;padding:0;line-height:1.7em; background-color:#cccccc}
li.buttonbar:hover {background-color: #eeeeee;}


/*
#navlist {
	border-bottom: 1px solid #ccc;
	margin: -15px 0 0 0;
	padding-bottom: 19px;
	padding-left: 70px;
}

#navlist ul, #navlist li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navlist a:link, #navlist a:visited {
	background: #E8EBF0;
	border: 1px solid #ccc;
	color: #666;
	float: left;
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.4em;
	margin-right: 8px;
	padding: 1px 5px 0px 5px;
	text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#navlist a:hover { 
	color: #ff0000;
	background: #C5D6EA;
}

*/
* html .systems a {
        border:1 solid white;}  
* html .systems a:hover {
        width:40px;
        height:40px;
        border:1 solid black;}  

* html div.menu { border-width:0px;
	border-color:  #660000;
	border-style:solid;
	padding:0.2em;
	margin-top:1em;
	}

* html div.menu a.image {display:block;
	float:left;
	margin-top:3px;
}	

* html div.menu p { position:relative;
     margin-left:40px;
     margin-top:-2px;
}

* html li.buttonbar a:hover {background-color:#eeeeee;}
* html table.systems {margin-left:30%;}

@media (max-width: 600px) {
#main_logo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#menublock {
	position:initial;
	float:initial;
	width:initial;
}
#main-content {
	margin-right:1em;
}
div.menu {
	padding:1em;
	margin-top:1em;
}
td.headbar {
	text-align: center;
}
}

@media (min-width: 601px) {

}