html, body {height:100%;}
body {
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	background:#f1f1f1 url(../images/body-bg.jpg) repeat-x;
	color:#303030;
	min-width:998px;
}
img {border:none;}
form {
	padding:0;
	margin:0;
}
a:hover {text-decoration:none;}
#main {min-height:100%;}
* html #main {height:100%;}

/*page*/
#page {
	width:100%;
	overflow:hidden;
	padding-bottom:110px;
}
#page-box {
	background:url(../images/page-btm.gif) repeat-x 0 100%;
	width:100%;
	overflow:hidden;
}
#page-area {
	margin:0 auto;
	width:998px;
	overflow:hidden;
}
/*header*/
.header {
	height:1%;
	padding:0 12px 9px 2px;
	overflow:hidden;
}
.logo {
	margin:0 1px 0 0;
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:165px;
	height:127px;
	background:url(../images/main-logo.gif) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
.header-cnt {
	float:right;
	color:#fff;
	width:814px;
}
.header-inn {
	height:1%;
	padding:30px 0 25px 14px;
	overflow:hidden;
}
.header-inn ul {
	padding:2px 0 0;
	margin:0;
	list-style:none;
	float:right;
}
.header-inn ul li {
	float:left;
	padding-left:14px;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.header-inn ul li a {color:#fff;}
.header-inn p {
	font-size:13px;
	margin:0;
}
.header-inn a {color:#fff;}
ul.menu {
	padding:0;
	margin:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.menu li {
	float:left;
	font:bold 16px/43px Arial, Helvetica, sans-serif;
}
ul.menu li a {
	color:#fff;
	display:block;
	text-decoration:none;
}
ul.menu li span {
	display:block;
	padding:0 6px;
}
ul.menu li a:hover,
ul.menu li.active a {background:url(../images/menu-r.gif) no-repeat 100% 0;}
ul.menu li a:hover span,
ul.menu li.active a span {background:url(../images/menu-l.gif) no-repeat;}

/*primary content*/
.primary-content {
	height:1%;
	padding:8px 0 0;
	overflow:hidden;
}
.flash {
	height:1%;
	overflow:hidden;
}
.flash img {display:block;}
.promo {
	height:1%;
	overflow:hidden;
	padding:19px 3px 0;
}
.promo h2,
.promo h3,
.sidebar h2,
.head {
	color:#999;
	background:url(../images/ico01.gif) no-repeat 10px 1px;
	margin:0 0 12px;
	font:12px Arial, Helvetica, sans-serif;
	padding:0 0 0 41px;
}
.promo h2 a,
.promo h3 a,
.sidebar h2 a,
.head a {
	color:#ac0000;
	margin-right:10px;
	font:bold 16px Arial, Helvetica, sans-serif;
}

.promo-main {
	float:left;
	width:659px;
}
.video,
.video-cnt {
	height:1%;
	overflow:hidden;
	background:url(../images/video-bg.gif) repeat-y;
}
.video-cnt {background:url(../images/video-top.gif) no-repeat;}
.video ul {
	background:url(../images/video-btm.gif) no-repeat 0 100%;
	padding:0 0 16px;
	margin:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.video ul li {
	float:left;
	width:205px;
	padding:6px 10px 0 6px;
}
.video ul li.last {padding-right:0;}
.video ul img {
	display:block;
	margin-bottom:17px;
}
.video ul h2 {
	background:none;
	padding:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0 0 7px 9px;
}
.video ul h2 a {font:bold 14px Arial, Helvetica, sans-serif;}
.video ul p {
	margin:0 0 13px 10px;
	font:11px/15px Arial, Helvetica, sans-serif;
}
.more {
	height:1%;
	overflow:hidden;
}
.video .more {padding:0 0 0 7px;}
.more a {
	float:left;
	padding:0 0 2px 21px;
	font:11px Arial, Helvetica, sans-serif;
	color:#999;
	background:url(../images/ico03.gif) no-repeat;
}
.style01 {padding:11px 0 12px 13px;}
.style01 a {
	background:url(../images/ico04.gif) no-repeat;
	color:#ac0000;
}
.info {
	height:1%;
	padding:14px 0 0;
	overflow:hidden;
	background:url(../images/line01.gif) no-repeat;
}
.learn {margin:0 0 20px;}
.learn,
.learn-cnt {
	height:1%;
	overflow:hidden;
	background:url(../images/learn-bg.gif) repeat-y;
}
.learn-cnt {background:url(../images/learn-top.gif) no-repeat;}
.learn ul {
	background:url(../images/learn-btm.gif) no-repeat 0 100%;
	padding:1px 1px 6px;
	margin:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.learn ul li {
	padding:0 14px;
	font:11px/40px Arial, Helvetica, sans-serif;
}
.learn ul li.item {background:url(../images/learn-item.gif) no-repeat;}
.learn ul a {
	color:#ac0000;
	margin-right:8px;
	font:bold 14px/39px Arial, Helvetica, sans-serif;
}

.promo-col {
	float:right;
	width:315px;
}
.box {margin-bottom:20px;}
.box,
.box-top,
.box-btm {
	height:1%;
	overflow:hidden;
	background:url(../images/box-bg.gif) repeat-y;
}
.box-top {background:url(../images/box-top.gif) no-repeat;}
.box-btm {
	background:url(../images/box-btm.gif) no-repeat 0 100%;
	padding:6px 1px 16px;
}
.box img {
	display:block;
	margin:0 auto 5px;
}
.txt-box {
	height:1%;
	padding:12px 0 0;
	overflow:hidden;
	background:url(../images/box-txt-bg.gif) no-repeat;
}
.txt-box .style01 {padding:2px 0 0 12px;}
.txt-box p {
	font:11px/15px Arial, Helvetica, sans-serif;
	margin:0 15px 3px 16px;
	text-align:justify;
}

.sites {margin:0 3px 10px;}
.sites,
.sites-cnt {
	height:1%;
	overflow:hidden;
	background:url(../images/sites-bg.gif) repeat-y;	
}
.sites-cnt {background:url(../images/sites-top.gif) no-repeat;}
.sites ul {
	background:url(../images/sites-btm.gif) no-repeat 0 100%;
	padding:6px 0 17px 1px;
	margin:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.sites ul li {
	float:left;
	width:192px;
	padding:0 0 0 5px;
}
.sites ul img {
	display:block;
	margin:0 0 18px;
}
.sites ul p {
	margin:0 10px 11px;
	text-align:justify;
	font:11px/15px Arial, Helvetica, sans-serif;
}
.sites ul .more {padding:0 0 0 7px;}

/*footer*/
.footer {
	overflow:hidden;
	position:relative;
	width:100%;
	height:83px;
	padding:27px 0 0;
	color:#fff;
	margin-top:-110px;
	background:url(../images/footer-bg.gif) repeat-x;
}
.wrap-nav-1 {
	width:998px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.wrap-nav-2 {
	left:50%;
	float:left;
	position:relative;
	text-align:center;
}
.footer ul {
	left:-50%;
	float:left;
	position:relative;
	padding:0 0 8px;
	margin:0;
	list-style:none;
	height:1%;
}
.footer ul li {
	float:left;
	font:11px/21px Arial, Helvetica, sans-serif;
	color:#777;
	background:url(../images/separator01.gif) no-repeat 100% 0;
	padding:0 21px 0 20px;
}
.footer ul li.last {background:none;}
.footer ul a {color:#fff;}

/* inner page */
.content {
	height:1%;
	overflow:hidden;
	padding:11px 3px 0;
} 
/*main column*/
.main-col {
	width:659px;
	float:left;
}
.head {
	height:1%;
	overflow:hidden;
	margin-bottom:9px;
}
.head a {float:left;}
.head span {
	float:left;
	padding:3px 0 5px 12px;
	background:url(../images/separator02.gif) no-repeat;
}
.article {margin-bottom:10px;}
.article,
.article-top,
.article-btm {
	height:1%;
	overflow:hidden;
	background:url(../images/article-bg.gif) repeat-y;
}
.article-top {background:url(../images/article-top.gif) no-repeat;}
.article-btm {background:url(../images/article-btm.gif) no-repeat 0 100%;}
.article-btm-long {
	/*height:1px;*/
	background-color:#d5d5d5;
	background:url(../images/article-btm2.gif) no-repeat 0 100%;
}
.article-cnt {
	height:auto;
	/* height:1%; */
	overflow:hidden;
	padding:12px 16px 0;
	min-height:700px;
}
.article-cnt h1 {
	margin:0 0 17px;
	font:bold 17px Arial, Helvetica, sans-serif;
}
.article-cnt p {
	margin:0 0 16px;
	text-align:justify;
	line-height:17px;
}
ul.list {
	padding:0 0 18px 32px;
	position:relative;
	margin:-3px 0 0;
	list-style:none;
	height:1%;
	overflow:hidden;
	line-height:17px;
}
ul.list li {
	background:url(../images/bullet01.gif) no-repeat 0 6px;
	padding:0 0 16px 10px;
}

/*sidebar*/
.sidebar {
	width:315px;
	float:right;
}
.section {margin-bottom:2px;}
.section,
.section-top,
.section-btm,
.section-btm2 {
	height:1%;
	overflow:hidden;
	background:url(../images/section-bg.gif) repeat-y;
}
.section-top {background:url(../images/section-top.gif) no-repeat;}
.section-btm {
	background:url(../images/section-btm.gif) no-repeat 0 100%;
	padding:10px 15px 30px;
	min-height:364px;
}
.section-btm2 {
	background:url(../images/section-btm2.gif) no-repeat 0 100%;
	padding:10px 15px 30px;
}
.section-btm2 span {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
* html .section-btm {height:364px;}
ul.list01 {
	padding:4px 0 0;
	margin:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font:14px Arial, Helvetica, sans-serif;
}
ul.list01 li {padding-bottom:1px;}
ul.list01 a {color:#666;}
ul.list02 {
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font:12px Arial, Helvetica, sans-serif;
}
ul.list02 li {
	padding-bottom:0;
	}
ul.list02 a {color:#666;}
.sidebar .box {
	margin-bottom:9px;
}
.sidebar .box-btm {	
	background:url(../images/box-btm01.gif) no-repeat 0 100%;
	padding-bottom:27px;
}

/* video page */

.video-area {
	width:640px;
	min-height:960px;
	overflow:hidden;
	padding:10px 9px 10px 10px;
}
* html .video-area {
	height:960px;
	overflow:visible;
}
.main-video {
	width:100%;
	overflow:hidden;
	margin-bottom:9px;
}
.main-video img {display:block;}

ul.video-list {
	padding:0;
	margin:0 0 2px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
ul.video-list li {
	float:left;
	width:311px;
	margin-right:10px;
	padding:6px 0 4px 4px;
	background:#eaeaea url(../images/video-list-bg.gif) repeat-x;
}
ul.video-list li.item {margin:0;}

ul.video-list img {
	float:left;
	padding:2px;
	margin-right:5px;
	border:1px solid #d5d3d6;
	background:#fdfdfd;
}
ul.video-list div {
	display:table;
	height:1%;
}
ul.video-list h2 {
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	margin:0;
}
ul.video-list h2 a {color:#000;}
ul.video-list p {
	margin:0 0 22px;
	line-height:15px;
}
ul.video-list a {color:#ac0000;}

.section h2 {
	padding:0;
	margin-bottom:9px;
	background:none;
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#000;
}
.section p {
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 15px;
}
.section p a {color:#ac0000;}