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

body {
	margin:0 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}



b {
	color:#2a5096;
	font-weight:bold;
}

#header{
	margin-left:auto;
	margin-right:auto;
	width:970px;
	height:150px;
}

#footer{
	margin-left:auto;
	margin-right:auto;
	width:988px;
}

#main_page_bg {
	background-image:url(images/penfabric_bg_main.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
	height:524px;
}

#main_page_bg2 {
	background-image: url(images/penfabric_sub_bg.jpg);
	background-position: center;
	background-repeat:repeat-none;
	width:1000px;
	height:400px;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
}

#main_page_panel{
	

	padding-top:28px; 
	padding-left:44px;
	/*height:524px;*/
	height:500px;
	/*width:972px;*/
	width:970px;
	margin-left:auto;
	margin-right:auto;
	}

#main_page_panel2{

	width:972px;
	margin-left:auto;
	margin-right:auto;
	}

#panel_top_bg{
	/*background-image:url(images/pen_bg.jpg);*/
	background-repeat:repeat-x;
	height:140px;
}
#panel_top{
	margin-left:auto;
	margin-right:auto;
	width:988px;
	height:140px;
}
#pen_panel_tl{
	background-image:url(images/pen_panel_tl.jpg);
	background-repeat:no-repeat;
	width:11px;
	height:140px;
}
#pen_panel_tc{
	background-image: url(images/pen_panle_tc.jpg);
	background-repeat:repeat-x;
	height:140px;
}
#panel_bottom{
	margin-left:auto;
	margin-right:auto;
	width:988px;
}
#logo{
	font-family: "Century Gothic";
	font-size:36px;
	font-weight:bold;
	color:#2a5096;
	padding-top:40px;
}
#logo_text{
	padding-top:8px;
	padding-left:3px;
	font-size:14px;
	font-weight: bold;
	}

.top_link{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2a5096;
	font-weight:bold;
}

.top_link a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-right:3px;
	font-size:16px;
	color:#2a5096;
	font-weight:bold;
	text-decoration:none;
}

.top_link a:hover{
	text-decoration:none;
	background-color:#81c6fe;
	color:#FFF;
}

.top_link a:actived{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2a5096;
	font-weight:bold;
		text-decoration:none;
}

.main_link{
	font-family:"Century Gothic";
	font-weight:bold;
	color:#2a5096;
	font-size:22px;
	text-align:right;

}

.main_link a {
	font-family:"Century Gothic";
	font-weight:bold;
	color:#2a5096;
	font-size:18px;
	text-align:right;
	text-decoration:none;
	padding-right:5px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;

}



.main_link a:hover{
	text-decoration:none;
	background-color:#81c6fe;
	color:#FFF;
}

#hight{
	height:10px;
	}

.pagetitle{
	margin-top:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#2a5096;
	font-weight:bold;
	padding-left:0px;
	}

#border_line{
	border-top:solid 1px #2a5096;
}
 
#body_line{
	border-right:#CCC dotted 1px;
}

.footer a {
	text-decoration:none;
	color:#000;
	}
.footer a:hover {
	text-decoration: underline;
	color:#000;
	}
.footer a:actived {
	text-decoration:none;
	color:#000;
	}
	
	
/*mail nav*/
.navbutton {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a5096;
	font-weight:bold;
	width:240px;
}

.navbutton a {
	padding-top:3px;
	padding-left:35px;
	margin-bottom:1px;
	margin-top:1px;
	width:220px;
	height:24px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space:nowrap;
	color:#2a5096;
	font-weight:bold;
	border-bottom:#999 dotted 1px;
	background-image:url(images/folder01.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

.navbutton a:hover {
	display:block;
	color:#000000;
	font-weight:bold;
	background-color: #EFEFEF;
	text-decoration:none;
}

/*sub nav*/

.navbuttontitle {
	padding-top:6px;
	padding-left:35px;
	margin-bottom:1px;
	margin-top:1px;
	margin-left:20px;
	width:200px;
	height:24px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
    white-space:nowrap;
	color:#2a5096;
	font-weight:bold;
	border-bottom:#999 dotted 1px;
	background-image:url(images/folder03.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

.navbuttontitlelink {
	margin-bottom:1px;
	margin-top:1px;
	margin-left:0px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a5096;
	font-weight:bold;
}

.navbuttontitlelink a {
	padding-top:6px;
	padding-left:35px;
	margin-bottom:1px;
	margin-top:1px;
	margin-left:20px;
	width:200px;
	height:24px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a5096;
	font-weight:bold;
	border-bottom:#999 dotted 1px;
	background-image:url(images/folder03.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

.navbuttontitlelink a:hover {
	display:block;
	color:#000000;
	font-weight:bold;
	background-color:#EFEFEF;
	text-decoration:none;
}


.navbuttonsub {
	margin-bottom:1px;
	margin-top:1px;
	margin-left:10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a5096;
	font-weight:bold;
}

.navbuttonsub a {
	padding-top:6px;
	padding-left:35px;
	margin-bottom:1px;
	margin-top:1px;
	margin-left:20px;
	width:190px;
	height:24px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space:nowrap;
	color:#2a5096;
	font-weight:bold;
	border-bottom:#999 dotted 1px;
	background-image:url(images/folder02.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

.navbuttonsub a:hover {
	display:block;
	color:#000000;
	font-weight:bold;
	background-color:#EFEFEF;
	text-decoration:none;
}


.space {
	height:8px;
}

.dot_line {
	border-bottom-color:#CCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.a12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

.a12none {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.a14none {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.a16 {
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#669900;
}

.a12w {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.a12w a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

.a12w a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFF00;
	text-decoration:underline;
}

.a10w {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

.a10w a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

.a10w a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFF00;
	text-decoration:underline;
}

#music{
	height:20px;
	right:10px;
	padding-right:15px;
	padding-top:10px;
}