﻿/***General***/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; }
input { font-size: 11px; }
select { font-size: 11px; }
.clearthis { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 100%; margin-top: -4px; }
a { color: #CC3300; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }
ul { list-style-image: url(../Images/Bull.gif); }
.desc { font-size: 11px; color: #999999; }
/***End of General***/

/*navMenu*/
.navMenu { border: 1px solid #CFCDC5; font-size: 11px; }
.navMenu ul { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; list-style-type: none; }
.navMenu li { margin: 0px; padding-left: 0px; line-height: 24px; height: 24px; background-image: url(../Images/navMenu_Item.jpg); background-repeat: repeat-x; list-style-image: none; }
.navMenu a { font-weight: bold; color: #000000; text-decoration: none; padding-left: 5px; display: block; width: 135px; }
.navMenu a:hover { background-image: url(../Images/Icon_Arr01.gif); background-position: 132px 50%; background-repeat: no-repeat; text-decoration: none; background-color: #FFFFFF; display: block; width: 136px; border-bottom: 1px solid #CFCDC5; line-height: 23px; }
.navMenu span { /*Selected*/ background-color: #F57B00; border-left: 3px solid #990000; display: block; color: #FFFFFF; font-weight: bold; padding-left: 5px; width: 133px; }
.navMenu_SubItem { background-image: url(../Images/navMenu_SubItem.jpg); background-repeat: repeat-y; background-position: right; background-color: #FFFFFF; border-bottom: 1px solid #CFCDC5; line-height: 23px; }
.navMenu_SubItem a { font-size: 11px; font-weight: normal; }
.navMenu_SubItem a:hover { font-size: 11px; color: #990000; font-weight: bold; background-image: url(../Images/navMenu_SubItem.jpg); background-repeat: repeat-y; background-position: right; background-color: #FFFFFF; border-bottom: none; }
.navMenu_SubItem strong { /*Sub Item Selected - Use <strong>*/ display: block; color: #990000; font-weight: bold; }
.navMenu_SubItem strong a:hover { color: #990000; font-weight: bold; background-image: url(../Images/Icon_Arr01.gif); background-position: 132px 50%; background-repeat: no-repeat; }
/*.navMenu_SubItem strong a:hover{
	background-image:url(../Images/Icon_Arr01.gif);
	background-position:132px 50%;
	background-repeat:no-repeat;
}*/
/*End of navMenu*/
/***Body***/
.body { background-image: url(../Images/BarShadow.jpg); background-repeat: repeat-x; background-position: top; }
/*Left column*/
.leftCol { width: 143px; margin-left: 6px; }
.book { width: 143px; }
.readBox { border: 1px solid #353535; background-color: #D8EDF3; margin-top: 10px; border-bottom: 0px; }
.readBoxTitle { color: #FFFFFF; font-size: 11px; font-weight: bold; padding-left: 5px; line-height: 25px; background-color: #389DC0; }
.readBoxContent { border-bottom: 1px solid #353535; padding: 5px; font-size: 11px; }
.readBoxContent img { margin-top: 5px; }
.survey { border: 1px solid #353535; margin-top: 10px; }
.surveyTitle { color: #FFFFFF; font-size: 11px; font-weight: bold; padding-left: 5px; line-height: 25px; background-color: #BF5937; }
.surveyContent { padding: 5px; background-color: #F2DDD8; }
.adLeft { border: 1px solid #666666; margin-top: 10px; text-align: center; }
/*End of Left column*/
/*Center Column*/
.hotNews { line-height: 37px; height: 37px; margin-left: 7px; font-size: 11px; color: #666666; }
.hotNews a { color: #FF6600; background-image: url(../Images/Icon_Arr02.gif); background-position: left; background-repeat: no-repeat; padding-left: 10px; line-height: 37px; height: 37px; margin-left: 10px; margin-right: 10px; }
.recentNews { background-image: url(../Images/recentNews.jpg); background-repeat: repeat-y; background-position: left; background-color: #FFFFFF; border: 2px solid #999999; width: 420px; float: right; }
.recentNewsLeft { width: 200px; font-size: 11px; padding: 5px; float: left; }
.recentNewsLeft a { color: #CC3300; font-weight: bold; text-decoration: none; font-size: 12px; }
.recentNewsLeft img { border: 1px solid #666666; margin: 2px 3px 0px 0px; }
.recentNewsRight { width: 200px; font-size: 12px; padding: 5px; float: right; }
.recentNewsRight ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; }
.recentNewsRight li { margin-left: 20px; padding-left: 0px; margin-bottom: 4px; }
.topNews { width: 370px; float: left; margin-left: 10px; padding-right: 10px; line-height: 18px; }
.topNewsHeadline { font-size: 20px; font-weight: bold; color: #CC3300; text-decoration: none; }
.topNewsFig { float: left; font-size: 10px; background-color: #E5E5E5; margin: 5px 5px 0px 0px; }
.topNewsFigDesc { font-size: 10px; padding: 3px; color: #666666; float: left; max-width: 170px; width: 164px; line-height: 13px; }
.topNewsFig img { border: 1px solid #666666; }
.topNewsNumber { float: right; width: 20px; margin: 0px 3px 0px 0px; }
.topNewsNumber a { background-image: url(../Images/robac.jpg); background-repeat: no-repeat; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #000000; font-weight: bold; display: block; float: right; margin-bottom: 3px; }
.topNewsNumber a:hover { background-image: url(../Images/robacSelected.jpg); background-repeat: no-repeat; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.backMost { background-image: url(../Images/BackMost.jpg); background-repeat: no-repeat; background-position: left top; margin-left: 5px; padding: 8px 10px 0px 10px; margin-top: 10px; width: 390px; float: left; }
.backMost ul { margin-left: 0px; padding-left: 0px; margin-top: 8px; font-size: 11px; margin-bottom: 0px; }
.backMost li { margin-left: 20px; padding-left: 0px; margin-top: 0px; margin-bottom: 4px; }
.DFISAnnou { border: 2px solid #FFCC33; background-color: #FFFFCC; padding: 5px; float: right; width: 410px; margin-top: 10px; }
.DFISAnnou ul { margin-left: 0px; padding-left: 0px; margin-top: 8px; margin-bottom: 0px; }
.DFISAnnou li { margin-left: 20px; padding-left: 0px; margin-top: 0px; margin-bottom: 4px; }
.DFISAnnou a { color: #0000CC; font-size: 12px; text-decoration: underline; }
.DFISAnnou a:hover { color: #0000CC; font-size: 12px; text-decoration: underline; }
.centerColContent { float: left; margin: 0px 5px 0px 5px; width: 520px; }
.block { float: left; }
.blockTab { line-height: 22px; height: 22px; background-image: url(../Images/BlockTabBack.jpg); background-repeat: repeat-x; background-position: top; border-bottom: 3px solid #21647A; text-transform: uppercase; color: #FFFFFF; font-weight: bold; font-size: 11px; margin-top: 10px; }
.blockTab span { background-image: url(../Images/BlockTabStart.jpg); background-position: left; background-repeat: no-repeat; padding-left: 10px; display: block; }
.blockTab span strong { /*Use <strong> to fill end back tab*/ background-image: url(../Images/BlockTabEnd.jpg); background-position: right; background-repeat: no-repeat; display: block; }
.blockEventCol { width: 47%; float: left; margin: 5px; }
.blockEventContent { }
.blockEventContent a { font-weight: bold; display: block; }
.blockEventContent img { border: 1px solid #666666; margin: 0px 4px 4px 0px; }
.blockEventOther { clear: both; }
.blockEventOther ul { margin: 5px 0px 0px 0px; padding-left: 0px; clear: both; }
.blockEventOther ul a { font-weight: normal; font-size: 11px; line-height: 16px; display: inline; }
.blockEventOther li { margin-left: 30px; padding-left: 0px; }
.centerColContentMost { float: left; margin: 5px 5px 0px 0px; width: 306px; line-height: 18px; }
.centerColContentMost a { font-size: 14px; font-weight: bold; line-height: 20px; }
.centerColContentMost img { border: 1px solid #666666; margin: 0px 4px 4px 0px; }
.centerColContentMost p { margin-top: 5px; margin-bottom: 5px; clear: both; }
.centerColContentRight { float: Right; margin: 10px 0px 0px 0px; width: 209px; }
.centerColContentRightTab { line-height: 23px; height: 23px; background-image: url(../Images/RedBack.jpg); background-repeat: repeat-x; background-position: top; text-transform: uppercase; color: #FFFFFF; font-weight: bold; font-size: 11px; }
.centerColContentRightTab span { background-image: url(../Images/RedStart.jpg); background-position: left; background-repeat: no-repeat; padding-left: 10px; display: block; }
.centerColContentRightTab span strong { /*Use <strong> to fill end back tab*/ background-image: url(../Images/RedEnd.jpg); background-position: right; background-repeat: no-repeat; display: block; }
.centerColContentRightBody { border: 2px solid #333333; font-size: 11px; line-height: 16px; margin-bottom: 10px; }
.centerColContentRightBody a { font-weight: bold; font-size: 11px; }
.centerColContentRightBody img { margin: 0px 3px 5px 0px; border: 1px solid #7B7A7A; }
.centerColContentRightAlt_a { background-color: #E9E9E9; padding: 5px; clear: both; font-size: 12px; }
.centerColContentRightAlt_b { background-color: #FAF9F8; padding: 5px; clear: both; }
.centerColContentRightTab1 { line-height: 23px; height: 23px; background-image: url(../Images/OrangeBack.jpg); background-repeat: repeat-x; background-position: top; text-transform: uppercase; color: #FFFFFF; font-weight: bold; font-size: 11px; }
.centerColContentRightTab1 span { background-image: url(../Images/OrangeStart.jpg); background-position: left; background-repeat: no-repeat; padding-left: 10px; display: block; }
.centerColContentRightTab1 span strong { /*Use <strong> to fill end back tab*/ background-image: url(../Images/OrangeEnd.jpg); background-position: right; background-repeat: no-repeat; display: block; }
.centerColContentRightBody1 { background-color: #FAF9F8; margin-bottom: 10px; border: 1px solid #343434; padding: 5px; }
.centerColContentRightBody1 a { background-image: url(../Images/Bull.gif); background-repeat: no-repeat; background-position: left; padding-left: 10px; margin-right: 5px; clear: both; }
.centerColContentRightTab2 { line-height: 23px; height: 23px; background-image: url(../Images/OrangelightBack.jpg); background-repeat: repeat-x; background-position: top; text-transform: uppercase; color: #FFFFFF; font-weight: bold; font-size: 11px; }
.centerColContentRightTab2 span { background-image: url(../Images/OrangelightStart.jpg); background-position: left; background-repeat: no-repeat; padding-left: 10px; display: block; }
.centerColContentRightTab2 span strong { /*Use <strong> to fill end back tab*/ background-image: url(../Images/OrangelightEnd.jpg); background-position: right; background-repeat: no-repeat; display: block; }
.centerColContentRightBody2 { border: 1px solid #353535; font-size: 12px; line-height: 16px; margin-bottom: 10px; }
.centerColContentRightBody2 a { font-weight: normal; font-size: 12px; }
.centerColContentRightBody2 img { margin: 0px 3px 5px 0px; border: 1px solid #7B7A7A; }
.centerColContentRightAlt_a2 { background-image: url(../Images/Bull.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 5px; padding-left: 15px; clear: both; font-size: 12px; background-color: #E9E9E9; }
.centerColContentRightAlt_b2 { background-color: #FAF9F8; background-image: url(../Images/Bull.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 5px; padding-left: 15px; clear: both; font-size: 12px; }
.centerColContentRightAd { text-align: center; }
.centerColContentRightAd img { border: 1px solid #666666; }
/*End of Center Column*/
/*Right Column*/
.rightCol { background-image: url(../Images/RightColBack.jpg); background-repeat: repeat-y; width: 314px; background-position: left; float: right; margin-top: 10px; }
.rightColTop { background-image: url(../Images/RightColTop.jpg); background-repeat: no-repeat; background-position: top left; line-height: 7px; height: 7px; }
.rightColBottom { background-image: url(../Images/RightColBottom.jpg); background-repeat: no-repeat; background-position: bottom left; line-height: 7px; height: 7px; }
.rightColContent { padding: 0px 5px 0px 5px; width: 304px; }
.rightAd { font-size: 11px; text-align: right; }
.rightAd img { border: 1px solid #666666; margin-bottom: 3px; float: left; margin-left: 3px; }
.box { margin: 0px 0px 5px 0px; }
.boxTab { background-image: url(../Images/TabBack.jpg); background-repeat: no-repeat; line-height: 25px; height: 25px; width: 295px; padding-left: 10px; margin-top: 5px; }
.boxTabItem { background-image: url(../Images/boxTabItem.jpg); background-repeat: repeat-x; line-height: 25px; border-right: 1px solid #999999; border-left: 1px solid #FFFFFF; padding: 0px 8px 0px 8px; float: left; }
.boxTabItem a { color: #000000; text-decoration: none; }
.boxTabItem a:hover { color: #000000; text-decoration: none; }
.boxTabItemSelected { background-image: url(../Images/boxTabItemSelected.jpg); background-repeat: repeat-x; line-height: 25px; border-right: 1px solid #999999; padding: 0px 8px 0px 8px; float: left; font-weight: bold; }
.boxTabItemSelected a { color: #000000; text-decoration: none; }
.boxTabItemSelected a:hover { color: #000000; text-decoration: none; }
.boxContent { border: 2px solid #999999; border-top: 0px; background-image: url(../Images/boxContentBack.jpg); background-repeat: repeat-x; background-position: top; background-color: #FFFFFF; padding: 5px 5px 0px 5px; width: 290px; }
.boxContent a { font-weight: bold; margin-bottom: -10px; line-height: 20px; clear: both; display: block; }
.boxContent ul { margin: 5px 0px 0px 0px; padding-left: 0px; clear: both; }
.boxContent ul a { font-weight: normal; font-size: 11px; line-height: 16px; display: inline; }
.boxContent li { margin-left: 20px; padding-left: 0px; }
.boxContent img { border: 1px solid #666666; margin: 0px 4px 4px 0px; }
.boxFooter { background-image: url(../Images/Dot_Horizon.jpg); background-position: top; background-repeat: repeat-x; padding: 0px 5px -3px 5px; line-height: 23px; text-align: right; font-size: 11px; margin: 5px -10px 0px -5px; text-align: right; width: 278px; clear: both; height: 20px; }
.boxFooter a { background-image: url(../Images/Icon_Arr03.gif); background-repeat: no-repeat; background-position: 81% 50%; padding-left: 12px; font-weight: normal; display: block; text-align: right; width: 100%; padding-right: 10px; }
.boxFooter a:hover { background-color: #EAF0F2; }
/*End of Right Column*/
/***Category page***/
.centerColCat { float: left; margin: 5px 5px 0px 5px; width: 520px; }
.centerColCat p { clear: left; margin: 10px 0px 10px 0px; display: block; line-height: 18px; }
.centerColCat p a { font-weight: bold; font-size: 13px; }
.centerColCat img { margin: 0px 5px 5px 0px; border: 1px solid #666666; }
.otherNewslist { padding: 5px; margin-top: 5px; }
.otherNewslist ul { font-size: 11px; }
.otherNewslist li { margin-bottom: 5px; margin-top: 5px; }
.otherNewslist span { margin-left: 5px; color: #666666; }
/***End of Category page***/
/***Details page***/
.detailsContent { float: left; margin: 5px 5px 0px 5px; width: 520px; }
.headline { font-weight: bold; font-size: 22px; color: #000000; display: block; clear: both; }
.detailsSap { margin-left: 0px; padding-right: 5px; line-height: 18px; font-weight: bold; }
.detailsFig { float: left; font-size: 10px; background-color: #E5E5E5; margin: 5px 5px 0px 0px; }
.detailsFigDesc { font-size: 10px; padding: 3px; color: #666666; float: left; max-width: 170px; width: 164px; line-height: 13px; }
.detailsFig img { border: 1px solid #666666; }
.detailsArticle { line-height: 18px; margin-top: 10px; text-indent: 10px; }
.author { text-align: right; clear: both; font-weight: bold; font-size: 12px; padding-right: 5px; margin-bottom: 5px; }
.utility { font-size: 11px; margin-bottom: 10px; }
.utility a { color: #000000; text-decoration: none; }
.utility img { margin: 0px 3px 0px 3px; }
.path { font-size: 11px; padding: 0px 5px 0px 5px; color: #333333; margin: 10px 0px 10px 0px; }
.path a { color: #0066CC; text-decoration: none; }
.path a:hover { text-decoration: underline; }
.relateBox { background-image: url(../Images/relateBack.jpg); background-repeat: repeat-x; background-position: bottom; border: 1px solid #CCCCCC; padding: 5px; }
.relateBox span { color: #666666; }
.relateBox li { margin-bottom: 5px; }
.relateBox ul { margin-bottom: 5px; margin-top: 5px; }
/***End of Details page***/
/**page View**/
.pageView { background-image: url(../Images/pageBack.jpg); line-height: 28px; height: 28px; background-repeat: repeat-x; padding: 0px 5px 0px 5px; text-align: center; clear: both; }
.pageView a { padding: 3px 5px 3px 5px; }
.pageView a:hover { background-color: #666666; color: #FFFFFF; text-decoration: none; border: 1px solid #666666; padding: 3px 5px 3px 5px; font-size: 11px; }
.pageViewPrevNext { border: 1px solid #666666; padding: 3px 5px 3px 5px; font-size: 11px; color: #000000; background-color: #FFFFFF; }
.pageViewSelected { background-color: #666666; color: #FFFFFF; text-decoration: none; border: 1px solid #666666; padding: 3px 5px 3px 5px; font-size: 11px; margin: 0px 3px 0px 3px; }
.pageViewReturn { border: 1px solid #666666; padding: 3px 5px 3px 5px; font-size: 11px; color: #000000; background-color: #F7F0EA; }
/**End of page View**/
/***End of Body***/

/*** About us page ***/
.AboutUsTitle { background-image: url(../Images/BackMost2.jpg); background-repeat: repeat-x; line-height: 27px; font-size: 20px; font-weight: bold; color: #CC3300; padding-left: 10px; padding-top: 10px; margin-bottom: 10px; }
.AboutUsTitle1 { line-height: 27px; font-size: 20px; font-weight: bold; color: #CC3300; padding-left: 10px; padding-top: 10px; margin-bottom: 10px; }
.AboutUsImages { margin-left: 5px; margin-bottom: 5px; float: right; }
.AboutUsDe { font-size: 11px; font-weight: bold; color: #666666; margin-left: 10px; }
.AboutUsContentTitle { font-weight: bold; color: #BF5937; line-height: 20px; background-color: #FBDCBD; margin-top: 5px; margin-bottom: 5px; padding-left: 10px; }
.AboutUsContentTitle2 { font-weight: bold; color: #003366; padding-left: 10px; line-height: 18px; }
.AboutUs_Table { padding: 5px; margin: 5px; }
.PageLink { color: #000; font-weight: bold; font-size: 12px; }
.PageLink a { color: #990000; font-weight: bold; font-size: 12px; text-decoration: none; }
.PageLink a:hover { color: #FFCC00; font-weight: bold; font-size: 12px; text-decoration: none; }
.BoderImage { padding: 3px; border: #666 solid 1px; margin: 10px; }
.Backtotop{ float:right;}