.style7 {font-size: 14px; font-weight: bold; color: #FF3300; }
.style8 {font-size: 14px; font-weight: bold; color: #999900; }
body {
	background-color: #000000;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a {
	font-size: 11px;
	color: #FF0000;
}
a:link {
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
font-family: Arial, Helvetica, sans-serif;
width:700px;
height:100px;
position:relative; 
font-family: Arial, Helvetica, sans-serif;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#DADAB5; 
width:88px; 
height:1.5em;
font-weight:bold;
color:#464617; 
border-bottom:8px solid #C7C790;
background:#DADAB5; 
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:98px;
w\idth:88px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:8px solid #999933;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:96px;
border:1px solid ##E3E3C7;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(../sysIM/opaque.png); 
color:#000; 
border:0;
margin:0;
color:#000000;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:86px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}
#state{
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	left: 247px;
	top: 209px;
}
.mainfr{
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 440px;
	width: 628px;
	border: none;
	z-index: 1;
}
#main{
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 575px;
	width: 875px;
	border: none;
	left: 70px;
	top: 33px;
	z-index: 1;
	background-color: #000000;
	background-image: url(../sysIM/back.gif);
}
#nav {
	position: absolute;
	width: 130px;
	height: 100px;
	margin-top: 0px;
	left: 152px;
	top: 56px;
	z-index: 2;
}
#content {
	position: absolute;
	width: 450px;
	height: 400px;
	margin-top: 0px;
	left: 342px;
	top: 205px;
	z-index: 3;
	overflow: auto;
}
#image {
	position: absolute;
	width: 250px;
	height: 400px;
	margin-top: 0px;
	left: 74px;
	top: 204px;
	z-index: 4;
}
#gallery {
	position: absolute;
	width: 600px;
	height: 375px;
	margin-top: 0px;
	left: 111px;
	top: 212px;
	z-index: 4;
}
#flash {
	position: absolute;
	width: 525px;
	height: 400px;
	margin-top: 0px;
	left: 74px;
	top: 204px;
	z-index: 4;
}
#valid {
	position: absolute;
	width: 168px;
	height: 20px;
	margin-top: 0px;
	left: 70px;
	top: 609px;
	z-index: 2;
}
#valid a:link{
color: #CCCC00;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}

#valid a:visited{
color: #CCCC00;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;

}

#valid a:hover{
color: #F1F1B9;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}

#valid a:active{ /*currently selected tab*/
color: #F1F1B9;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}