/*	body{
		font-family: Arial;
	    margin: 5px 100px 10px 100px;
	    padding: 0;
	    color: white;
	    text-align: center;
	    background: #555;
	}

	nav{
		margin: 0;
		padding:0;
		margin-bottom: 10px;
	}

	ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	   	background-color: #222;
	}

	li {
		margin: 0;
		padding:0;
	    float: left;
	}

	li a{
	    display: block;
	    color: white;
	    text-align: center;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    padding-right: 40px;
	    padding-left: 40px;
	    border-right: 1px solid #555652;
	    text-decoration: none;
	}

	li a img{
	    width: 30px;
	    height: 30px;
	}

	li a:hover {
	    background-color: #555652;
	}

	.active{
		background-color: #DD4F43;
	}

	.form-area{
		float: right;
		display: table-column;
		margin-bottom: 10px;
		color: white;
	}

	.btn-submit {
	    outline: 0;
	    background: #F4BA0F;
	    width: 120px;
	    border: 0;
	    padding: 8px;
	    color: white;
	    font-size: 12px;
	    cursor: pointer;
	}

	.btn-submit:hover, .form button:active{
	    background: #555652;
	}

	#userTable{
	 background: #222;
	}

	.outer-scontainer {
		color: #E8E9EB;
		background: #333;
		border: #555652 1px solid;
		padding: 10px;
	}

	.outer-scontainer table {
		<!--border-collapse: collapse;-->
		width: 100%;
	}

	.outer-scontainer th {
		border: 1px solid #555652;
		padding: 5px;
		text-align: center;
	}

	.outer-scontainer td {
		border: 1px solid #555652;
		padding: 5px;
		text-align: center;
	}

	.mainitems{
		border: 0px solid black;
		background-color: #e25555; 
		padding-left: 0px; 
		list-style-type:none;
		text-decoration:none;
	}
	
	.subuls{
		display: none;
		position: absolute;
		border: 1px solid black;
		background-color: #87a17c;
		left:auto; 
	}
	
	#cssdropdown li {
		float: left;
		position: relative;
		text-decoration:none;
		left:0px;
	} */
body{
	font-family: Arial;
	color: #FFFFFF;
	margin: 5px 100px 10px 100px;
	padding: 0;
	text-align: center;
	background: #000000;
}
	
#cssdropdown, #cssdropdown ul {
padding: 0px;
margin: 0px;
border: 0px solid black;
list-style: none;
text-decoration:none;
}

#cssdropdown li {
float: left;
position: relative;
text-decoration:none;
left:0px;
}

.mainitems{
border: 0px solid black;
padding-left: 0px; 
list-style-type:none;
text-decoration:none;
color:#FFFFFF; 
}

.mainitems a{
margin-left: 2px;
margin-right: 28px; 
color:#FFFFFF; 
text-decoration:inherit;
}
.mainitems a:hover{
margin-left: 2px;
margin-right: 28px; 
color:#FFFFFF;

text-decoration:inherit;
}

.subuls{
display: none;
position: absolute;
border: 1px solid black;
background-color: #000000;
left:auto; 
}

.subuls li{
width: 100%;
text-align:left;
}

.subuls li a{
text-decoration:none;
}

.subuls li a:hover{
color:#FFFFFF;
background-color: #666666;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
list-style-type:none;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
text-align:left;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
cssdropdownRoot = document.getElementById("cssdropdown");
for (x=0; x<cssdropdownRoot.childNodes.length; x++) {
node = cssdropdownRoot.childNodes[x];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startList)
else
window.onload=startList;