/* CSS Document */



body {
	background-color:#F0F0F0;
	font-family: Verdana;
	font-size: 11px;
	margin-top: 10px;
}

img {
	border: 0;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}


.text_title {
	font-size:22px;
	color:#1e71bd;
}

.text_title2 {
	font-size:22px;
	color:#ff9900;
}

.text_subtitle {
	font-size:14px;
	color:#0d439c;
}

#faq_list {
line-height: 18px;
}

#faq_list a {
color: #000000;
text-decoration:none;
}

#faq_list a:visited {
color: #000000;
}

#faq_list a:hover {
color: #ff3300;
font-weight:bold;
}

#ul_text {
	line-height: 18px;
}


.main_container {
	margin: auto;
	width:900px;
}

#sub_container {
	position:absolute;
	background-image: url(imgs/bg.gif);
	height: auto;
}


#sub_content {
	position:relative;
	padding-top: 51px;
	padding-left: 178px;
	}

/*-- background --*/

#bg {
	position: absolute;
	top: 0px;
	left: 0px;

}	


/*-- header --*/


#top_bg {
	position: relative;
	top: 0px;
	background-image: url(imgs/top00.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 900px;
}

#top_logo {
	position: absolute;
	top: 30px;
	left: 9px;
	height: 47px;
	width: 216px;
}	

#top_logo_globe {
	position: absolute;
	top: 33px;
	left: 123px;
	height: 23px;
	width: 23px;
}

#top_logo_netpia {
	position: absolute;
	top: 9px;
	left: 8px;
	height: 19px;
	width: 47px;
}


#top_home {
	position: absolute;
	top: 0px;
	right: 6px;
	height: 31px;
	width: 31px;
	}

#signup {
	position: absolute;
	top:77px;
	left: 795px;
	height: 18px;
	width: 83px;
}

/*---------main nav-------------*/
#main_nav_container {	
	position: absolute;
	top: 86px;
	background-image: url(imgs/main_nav_bg.gif); background-repeat:no-repeat;
	height: 44px;
	width: 900px;
}

.main_nav {	
	position: absolute;
	top: 0px;
	left: 30px;
	height: 44px;
	width: 870px;
}
	
/* hack to correct IE5.5 faulty box model */
* html .main_nav {width:900px; w\idth:899px;}

/* remove all the bullets, borders and padding from the default list styling */
.main_nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.main_nav li {
	float:left;
	position:relative;
	width:100px;
}

/* style the links for the top level */
.main_nav a {
	display:block;
	font-weight:bold;
	font-size:14px;
	line-height: 42px;
	text-decoration:none; 
	color:#fff; 
	height:44px; 
}

.main_nav a:hover {
	color:#ffcc00; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .main_nav a, * html .main_nav a:visited {width:100px; w\idth:99px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.main_nav ul ul {
	visibility:hidden;
	position:absolute;
	top:35px;
	left:-5px; 
}
	
/* another hack for IE5.5 */
* html .main_nav ul ul {top:35px;t\op:36px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.main_nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.main_nav ul ul a {
	height: 25px; 
	width: 200px; 
	text-indent: 12px;
	font-size: 11px;
	font-weight: normal;
	line-height: 22px;
	background-image:url(imgs/main_nav_item_bg.gif);
	color: #000000;
	
}

/* yet another hack for IE5.5 */
* html .main_nav ul ul a, * html .main_nav ul ul a:visited {width:250px;w\idth:200px;}

/* style the top level hover */

.main_nav a:hover, .main_nav ul ul a:hover{color:#FF6633; font-weight: bold;}
.main_nav :hover > a, .main_nav ul ul :hover > a {color:#FF6633; font-weight: bold;}

/* make the second level visible when hover on first level list OR link */
.main_nav ul li:hover ul, 
.main_nav ul a:hover ul{visibility:visible; }



/* style the top level hover */
.main_nav a:hover {color:#FFcc00; background:none;}
.main_nav :hover > a {color:#FFcc00; background:none;}

.main_nav ul ul a:hover{color:#FF3300; background-image:url(imgs/main_nav_item_bg.gif);}
.main_nav ul ul :hover > a {color:#FF3300; background-image:url(imgs/main_nav_item_bg.gif);}



#divider1 {
	position:absolute;
	top:0px;
	left:110px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}
	
	

#divider2 {
	position:absolute;
	top:0px;
	left:210px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider3 {
	position:absolute;
	top:0px;
	left:310px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider4 {
	position:absolute;
	top:0px;
	left:410px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider5 {
	position:absolute;
	top:0px;
	left:510px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider6 {
	position:absolute;
	top:0px;
	left:610px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}
	
#divider7 {
	position:absolute;
	top:0px;
	left:710px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}


#log_in01 {
	position: absolute;
	background-image: url(imgs/top_login_bg.jpg);
	background-repeat: no-repeat;
	top: 41px;
	left: 578px;
	height: 45px;
	width: 310px;
}

.log_id {
	position: absolute;
	top: 11px;
	left: 29px;
    border:none;
    background: #d6f6ff;
	width: 88px;
	height: 16px;
}

.log_pw {
	position: absolute;
	top: 11px;
	left: 149px;
    border:none;
    background: #d6f6ff;
	width: 85px;
	height: 16px;
}

.login_button {
	position: absolute;
	top: 9px;
	left: 247px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 22px;
}


#log_in02 {
	position: absolute;
	background-image: url(imgs/top_login_bg2.jpg);
	background-repeat: no-repeat;
	top: 41px;
	left: 578px;
	height: 45px;
	width: 310px;
}

#username {
	position: absolute;
	top: 14px;
	left: 10px;
}

.logout_button {
	position: absolute;
	top: 9px;
	left: 247px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 22px;
}

.mypage_button {
	position: absolute;
	top: 9px;
	left: 186px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 22px;
}


#footer_container {
	position: relative;
	top: 0px;
	width: 900px;
}

/*--	accreditation   --*/

#credit {
	position: absolute;	
	top: 0px;	
	height: 90px;
	width: 900px;
	background-color:#F6F6F6;
	text-align:center;
	color:#666666;
}


/*--	footer  --*/

#footer {
	position: absolute;
	top: 90px;
	background-image: url(imgs/footer_bg.gif);
	background-repeat: no-repeat;
	/*background-color:#14365B; */
	height: 43px;
	width: 900px;

}	

#footer_netpia {
	position: absolute;
	top: 8px;
	left: 86px;
	height: 28px;
	width: 82px;

}	

#footer ul {
	position:absolute;
	top: 5px;
	right: 9px;
	list-style: none;
	line-height: 16px;
	text-align:right;
	color:#ffffff;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 500px;
	left: 390px;
	}
	
	
	
	
	
#footer li a {
	color:#ffffff;
	text-decoration:none;
}

#footer li a:hover {
	color:#ffcc00;
	text-decoration:none;
}

p a {
	color: #003d63;
	text-decoration: none;
}
	
p a:visited {
	text-decoration: none;
	color: #003d63;
}

p a:hover {
	color: #ff3300;
	text-decoration: none;
}

p a:active {
	text-decoration: none;
}