* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
  text-align: left;
  font-family: arial, verdana, tahoma, sans-serif;
}

h3 {
	color: #000;
	font-size: 20px;	
}
h4 {
	font-weight: bold;	
	margin: 8px 0 4px 0;
}
h5 {
	margin: 6px 0 4px 0;
}
hr {
	border: 1px solid #e4e8e9;
	margin: 8px 0;	
}
ul{
	margin: 8px;
	color:#9606C7;
	list-style: none;
}
ol {
	margin: 8px;
	color:#9606C7;
	list-style: decimal inside;
}
a {
	text-decoration: underline;
	cursor:auto;
	color: #000000;	
}
a:hover, a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #b4b4b4;
}
a:hover img {
	border: 2px solid #b4b4b4;
}
input, textarea, button, select {
	border: 1px solid #000000;
	padding: 4px;
	background: #b4b4b4;
	margin: 4px 0;
	color: #000000;	
}
label, form p {
	font-size: 1.25em; /* x 12 = 15px */
	font-weight: bold;	
}
.heading {
	background: #b4b4b4;
	padding: 4px 0 0 5px;
}
#ui-head {
	width: 100%;
	border-bottom: 2px solid #333333;
	text-align: center;
	background: #b4b4b4 url("../img/logoBG.png") repeat-x top;
}
#gui-logo { 
	border: 0px; 
	border-collapse: collapse;
	margin: 4px;
	
}

#ui-menu { 
	background-color: #e4e8e9;
	font-weight: bold;
	color: #000;
	padding: 0 0 3px 5px; /* x 16 = 3.2px / 4.8px */	
}
#ui-menu a {
	font-size: 14px; /* x 16 = 14.4 */
	color: #990099;	
}
#ui-menu a:hover, #ui-menu a:focus {
	color: #00fff6;
	background-color: #088d92;
}
ui-body {
	background-color: #000000;
	color: #ba00ff;	
}	
img {
	margin: 5px 0;	
}
a img {
	border: 2px solid #b4b4b4;
}
#ui-head a img {
	border: none;	
}
#content {
	font-size: 12px; /* x 16 = 12px */
	padding: 9px 5px; /* x 12 = 9px | 4.8px */
	background: #ffffff;
	color: #000000;
}
#content h4 {
	font-size: 1.25em;	
}


#ui-foot {
	font-size: 12px; /* x 16 = 12px */
	padding: 9px 5px; /* x 12 = 9px | 4.8px */
	background: #b4b4b4;
	color: #990099;
}
#ui-foot a {
	color: #50029a;
}

.hidden {
	display: none;
}