.indexheader {
        color: #3399AA;
        padding: 5px;
}
.indexheader a {
        color: #3399AA;
}
.indexheader a:hover {
        color: #FF99CC;
}
.description {
        color: #CC6699;
}
.spotlight {
        color: #FFFFFF;
        padding: 8px;
}
.spotlight a {
        color: #FFFFFF;
}
.spotlight a:hover {
        color: #FFFFFF;
}

.sarticle {
        color: #FFFFFF;
        padding: 5px;
}
.sarticle a {
	color: #FFFFFF;
}
.sarticle a:hover {
	color: #FFCC66;
}

.sortmenu {
        color: #333333;
        padding: 5px;
}
.sortmenu a {
	color: #333333;
}
.sortmenu a:hover {
	color: #FF3300;
}

.summary {

     padding: 5px;
}

.summary2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0000FF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0000FF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0000FF;
     padding: 5px;
}
.channel-artical,.channel-artical a {
 	color: #0000FF;
        text-align: left; vertical-align : middle;
        line-height:200%; 
}
.channel-artical a:hover {
	color: #FF0000;
        text-align: left; vertical-align : middle;
}
.titlemain {
	color: #029bba;
	font-weight: bold;
	font-size: 16px;
}
.subtitle {
	color: #779900;
	font-weight: bold;
	font-size: 12px;
}

.info_text_01 {
	color: #333333;
}
.info_text_01 A {
	color: #333333;
	text-decoration: none;
}
.info_text_01 A:hover {
	color: #336699;
}

.info_text_02 {
	color: #FFFFFF;
}
.info_text_02 A {
	color: #FFFFFF;
}
.info_text_02 A:hover {
	color: #ffcc00;
}


tr.text_line td {
	border-bottom: 1px dashed #AABBAA;
        padding: 2px;
        line-height:180%;
}

.page_bar {
        background-color: #F4F4F4;
        vertical-align: middle;
        text-align: right;
        height: 20px;
}
.title_bar {
        background-color: #DEEBFA;
        color: #0066CC;
        vertical-align: middle;
        height: 20px;
}
td#date {
        color: #88AA55;
}
td#rate {
        color: #999999;
}
td#rate2 {
        color: #FF9900;
}
td#view {
        color: #999999;
}
td#view2 {
        color: #F9602A;
}
.tbl520 {
        width: 520px;
}
.tbl300 {
        width: 300px;
}
.tbl210 {
        width: 210px;
}
.photo_tbl {
        border: solid 1px #cccccc;
        padding: 5px;
}
.photo_img {
        text-align: center;
        vertical-align: middle;
}
.photo_desc {
        color: #999999;
        padding: 2px;
        text-align: right; 
}

.music_tbl {
        padding: 5px;
        border: 1px solid #DDDDDD;
}
.music_desc {
        color: #BB66AA;
        padding: 2px;
        background-color: #F3EFFD;
        text-align: center;
}

.file_tbl {
        padding: 2px;
        background-color: #F8E5D5;
}
.file_title {
        background-color: #FFCCAA;
        color: #FF5511;
        padding: 2px;
}
.file_title a{
        background-color: #FFCCAA;
        color: #FF5511;
        padding: 2px;
}
.file_text {
        color: #FF9966;
        padding: 2px;
}
.file_text a{
        color: #FF9966;
        padding: 2px;
}
.file_desc {
        color: #999999;
        padding: 2px;
        background-color: #FFFFFF;
        border: 1px solid #F4F4F4;
}

.review_tbl {
        background-color: #E5F5F4;
}
.review_title {
        color: #3399AA;
        font-weight: bold;
        padding: 2px;
}
.review_desc {
        color: #117777;
        padding: 2px;
}

.page_tbl {
        padding: 0px;
        background-color: #CCCCCC;
        border: 1px solid #DDDDDD;
}
.page_title {
        background-color: #66BBDD;
        color: #FFFFFF;
        padding: 2px;
}
.page_desc {
        color: #333333;
        padding: 2px;
        background-color: #FFFFFF;
}
.page_desc A {
	color: #333333;
	text-decoration: none;
}
.page_desc A:hover {
	color: #336699;
}

.link_tbl {
        padding: 0px;
        background-color: #CCCCCC;
        border: 1px solid #DDDDDD;
}
.link_title {
        background-color: #66BBDD;
        color: #FFFFFF;
        padding: 2px;
}
.link_desc {
        color: #333333;
        padding: 2px;
        background-color: #E5F5F5;
}
.link_desc A {
	color: #333333;
	text-decoration: none;
}
.link_desc A:hover {
	color: #336699;
}

.intro_tbl {
        padding: 0px;
        border: 1px solid #DDDDDD;
}
.intro_title {
        background-color: #AFD65A;
        color: #FFFFFF;
        padding: 2px;
}
.intro_desc {
        color: #333333;
        padding: 2px;
        background-color: #EAF6EC;
}
.intro_desc A {
	color: #333333;
	text-decoration: none;
}
.intro_desc A:hover {
	color: #336699;
}

.preview {
	color: #666666;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.box {
	font-size:10pt;
	color: #000000;
	padding: 2px 2px 2px 16px;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0000FF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0000FF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0000FF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0000FF;
	
	
}

.art_header {
	font-size:10pt;
	color: #000000;
	font-weight: bold;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0000FF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0000FF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0000FF;

}

.art_box {
	font-size: 10px;
	background-color:#FFFFCC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0000FF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0000FF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0000FF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0000FF;
	}

.art_box3
{
	font-size: 10px;
	background-color:#FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border:thin;
	border-color:#CCCCCC;
	}

.art_title2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.art_body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

.art_heading {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
.art_tab {
	color: #FF0000;
	font-weight: bold;
}
.art_link {
	color: #0000FF;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	margin:10px 0 10px 0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0.1em;
	color: #0066CC;
	}

h1 {
font-size: 20px;
color:#727171;
border-bottom: 1px solid #727171;
padding-bottom:10px;
letter-spacing:5px;
font-weight:bold;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
border-bottom: 1px dotted #0066CC;

}

h4 {
font-size: 15px;
color:black;
}

h5 {
font-size: 13px;
color:#FC8108;
}

h6 {
font-size: 14px;
color:#478FFC;
text-align:center;
}

p{
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	text-align:justify;
	line-height: 1.8em;
	letter-spacing:1px;
	color: #666666;
	margin:0;
	padding:0;
	
}
.notes{
margin:0 0 10px 0;
padding:10px;
background: #F3FADA;
border: 1px dotted #ccc;
color:black;
}

.notes p{
color:black;
margin-left:0px;
pedding-left:0px;
}

.notes h1, 
.notes h2,
.notes h3,
.noets h4,
.noets h5,
.noets h6 {
color:#767d5a
}

li{  /* .main-c9 */
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 1.8em;
	letter-spacing:1px;
	color: #666666;
	margin:0;
	padding:0;
	
}
#content {
position: relative;
left:0px;
top:0px;
width:644px; /* total 714px */
background-color:white;
height:390px;
padding: 7px 35px;

}
#contentbody { 
position: relative; 
padding-left: 35px; 
}
.clear_both {
clear:both;
height:1px;
margin:0px;
padding:0px;
}