body {
    background-color: 000;
    margin: 0;
}

header {
    background-color: 888;
    width: 100%;
}

.article {
    align: center;
    width: 100%;
    overflow: hidden;
    height: 400;
}

.artic {
    overflow: visible;
    padding: 15 20 20 20;
}

.content {
    align: center;
    width: 700;
    overflow: auto;
    height: 400;
    border-left: 2px solid #F90;
    border-right: 2px solid #F90;
    scrollbar-base-color: #000000; 
    scrollbar-face-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-arrow-color: #FF9900;
    scrollbar-highlight-color: #FFFFFF; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #000000; 
}

.lang-list {
    width: 250;
    overflow: auto;
    height: 184;
    border-right: 2px solid #F90;
    border-bottom: 2px solid #F90;
}

.sample_list {
    width: 250;
    overflow: auto;
    height: 214;
    border-right: 2px solid #F90;
}

.video_display {
    left:310;
    top:0;
    align: center;
    width: 320;
    height: 300;
    border: 1px solid #FFF;
	text-align:center;
	float: right;
	overflow: hidden;
}

.content >span {
    left:150;
    top:0;
    align: center;
    width: 320;
    height: 260;
    border: 1px solid #F90;
	text-align:center;
		float: right;

}

.cont {
    font-family: verdana, sans-serif;
    font-size:12;
    overflow: visible;
    padding: 15 20 20 20;
    color: FFF;
}

.article_titles {
    align: center;
    width: 100%;
    overflow: auto;
    height: 73;
    background-color: 444444;
}

.article_contents {
    align: center;
    width: 100%;
    overflow: auto;
    height: 310;
    background-color: 000000;
    border-left: 2px solid #F90;
    border-right: 2px solid #F90;
}

.link_to_article {
    font-family: verdana, sans-serif;
    font-size:11;
    color:#FFFFFF;
}

.date_in_link_to_article {
    font-family: verdana, sans-serif;
    font-size: 11;	
    color:#F90;
}

.art_title {
    font-family: verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color:#FFFFFF;
}

.art_date {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color:#F90;
    font-weight:bold;
}

.art_source {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color:#FFFFFF;
    font-style:italic;
    font-weight:bold;
}

.art_subtitle {
    font-family: verdana, sans-serif;
    font-size: 12px;
    font-style: italic;
    color:#FFFFFF;
}

.art_content {
    font-family: verdana, sans-serif;
    font-size: 10px;
    color:#FFFFFF;
}

.page_title {
    font-family: verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#000000;
    background-color: #F90;
    height: 2;
    padding: 3 0 3 10;
}

.normal_white {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color:#FFFFFF;
}

.normal_black {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color:#000000;
}

.normal_orange {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color:#ea7800;
}

.normal_light_gray {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color:#999999;
}

.orange_link {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color:#F90;
}