@charset "UTF-8";
/* CSS Document */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* //////////////////// */

body,td,th {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 12px;
	color: rgb(255,255,255);
}
body {
	background-color: rgb(0,0,0);
}
a:link {
	color: rgb(255,255,0);
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: rgb(0,255,0);
}
a:hover {
	text-decoration: underline;
	color: rgb(255,0,0);
}
a:active {
	text-decoration: none;
	color: rgb(255,0,255);
}

#container { position:relative; top: 10px; width: 1000px; background-color:rgba(51,0,102,1); height: auto; }

#logo { position: relative; top: 10px; left: 10px; width: 200px; height: 50px; background-color: rgb(0,51,204); }

menu { position: relative; top: 5px; margin: 20px; width: 900px; height: 20px; text-align: center; background-color:rgb(102,0,51); padding: 3px;  }

#content {
	position: relative;
	padding: 20px;
	width: 960px;
	background-color: rgb(51,102,0);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#copyright { position: relative; top: 40px; width: 50%; height: 20px; background-color:rgb(151,151,151); text-align:center;}

/* /////////////////////////////////////// */

.mainmenuitem  {
	position: relative; width: 100px; background-color:rgb(51,102,0); float: left; text-align: center; padding: 2px; border: rgb(255,102,0) thin dotted; overflow: hidden; 
}

#mainmenugd { 

height:14px; 
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5;
}

#mainmenugd:hover {
	
	background-color: rgb(102,0,153);
	height: 30px;
	
}