@charset "utf-8";

html, body {
	margin:0; 
	padding:0 0 0 0; 
	height:100%; 
	overflow:hidden;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	margin:0px;
	padding:0 0 0 0;
	color:#FFFFFF;	
}

#background {
	margin:0 auto;
	padding:0px;
	background:url(../gfx/body/bg.jpg) top center no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}

#container {
	height:100%;
	width:100%;	
	overflow-y:scroll;
}

h1 {
	font: lighter 150% "Trebuchet MS",Arial sans-serif;
	color:#FFFFFF;
	padding:15px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

h1 span {
	font: lighter 100% "Trebuchet MS",Arial sans-serif;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	}

h2 {
	font: lighter 150% "Trebuchet MS",Arial sans-serif;
	color:#FFFFFF;
	padding:15px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

h2 span {
	font: lighter 100% "Trebuchet MS",Arial sans-serif;
	color: #FF0000;
	font-size:10px;
	font-weight:bold;
	}
	
h3 {
	font: lighter 150% "Trebuchet MS",Arial sans-serif;
	color:#FFFFFF;
	font-size:18px;
	padding:15px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

h3 span {
	font: lighter 100% "Trebuchet MS",Arial sans-serif;
	color: #FF0000;
	font-size:18px;
	font-weight:bold;
	}

p {
	font-size:11px;
}

p.listen {
	font-size:11px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

a.red, a.red:visited, a.red:active{
	font-size:14px;
	padding:0px;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

a.red:hover {
	text-decoration:underline;
	color:#FF3300;
	padding:0px;
	
}

a.menu, a.menu:visited, a.menu:active{
	font-size:14px;
	padding:0px;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

a.menu:hover {
	text-decoration:none;
	color:#FF3300;
	padding:0px;
	
}

a.active, a.active:visited, a.active:active{
	font-size:10px;
	padding:0px;
	color:#00CC33;
	background-color:transparent;
	text-decoration:none;
}

a.active:hover {
	text-decoration:underline;
	color:#00CC33;
	padding:0px;
	
}

a.inactive, a.inactive:visited, a.inactive:active{
	font-size:10px;
	padding:0px;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

a.inactive:hover {
	text-decoration:underline;
	color:#FF3300;
	padding:0px;
	
}

.menu2 {
text-align:left; position:relative; font-size:9px; height:25px; margin:0 padding:0; list-style-type:none;width:695px;float:left;padding:0;
}
.menu2 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu2 li {
float:left; position:relative;
}
.menu2 li a, .menu2 li a:visited {
	list-style-image:url(../gfx/page/spacer.png);
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px; 
	color:#FFF; 
	text-decoration:none; 
	font-size:9px; 
	font-family:verdana, sans-serif; 
	font-weight:bold;
	font-variant:small-caps;
	text-align:center; 
	padding:0 12px 0 12px; 
	cursor:pointer;
	list-style:none;
}

.menu2 li a.drop, .menu2 li a.drop:visited {
font-weight:bold;
}
.menu2 li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu2 li:hover a,
.menu2 li a:hover {
text-decoration:underline; border:0;
}
.menu2 li:hover ul,
.menu2 li a:hover ul {
visibility:visible; height:auto; width:20em; background:#007c22; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.menu2 li:hover ul li a,
.menu2 li a:hover ul li a {
display:block; font-weight:bold; font-size:9px; background:transparent; text-decoration:none; height:auto; line-height:10px; padding:0.5em; width:18em;
}
* html .menu2 li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu2 li:hover ul li a.drop,
.menu2 li a:hover ul li a.drop {
font-weight:bold;
}
.menu2 li:hover ul li ul,
.menu2 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu2 li:hover ul li a:hover,
.menu2 li a:hover ul li a:hover {
text-decoration:underline;
}
.menu2 li:hover ul li:hover ul,
.menu2 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.menu2 li:hover ul li:hover ul.left,
.menu2 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu2 li:hover ul li:hover ul li a,
.menu2 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu2 li:hover ul li:hover ul li:hover a,
.menu2 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

img.design {
	border:0px;
	margin: 0 0 0 0;
}

img {
	border:0px;
	margin: 5px 5px 5px 5px;
}


#invdiv {	
	margin:0 auto;
	padding:0px;
	width:1110px;
	height:auto;
	clear:both;
	z-index:2;
	
}

#page {	
	margin:0 auto;
	padding:0px;
	width:800px;
	height:auto;
	clear:both;
	z-index:2;

}
#menuleft {	
	margin:0 auto;
	padding:0px;
	width:200px;
	height:auto;
	clear:both;
	z-index:100;
	border:1px;
	border-color:#FFF;
	border-style:solid;
	border-width:1px;
	position:relative;
	top:97px;
	float:left;
}

#menuright {	
	margin:0 auto;
	padding:0px;
	width:200px;
	height:auto;
	clear:both;
	z-index:100;
	border:1px;
	border-color:#FFF;
	border-style:solid;
	border-width:1px;
	position:relative;
	top:95px;
	float:right;
}

#top {
	width:800px;
	height:87px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#topleft {
	width:100px;
	height:87px;
	margin:0px;
	padding:0px;
	float:left;
	z-index:20;
}

#topmid {
	background:url(../gfx/body/topmid.png) repeat-x;
	width:695px;
	height:87px;
	margin:0px;
	padding:0px;
	float:left;
}

#topright {
	behavior:	url("../pngbehavior.htc");
	background:url(../gfx/body/topright.png) no-repeat;
	width:5px;
	height:87px;
	margin:0px;
	padding:0px;
	float:left;
}


#main {
	width:800px;
	z-index:0;	
}

