/* CSS Document */
html	{
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-image: url(../images/bg_body.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

body	{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

h1	{
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #17489A;
	
}

h2	{
	position: absolute;
	top: 54px;
	left: 450px;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	width: 294px;
	background-color: #666666;
	background-image: url(../images/bg_H2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	z-index:100;
}

h3	{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	
}

h4	{
	margin: 0px;
	padding: 2px;
	padding-left: 5px;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
}

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

#centerContent	{
	position: absolute;
	height: 1px;
	width: 1px;
	top: 50%;
	left: 50%;
}

#mainContainer	{
	position: relative;
	margin-top: -200px;
	margin-left: -430px;
	width: 860px;
	height: 400px;
	background-image: url(../images/bg_mainContainer.gif);
	background-repeat: no-repeat;
}

#contentarea1	{
	position: absolute;
	left: 300px;
	top: 54px;
	width: 138px;
	height: 275px;
	padding: 5px;
	padding-top: 20px;
	overflow: auto;
}

#contentarea1 a	{
	color: #17489A;
	text-decoration: none;
}

#contentarea1 h3	{
	text-align:right;
	padding-top: 20px;
}

#contentarea2	{
	position: absolute;
	left: 450px;
	top: 54px;
	width: 290px;
	height: 240px;
	padding: 5px;
	padding-top: 57px;
	overflow: auto;
}

#contentarea2 ul	{
	margin-left: 15px;
}

#contentarea2 a	{
	color: #17489A;
	text-decoration: none;
}

#topNaviList	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #FFFFFF;
	padding-bottom: 1px;
	overflow: auto;
	height: 12px;
}

#topNaviList li	{
	display:inline;
}

.topNavi	{
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
}

.topNavi:hover	{
	font-weight: bold;
}

.topNaviActive	{
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}

#mainNaviList	{
	position: absolute;
	bottom: 8px;
	left: 180px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainNaviList li	{
	display:inline;
}

.mainNavi	{
	display: block;
	float: left;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../images/bg_bottomNavi.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	}

.mainNaviActive	{
	display: block;
	float: left;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../images/bg_bottomNavi.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

#subNaviList	{
	position: absolute;
	top: 70px;
	left: 155px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 140px;
}


#subNaviList li	{
	margin-bottom: 5px;
}

#subNaviList li ul	{
	margin: 0px;
	padding: 0px;
	margin-left: 25px;
	margin-top: 8px;
	margin-bottom: 10px;
	list-style-type: none;
}


.subNavi	{
	display: block;
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	padding-left: 17px;
}

.subNaviActive	{
	display: block;
	text-decoration: none;
	color: #17489A;
	font-size: 10px;
	border-left: 7px solid #17489A;
	padding-left: 10px;
	width: 120px;
}

.subSubNavi	{
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}

.subSubNavi:hover	{
	color: #17489A;
}

.subSubNaviActive	{
	display: block;
	text-decoration: none;
	color: #17489A;
	font-size: 10px;
}