/* CSS Document */

/*body area*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	text-decoration:none;
	margin:0px;
	color:#333333;
	font-size:12px;
	line-height:20px;
	}

a {
	color:#0066CC;
	text-decoration:underline;
	}
a:hover{
	color:#0066CC;
	text-decoration:none;
	}		


div.home {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 747px;
}

div.topbox{
	text-align: left;
	width: 747px;
	background-image: url(images/spylogoback.gif);
}
p.instruct {
	line-height:13px;
	font-size:11px;
	margin-top:5px;
	}

/*navigation*/
div.navi{
	width: 747px;
	margin-bottom: 3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
div.navionbox{
	height: 24px;
	padding-top: 3px;
	padding-left:26px;
	padding-right:26px;
	background-image: url(images/navi_on_back.gif);
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
div.navioffbox{
	text-decoration:none;
	height: 24px;
	padding-top: 3px;
	padding-left:26px;
	padding-right:26px;
	background-color: #E7E7E7;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

div.navionstart{
	text-decoration:none;
	height: 24px;
	padding-top: 3px;
	background-image: url(images/navi_on_back.gif);
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
div.navioffend{
	height: 24px;
	padding-top: 3px;
	background-color: #E7E7E7;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
div.navionend{
	height: 24px;
	padding-top: 3px;
	padding-top: 3px;
	background-image: url(images/navi_on_back.gif);
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

a.navion{
	color: #FFFFFF;
	font-weight: bold;
	font-size:11px;	
	text-decoration:none;
}
a.navion:hover{
	color: #FFFFFF;
	font-weight: bold;
	font-size:11px;
	text-decoration:underline;
	}	


a.navioff{
	color: #000000 ;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
}
a.navioff:hover{
	color: #000000 ;
	font-weight: bold;
	font-size:11px;
	text-decoration:underline;
	}	




/*content1*/	
div.conbox1{

	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #E7E7E7;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

/*content2*/
.title1{
	color:#666666;
	font-size:18px;
}

.title2red{
	color:#FF0000;
	font-size:16px;
	font-weight: bold;
}
.title2blue{
	color:#0066CC;
	font-size:16px;
	font-weight: bold;
}
.oem{
	font-size:11px;
	line-height:16px;
	color:#333333;
}

/*contentbox1*/
div.conbox2{
	padding-top:5px;
	}

div.inbox01{
	width:475px;
	height: 100%;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: left;
	}

div.inboxin01{
	height: 100%;
	background-color: #FFFFFF;
	margin-right:15px;
	margin-left:15px;
	}

div.inboxin11{
	height: 100%;
	background-color: #FFFFFF;
	margin-right:15px;
	margin-left:15px;
	margin-top:15px;
	}

div.inbox02{

	height: 100%;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	}

/*contentbox2*/
div.inboxtitle1{
	width: 252px;
	}
div.inboxtitle11{
	height: 22px;
	padding-top: 3px;
	background-color: #007ACC;
	border-top: 1px solid #CCCCCC;
	color: #ffffff;
	font-weight: bold;
	font-size:13px;
	text-align: left;
	}
div.inboxtitle2{
	width: 221px;
	}
div.inboxtitle12{
	height: 22px;
	padding-top: 3px;
	background-color: #0099FF;

	color: #ffffff;
	font-weight: bold;
	font-size:13px;
	text-align: left;
	}
div.inbox12{
	height: 100%;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;

	vertical-align:top;
	text-align: left;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
	}
div.inboxtitle3{
	width: 253px;
	}
div.inboxtitle13{
	height: 22px;
	padding-top: 3px;
	background-color: #4FB6FC;
	border-top: 1px solid #CCCCCC;
	color: #ffffff;
	font-weight: bold;
	font-size:13px;
	text-align: left;
	}

div.inboxin12{
	margin-top:10px;
	}

.news{
	font-size:11px;
	line-height:25px;
	color:#666666;
	text-align: right;
}

/*content3*/


a.test{
	color:#666666;
	font-size:11px;
	line-height:14px;
	text-align: left;	
	text-decoration:none;
}
a.test:hover{
	color:#666666;
	font-size:11px;
	line-height:14px;
	text-align: left;
	text-decoration:underline;
	}	

/*bottom*/
div.conbox4{
	width: 745px;
	height: 25px;
	padding-top:5px;
	margin-top: 3px;
	background-color: #E7E7E7;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
a.bottemlink{
	color:#666666;
	font-size:11px;
	text-decoration:underline;
}

.bottemlink2{
	color:#666666;
	font-size:11px;
}

/*footer*/
div.footerbox{
	width: 745px;
	padding-top:40px;
	}
.footer{
	color:#999999;
	font-size:11px;
}
.star{
	color:#FF0000;
	font-size:11px;
}