#main p {
	font-size:11px;
	padding:0px 5px 0px 5px;
}

#box1 {
	background:url(../gfx/body/boxwide.png);
	width:796px;
	/*min-height:650px;*/
	border-bottom:1px solid #000000;
	padding:0px;
	margin:-12px auto 0px auto;
	z-index:0;
}

#boxwide {
	background:url(../gfx/body/boxwide.png);
	width:796px;
	border-bottom:1px solid #000000;
	padding:0px;
	margin:2px auto 2px auto;
	z-index:0;
}
#boxleft {
	background:url(../gfx/body/boxhalf.png);
	width:335px;
	border-bottom:1px solid #000000;
	padding:0px;
	margin:2px 2px 2px 2px;
	z-index:0;
	float:left;	
}
#boxright {
	background:url(../gfx/body/boxhalf.png);
	width:335px;
	border-bottom:1px solid #000000;
	padding:0px;
	margin:2px 2px 2px 2px;
	z-index:0;
	float:right;	
}
	
#footer {
	margin:20px auto 0px auto;
	padding:0px;
	width:796px;
	height:36px;
	background:url(../gfx/page/footer.png) repeat-x;
	clear:both;
	font-size:11px;
	text-align:center;
}

#footer p {
	padding:8px 0px 0px 0px;
	margin:0px;
}

#footerleft {
	background:url(../gfx/body/footerleft.png) no-repeat;
	width:2px;
	height:36px;
	margin:0px;
	padding:0px;
	float:left;
	z-index:2;
}

#footermid {
	background:url(../gfx/body/footermid.png) repeat-x;
	width:792px;
	height:36px;
	margin:0px;
	padding:0px;
	float:left;
}

#footerright {
	background:url(../gfx/body/footerright.png) no-repeat;
	width:2px;
	height:36px;
	margin:0px;
	padding:0px;
	float:left;
}

#info {
	height:auto;
	text-align:right;
	margin:0px;
	padding:0px;
	font-size:9px;
	color:#CCCCCC;
}

#info a {
	padding:0px 5px 0px 5px;
	color:#999999;
}

#info a:hover {
	color:#FF3300;
}

#bottom {
	background:url(../gfx/body/bottom.png) top center no-repeat;
	width:760px;
	height:50px;
	margin:0 auto;

}

option {
font-size: 8px;
background-color:#CCC;
}