/* CSS Document */
body {
	margin: 3em; 
	background-image:url(images/bg_full.jpg);
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Top Left Overlay Graphic*/
#topgraphic{
	z-index: 100; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	width: 180px;
	height: 186px;
}
/* Top Header_Logo*/
#top{
	position: absolute;
	left: 150px;
	top: 0px; 
	width: 720px; 
	height: 50px;
	color:white;
}
/* navbar*/
#navbar{
	z-index: 10;
/*	background:url(images/back_top.jpg);*/
	color: white;
/*	text-align:center;*/
	position: absolute; 
	left: 150px;
	top: 50px; 
	width: 720px; 
	height: 20px;
/*	border: white 2px solid;*/
}
#breadcrumb{
	position: absolute;
	color: white;
	left: 225px;
	top: 5px;
	width: 480px;
	height: 20px;
/*background:url(images/bg_crumb.jpg);*/
}
/* Main Content Block*/
#main{
	position: absolute; 
	left: 150px;
	top: 70px;
/*	background-color: #333333; */
/*	background-color:#000000; */
/*	background: url(images/main_back.png); */
	width: 720px; 
	height: 435px; 
}

/* feature float*/
#feature{
	position: absolute; 
	left: 10px;
	top: 5px;
	color: white; 
	width: 200px;
	height: 240px;
	font-size: 80%;
/*	background:url(images/bg_menu.jpg);*/
/*	background-color: #333333;*/
}

#maincontent_sm {
	position: absolute; 
	left: 225px;
	top: 30px;
/*	background:url(images/back_content_sm.jpg);*/
	background-color:#000000;
	width: 480px;
	height: 305px;
	color: white; 
	overflow:auto;
	SCROLLBAR-BASE-COLOR: #000099;
/*	border: #666666 1px solid;*/
	border: #000099 1px solid;
}

#maintext {
padding-left: 10px;
padding-top: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
}
#maintext hr{
	width: 80%;
	height: 2px;
	color: #9999CC;
	text-align: center;
}
#maintext h4{
color:#0099FF;
}
#faqtext{
font-size: 16px;
font-weight:bold;
text-align:center;
}
#faqmain{
padding-left: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#faqmain hr{
	width: 85%;
	height: 2px;
	color: #9999CC;
}
#important{
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	line-height: 2em;
	color:#FF0000;
}

#maincontent_bg {
	position: absolute; 
	left: 225px;
	top: 30px;
/*	background:url(images/back_content_bg.jpg);*/
	background-color:#000000;
	width: 480px;
	height: 395px;
	color: white; 
	overflow:auto;
	SCROLLBAR-BASE-COLOR: #000099;
/* 	border: #666666 1px solid;*/
	border: #000099 1px solid;
}
/* First Sub */
#firstsub{
	position: absolute; 
	left: 10px; 
	top: 255px; 
	width: 200px;
	height: 80px; 
	color: white;
/* 	background:url(images/bg_button_sm.jpg);*/
	border: #000099 1px solid;
}
#secondsub{
	position: absolute; 
	left: 10px; 
	top: 345px; 
	width: 200px;
	height: 80px; 
	color: white; 
/*	background:url(images/bg_button_sm.jpg); */
	border: #000099 1px solid;
}
#thirdsub{
	position: absolute;
	left: 225px;
	top: 345px;
	width: 235px;
	height: 80px; 
	color: white; 
/* 	background:url(images/bg_button_bg.jpg); */
	border: #000099 1px solid;
	}
#forthsub{
	position: absolute; 
	left: 470px; 
	top: 345px; 
	width: 235px;
	height: 80px; 
	color: white; 
/* 	background:url(images/bg_button_bg.jpg); */
	border: #000099 1px solid;
}
/* Footer Div */
#footer{
	z-index: 2; 
	position: absolute;
	left:25%;
	bottom: 5px;
	width: 50%;
/*	left: 150px;
	top: 505px; */
	background-color: #000000; 
/*	width: 720px; */
	height: 20px;
	color: white;
	border: #000099 1px solid;
	font-weight:bold;
	font-size: 10px;
}

/*normal links in the text*/
a:link {
  color: #9999CC; 
  text-decoration: none; 
/*  background: #FFFFFF; */
}
a:visited {
  color: #FF9999; 
  text-decoration: none; 
/*  background: #FFFFFF; */
}
a:hover { /*this effect is not shown in NN4.xx*/
  color: #999999; 
  text-decoration: underline; 
/*  background: #FFFFFF; */
}
a:active {/*colour in NN4.xx is red*/ 
  color: #9999CC; 
  text-decoration: underline; 
/*  background: #FFFFFF;*/
}

/* FORM STYLE */
.shadeform	{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url("images/shadeform.gif");
	text-align: left;
	WIDTH: 220PX;
	BORDER: #000000 1px solid
}
.formtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:200px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { width:150px; font-size:10px; color:#336; font-weight:bold }