@charset "utf-8";
/* CSS Document */

body {
background: url(/img/bg.gif) repeat left top;

	margin-right: auto;
	margin-left: auto;
}
#container {
	background-color: #003366;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;

	
}

#header  {
	width: 1200px;
	
}
#header  #mainImg{
	background-image: url(/img/mainImg.jpg);
	backgrond-repeat: none;
	height: 291px;
	width: 417px;
	float: left;
	margin-bottom: 30px;
	
}
#header h1{
padding-top: 30px;
	width: 500px;
	color: #fff;

}
#header #rightBox{
padding-right: 30px;
	float: right;
	height: 291px;
	width: 600px;
}

#header p#title  {
		font-size: 180%;
	font-weight: bold;
	width: 500px;
		padding-left: 20px;
		padding-top: 50px;



}
#header p#title a{
	text-decoration: none;
	color: #fff;

}
ul#topicpath {
padding-top: 30px;
	text-align: left;
	margin-left: -20px;
	width: 1200px;
	clear: both;
}
ul#topicpath li  {
	display: inline;
	color: #fff;
}
ul#topicpath li a {

	background:url(/img/arrow_pan.gif) no-repeat right center;
	padding-right:16px;
	padding-top: 3px;
	text-decoration: none;
	color:#fff;
}
ul#topicpath li a:hover {
color: #fff;
text-decoration: underline;
}


ul#gnav {

clear: both;
	width: 1180px;
	background: #006699 repeat left top;
	padding: 10px;
}


ul#gnav li {
	display: inline;
	color: #fff;
	line-height: 3em;
	padding: 12px 0px 10px 20px;
	
}


ul#gnav li a {

text-decoration: none;
padding: 2px 0px 2px 5px;
color: #fff;
padding-right: 20px;
}


ul#gnav li a:hover  {
color: #fff;
text-decoration: underline;
}


#subnavi  {
background: #fff repeat left top;
border-left: 1px solid #003366;
	margin-bottom: 50px;
	width: 1178px;
	padding: 10px;
	border-left: 1px solid #006699;
		border-right: 1px solid #006699;
		

}
#subnavi ul li  {
	margin-bottom: 10px;
	color: #000;
	padding: 12px 0px 10px 20px;
	display: inline;
	line-height: 3em;

}
#subnavi ul li a {
text-decoration: none;
color: #000;
padding-right: 20px;
border-bottom: 1px dotted #666;
}
#subnavi ul li a:hover {
text-decoration: none;
color: #666;
border-bottom: 2px dotted #706ebd;

}
#main {
	width: 1100px;
	padding-right: 50px;
	padding-left: 50px;
}
#main #link{
	width: 348px;
	background-color: #fff;
	float: left;
}
#main #link  h3{
width: 186px;
height: 35px;
	margin-left: 80px;
	margin-bottom: 10px;
	background: url(/img/bg_bk.gif) no-repeat left top;
}
#main #link  p{

line-height: 1.3em;
}

.bookmark {
	background-image: url(/img/arrow_bk.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	border-bottom: 1px dashed #999 ;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 30px;

}

.bookmark p a {
color: #07b1fa;
}
#main   #contents{
	width: 670px;
	float: right;
		margin-bottom: 50px;

}
#main #contents  h2{
background: #fff no-repeat left center;
padding: 5px 0px 3px 20px;
	font-size: 130%;
	color: #006699;
	border-bottom: 2px dotted #006699;
	border-left: 5px solid #006699;

}
#main #contents  p{
line-height: 1.7em;
	padding: 0px 10px 0px 10px;
	color: #fff;

}
.column   {
	margin-bottom: 30px;
}

.column p a {
color: #07b1fa;
}


#footer  {
height: 35px;
	width: 1200px;
	clear: both;
background: #006699 left top;
margin-bottom: 20px;
}


#footer p  {
padding: 8px 50px 5px 0px;
	text-align: right;
	color: #fff;
}
#footer p a {
	color: #fff;
	text-decoration: none;
}