/* CSS Document */
html, body {
	background-color: #20007F;
	margin: auto;
  }

#header {
	background-color: #ffffff;
  position: relative;
	top: 0px;
	height: 100px;
	border-bottom: solid rgb(0,0,0);
}

#content {
  background-color: #ffffff;
	width: 725px;
	font: 16px arial, helvetica, sans-serif;
	border: solid rgb(0,0,0);
	border-top-width: 0px;
	top: 100px;
	left: 20%;
	line-height: 110%;
	margin-left: 250px;
	padding: 30px;
}

.indent {
      margin-left: 30%;
}

h1 {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-indent: 0ex;
}

h2 {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-indent: 0ex;
}

#content a:link {
	text-decoration: none;
	color: #20007F;
}
#content a:visited {
	text-decoration: none;
	color: rgb(128,128,128);
}
#content a:hover {
	text-decoration: none;
	color: rgb(255,0,0);
}

#content ul {
      position: float;
}

div.left {
  float:left;
  width:200px;
  margin:0;
}

#footer {
	position: fixed;
	bottom: 0px;
	text-align: right;
	height: 40px;
	width: 100%;
	font: bold 12px arial, helvetica, sans-serif;
	background-color: rgb(207,207,207);
}

.rfidpics {
      float: right;
}

#contenttable {
  border: solid rgb(0,0,0);
  font: bold 12px arial, helvetica, sans-serif;
	position: absolute;
	width: 75%;
	top: 100px;
	left: 19%;
	font-size: small;
	line-height: 110%;
	text-align: left;
	margin-left: 25px;
}

#sortside {
 position: absolute;
 font: bold 12px arial, helvetica, sans-serif;
 width: 200px;
 margin: 32px;
 border-style: none;
 top: 200px;
 left: 0px;
 color: #ffffff;
}

#menu5 {
 position: relative;
 width: 200px;
 left: 0px;
 }
 
#menu5 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#menu5 li a {
 height: 32px;
 height: 24px;
 text-decoration: none;
 }

#menu5 li a:link, #menu5 li a:visited {
 color: #FFF;
 display: block;
 background:  #000;
 padding: 8px 0 0 10px;
 }

#menu5 li a:hover, #menu5 li #current {
 color: #000;
 background: #FFF;
 padding: 8px 0 0 10px;
 }
 
/* start pop out side menu */
#menu {
width: 12em; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;

}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->
/* end popout side menu */