/* CSS Document */
/*Body-------------------------------------------------------------------------------------------------------------*/
body {font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:10pt;background:url(images/bg.png) repeat-x;}
form {margin:0;padding:0;}
input.formButton {}
h1 {}
h2 {color:#0066FF;font:normal bold 1.3em/160% Verdana, Arial, Helvetica, sans-serif;}
h3 {color:#FF6600;font:normal bold 1.1em/120% Verdana, Arial, Helvetica, sans-serif;padding-top:10px;}
h4 {font-size:11pt;color:#666;padding-top:20px;padding-bottom:10px;text-align:center;border-bottom:1px dotted #999;}
h5 {color:#0066cc;font:noraml bold 2em/120% Verdana, Arial, Helvetica, sans-serif;}
img {border:0;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*Table------------------------------------------------------------------------------------------------------------*/
table {width:100%;margin:0;padding:0;border:0;}
th {background:#A5B8C8;color:#fff;vertical-align:middle;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;line-height:160%;
	vertical-align:middle;}
td {margin:0;padding:0;vertical-align:top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#666;list-style-type:square;
	line-height:160%;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*a----------------------------------------------------------------------------------------------------------------*/
a {color:#369;text-decoration:none;font-size:10pt;}
a:hover {text-decoration:none;color:#a0410a;}
a.category {color:#369;text-decoration:none;font-size:10pt;}
a.category:hover {text-decoration:none;background:#f8f8f8;}
a.linkb{color:#0066FF;text-decoration:none;font:normal bold 1.3em/160% Verdana, Arial, Helvetica, sans-serif;}
a.linkb:hover{color:#666;text-decoration:underline;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*ul,li---------------------------------------------------------------------------------------------------------------*/
ul {margin:0;padding:5px 25px;list-style:none;text-align:left;}
li a{display:block;margin:0;padding-left:0;color:#363636;font-weight:normal;font-size:1.em;line-height:200%;letter-spacing:1px;
     text-decoration:none;}
/*li a:hover{text-decoration:none;color:#333;font-weight:bold;line-height:200%;background:#e2e834;}*/
li a:hover{color:#666;}
li a.download {color:#333;text-decoration:none;font-size:10pt;}
li a.download:hover {color:#a0410a;text-decoration:none;font-size:10pt;background:#f8f8f8;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*main---------------------------------------------------------------------------------------------------------------*/
#news{padding:10px 0 10px 25px;}
#news ul{margin:0;padding:5px 25px;list-style-image:url(images/ul_icon.gif);}
#news a.linka{display:block;margin:0;color:#0066CC;font:normal 1em/200% Verdana, Arial, Helvetica, sans-serif;text-decoration:none;
                 background:none;}
#news a.linka:hover{color:#FF9900;}
#news a.linka:visited{color:#0066cc;}
#main_project{padding-bottom:30px;}
.project{width:680px;padding:10px 0 0 20px;}
.project img{display:inline-block;vertical-align:top;}
.project p{float:left;padding:4px;border:1px solid #ddd;background-color:#fff;margin:5px;}
#web_map{padding-top:0;}
#web_about{padding-top:0;}
#web_orp{padding-top:0;}
#web_disable{padding-top:0;}
#web_aaa{padding-top:0px;}
#web_project{padding-top:0px;}
#web_client{padding-top:0px;}
#web_charity{padding-top:0px;}
.client_logo{width:640px;padding:10px 0 0 20px;}
.client_logo img{display:inline-block;vertical-align:top;}
.client_logo p{float:left;padding:4px;border:1px solid #ddd;background-color:#fff;margin:5px;color:#666;
               font:normal 0.8em/150% Verdana, Arial, Helvetica, sans-serif;}
#web_orp div{width:650px;padding:0 20px 5px 20px;}
#web_orp div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#web_disable div{width:650px;padding:5px 20px;}
#web_disable div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#web_aaa div{width:650px;padding:5px 20px;}
#web_aaa div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#web_charity div{width:650px;padding:5px 20px;}
#web_charity div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#web_about div{width:650px;padding:5px 20px;}
#web_about div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#web_project div{width:650px;padding:5px 20px;}
#web_project div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#web_map div{width:650px;padding:5px 20px;}
#web_map div p{color:#555;font:normal 1em/180% Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
#detail .d1{padding-bottom:20px;}
#detail .d1 a{color:#0066cc;font:normal 0.9em/120% Verdana, Arial, Helvetica, sans-serif;border-bottom:1px dotted #0066cc;}
#detail .d1 a:hover{color:#666666;border-bottom:1px dotted #666666;}
#contact{margin-top:30px;}
#contact .c1{color:#FF6600;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;border:1px dashed #999;padding:5px;
             background:url(images/contact_bg.png) repeat-x;} 
#detail_block{margin-top:10px;}
#detail_block .d1{color:#777;font:normal 0.9em/160% Verdana, Arial, Helvetica, sans-serif;border:1px dashed #999;padding:5px;} 
#detail_block .d1 .pointwords3 a{color:#333;font-weight:bold;text-decoration:none;}
#detail_block .d1 .pointwords3 a:hover{color:#0066cc;text-decoration:none;}

.pointwords{color:#0066CC;font-weight:bold;}
.pointwords2{color:#FF0000;font-weight:bold;}
.pointwords3{color:#333;font-weight:bold;font:normal 0.8em/160% Verdana, Arial, Helvetica, sans-serif;}

.point_link a{color:#0066CC;text-decoration:none;border-bottom:1px dotted #0066cc;}
.point_link a:hover{color:#666;border-bottom:1px dotted #666;}

.online{border-bottom:1px dotted #0066cc;}
.online a{color: #339933;text-decoration:none;font:normal bold 1em/160% Verdana, Arial, Helvetica, sans-serif;padding:2px;}
.online a:hover{background:#ff6600;color:#fff;}
.blind a{color:#fff;text-decoration:none;}
.blind a:hover{color:#fff}

#web_orp div .feature{font: italic 1em Georgia, Times, serif;color:#FF6600;}
#web_orp div .feature p{color:#333;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;border-bottom:1px dash #999;}
#web_orp div .feature p .point_link a{color:#0066CC;text-decoration:none;border-bottom:1px dotted #0066cc;}
#web_orp div .feature p .point_link a.linkb:hover{color:#666;border-bottom:1px dotted #666;}
#web_orp div .orplist {margin:0;padding:5px 10px 20px 5px;}
#web_orp div .orplist li{list-style-type:square;color:#777;font:normal 1em/200% Verdana, Arial, Helvetica, sans-serif;}
#web_orp div .orplist li a{display:inline;color:#0066CC;font:normal 1em/200% Verdana, Arial, Helvetica, sans-serif;text-decoration:none;
                           border-bottom:1px dotted #0066cc;}
#web_orp div .orplist li a:hover{color:#777;text-decoration:none;border-bottom:1px dotted #777;}

#feature_block{background:url(images/div_bg.png) repeat-x;margin-top:20px;}

#web_charity div .feature{font: italic 1em Georgia, Times, serif;color:#FF6600;}
#web_charity div .feature p{color:#333;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;border-bottom:1px dash #999;}
#web_charity div .feature li .point_link2 a{color:#0066CC;text-decoration:underline;}
#web_charity div .feature li .point_link2 a:hover{color:#666;}
#web_charity div .feature2{list-style:square inside;color:#666666;font:normal 0.9em/160% Verdana, Arial, Helvetica, sans-serif;}

#web_about div .feature{font: italic 1em Georgia, Times, serif;color:#FF6600;}
#web_about div .feature p{color:#333;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;border-bottom:1px dash #999;}
#web_about div .feature2{list-style:square inside;color:#666666;font:normal 0.9em/160% Verdana, Arial, Helvetica, sans-serif;}
#web_about div .feature3{list-style-type:none;color:#666666;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;list-style-position: inside}
#web_about div .pointwords4{color:#0066cc;font:normal bold 1.1em/160% Verdana, Arial, Helvetica, sans-serif;}
#web_about div .feature li .point_link2 a{text-decoration:underline;color:#0066cc;}
#web_about div .feature li .point_link2 a:hover{text-decoration:underline;color:#FF6600;}
#web_about div .feature3 li .point_link2 a{text-decoration:underline;color:#0066cc;}
#web_about div .feature3 li .point_link2 a:hover{text-decoration:underline;color:#FF6600;}

#web_project div .feature{font: italic 1em Georgia, Times, serif;color:#FF6600;}
#web_project div .feature p{color:#333;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;border-bottom:1px dash #999;}
#web_project div .feature2{list-style:square inside;color:#666666;font:normal 0.9em/160% Verdana, Arial, Helvetica, sans-serif;}

#web_map div .feature{font: italic 1em Georgia, Times, serif;color:#FF6600;}
#web_map div .feature p{color:#333;font:normal 1em/160% Verdana, Arial, Helvetica, sans-serif;border-bottom:1px dash #999;}
#web_map div .feature3{list-style:none inside;color:#666666;font:normal 0.9em/160% Verdana, Arial, Helvetica, sans-serif;padding:0;}
#web_map div .feature3 li a{text-decoration:none;color:#0066cc;}
#web_map div .feature3 li a:hover{text-decoration:none;color:#FF6600;}

.project_img{border:1px solid #999;padding:4px;}

/*-----------------------------------------------------------------------------------------------------------------*/

/*item---------------------------------------------------------------------------------------------------------*/
.item {}
.itemHead {color:#fff;font-weight:bold;text-transform:capitalize;background:#369;height:22px;line-height:21px;padding-left:7px;}
.itemInfo {text-align:right;padding:3px;background:#F4F4F4;}
.itemTitle a {font-weight:bold;color:#fff;}
.itemPoster {font-size:90%;font-style:italic;}
.itemPostDate {font-size:90%;font-style:italic;}
.itemStats {font-size:90%;font-style:italic;}
.itemBody {background:#fff;margin-top:5px;}
.itemText {line-height:1.5em;text-align:justify;padding:0 5px;margin-top:5px 0;}
.itemText:first-letter {font-size:133%;font-weight:bold;}
.itemFoot {text-align:right;padding:3px;background:#F4F4F4;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#header banner---------------------------------------------------------------------------------------------------------*/
td#headerbanner {width:100%;background:#2F5376;vertical-align:middle;text-align:center;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#header bar---------------------------------------------------------------------------------------------------------*/
td#headerbar {border-bottom:1px solid #dddddd;background:url(images/hbar.gif);}
/*-----------------------------------------------------------------------------------------------------------------*/

/*leftcolumn---------------------------------------------------------------------------------------------------------*/
#leftcolumn {background:none;width:190px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#leftcolumn th---------------------------------------------------------------------------------------------------------*/
td#leftcolumn th {vertical-align: middle;}
td#leftcolumn div.blockTitle {background:url(images/nav_header.png) no-repeat;padding-top:0;color:#fff;font-weight:normal;line-height:170%;font-size:1em;text-align:center;margin-top:10px;}
td#leftcolumn div.blockContent {padding:0;line-height:120%;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#centercolumn---------------------------------------------------------------------------------------------------------*/
td#centercolumn {padding:1px 5px 0 5px;width:710px;}
td#centercolumn th {vertical-align:middle;text-align:center;}
#4Pblock{padding-top:0;width:698px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#centerCcolumn---------------------------------------------------------------------------------------------------------*/
td#centerCcolumn {padding:0;}
td#centerCcolumn .blockTitle {padding:3px 0;color:#fff;font-weight:bold;line-height:160%;background:#D9B200;font-size:10pt;text-align:center;
	                          letter-spacing:3px;}
td#centerCcolumn .blockContent {padding:5px;line-height:140%;background:#F7F6E8;border-bottom:1px dotted #fff;font-size:10pt;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#centerLcolumn---------------------------------------------------------------------------------------------------------*/
td#centerLcolumn {width:50%;padding-right:5px;}
td#centerLcolumn .blockTitle {padding:0 3px;font-weight:bold;margin-top:0;line-height:21px;height:22px;background:#F3F3F3;font-size:10pt;
	                          letter-spacing:3px;}
td#centerLcolumn .blockContent {padding:3px;line-height:140%;background:#fff;margin:0;border-bottom:1px dotted #369;font-size:10pt;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#centerRcolumn---------------------------------------------------------------------------------------------------------*/
td#centerRcolumn {width:50%;padding-left:5px;}
td#centerRcolumn .blockTitle {padding:0 3px;font-weight:bold;line-height:21px;height:22px;background:#F3F3F3;font-size:10pt;letter-spacing:3px;}
td#centerRcolumn .blockContent {padding:3px;line-height:140%;background:#fff;margin:0;border-bottom:1px dotted #369;font-size:10pt;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#rightcolumn---------------------------------------------------------------------------------------------------------*/
td#rightcolumn {padding:5px;width:145px;background:#F9F9F9;border-left:1px solid #ccc;}
td#rightcolumn th {vertical-align: middle;}
td#rightcolumn .blockTitle {padding:0 3px;color:#464646;font-weight:bold;line-height:21px;height:22px;}
td#rightcolumn .blockContent {padding:3px;line-height:120%;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#mainmenu---------------------------------------------------------------------------------------------------------*/
td#mainmenu a {background:url(images/nav_bg2.png);display:block;margin:0;padding-left:5px;color:#3D73B6;font-weight:normal;font-size:1em;
               line-height:180%;letter-spacing:0;text-decoration:none;}
td#mainmenu a:hover {text-decoration:none;color:#000;font-weight:normal;letter-spacing:0;background:url(images/nav_hover.png);}
td#mainmenu a.menuTop {background:url(images/nav_header.png);padding-left:10px;color:#3D73B6;}
td#mainmenu a.menuMain {padding-left:11px;}
td#mainmenu a.menuSub {background:url(images/nav_bg3.png);color:#666;padding:5px 10px 5px 18px;line-height:120%;font-size:1em;letter-spacing:1px;}
td#mainmenu a.menuSub:hover {color:#000;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*td#usermenu---------------------------------------------------------------------------------------------------------*/
td#usermenu a {background:url(images/nav_bg2.png);display:block;margin:0;padding-left:15px;font-size:10pt;line-height:180%;color:#777;}
td#usermenu a:hover {background:url(images/nav_hover.png);color:#000;}
td#usermenu a.menuTop {background:url(images/nav_header.png);color:#fff;}
td#usermenu a.highlight {background:#fcc;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*div---------------------------------------------------------------------------------------------------------*/
div#content {text-align:left;width:677px;}
div.errorMsg {background-color:#FFCCCC;text-align:center;border-top:1px solid #DDDDFF;border-left:1px solid #DDDDFF;border-right:1px solid #AAAAAA;   
              border-bottom:1px solid #AAAAAA;font-weight:bold;padding:10px;}
div.confirmMsg {background:#DDFFDF;color:#136C99;text-align:center;border-top:1px solid #DDDDFF;border-left:1px solid #DDDDFF;
                border-right:1px solid #AAAAAA;border-bottom: 1px solid #AAAAAA;font-weight:bold;padding:10px;}
div.resultMsg {background:#ccc;color:#333;text-align:center;border-top:1px solid silver;border-left:1px solid silver;font-weight:bold;
               border-right:1px solid #666;border-bottom:1px solid #666;padding:10px;}
div.xoopsCode {background:#fff;border:1px inset #000080;font-family:"Courier New",Courier,monospace;padding:0 6px 6px 6px;}
div.xoopsQuote {background:#fff;border:1px inset #000080;font-family:"Courier New",Courier,monospace;padding:0 6px 6px 6px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*footerbar---------------------------------------------------------------------------------------------------------*/
#footerbar {text-align:center;font-size:5px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*comTitle text user---------------------------------------------------------------------------------------------------------*/
.comTitle {font-weight:bold;margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px;color:#2F5376;font-weight:bold;border:1px solid silver;background:#fff;margin:2px;padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin:10px 0 0 2px;color:#2F5376;font-weight:bold;font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px;font-weight:bold;}
.comUserRankImg {border:0;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal;font-style:italic;font-size:smaller}
.comDateCaption {font-weight:bold;font-style:normal;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obCenter---------------------------------------------------------------------------------------------------------*/
#obCenter {text-align:center;padding-bottom:20px;margin:0 auto;width:900px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obLayout---------------------------------------------------------------------------------------------------------*/
#obLayout {width:900px;margin:0 auto;padding:0;text-align:left;background:#fff;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obNav---------------------------------------------------------------------------------------------------------*/
#obNav {height:26px;background:url(../%E8%A4%87%E8%A3%BD%E6%96%BCtest1/images/obNav.jpg);margin:0;padding:0;}
#obNav a {color:#fff;text-decoration:none;display:block;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
	      font-variant:small-caps;font-size:11pt;letter-spacing:2px;line-height:26px;}
#obNav a:hover {color:#fc0;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obHead---------------------------------------------------------------------------------------------------------*/
#obHead {height:100px;background:#999;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obR1---------------------------------------------------------------------------------------------------------*/
#obR1 {color:#fff;text-align:right;padding:4px 4px 0;background:#333;border-bottom:1px solid #3E3A2E;}
#obR1 a {color:#ccc;font-weight:normal;padding:2px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obLogin---------------------------------------------------------------------------------------------------------*/
#obLogin {text-align:right;font-size:10px;color:#fff;vertical-align:middle;}
#obLogin input {font-size:10px;background:#464646;border-top:1px solid #3E3A2E;border-right:1px solid #8D8D8D;border-bottom:1px solid #8D8D8D;    
                border-left:1px solid #3E3A2E;color:#fff;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obBlock---------------------------------------------------------------------------------------------------------*/
.obBlock {padding-top:10px;}
.obBlockHead{background:url(images/nav_header.png) no-repeat fixed;}
.obBlockC {padding-right:9px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obFooter---------------------------------------------------------------------------------------------------------*/
#obFooter {font-size:0.9em;line-height:160%;text-align:center;color:#fff;height:60px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obBanner---------------------------------------------------------------------------------------------------------*/
#obBanner {text-align:center;padding:5px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*obSH,LBC,RBC-------------------------------------------------------------------------------------------------------------*/
#obSHT {height:0;}
#obSHL {background:url(images/shl.jpg);width:17px;}
#obSHR {background:url(images/shr.jpg);width:17px;}
#obSHB {background:url(images/shb.jpg);height:23px;}
#obSHLTC {height:23px;width:37px;background:url(images/shltc.jpg);}
#obSHRTC {background:url(images/shrtc.jpg);height:23px;width:37px;}
#obSHLT {background:url(images/shlt.jpg);height:19px;width:17px;}
#obSHRT {background:url(images/shrt.jpg);height:19px;width:17px;}
#obLBC {background:url(images/shlbc.jpg);height:23px;width:17px;}
#obRBC {background:url(images/shrbc.jpg);height:23px;width:17px;}
/*-----------------------------------------------------------------------------------------------------------------*/

/*leftside-------------------------------------------------------------------------------------------------------------*/
#lefthead{width:190px;}
#leftcontent{background:url(images/left_bg.jpg) repeat-y;list-style-type:none;}
#leftfooter{height:35px;}
/*-----------------------------------------------------------------------------------------------------------------*/


div.footer{position:relative;top:15px;}
td.form2{vertical-align:middle;border-style:none;}
td.form3{vertical-align:middle;text-align:right;}
.outer {}
.head {background:#f7f7f7;padding:5px;font-weight:bold;}
.even {padding:5px;background:#F4F4F4;}
tr.even td {padding:5px;background:#F4F4F4;}
.odd {padding:5px;background:#F4F4F4;}
tr.odd td {padding:5px;}
.foot {background:#fff;font-weight:bold;border-bottom: 1px dotted #666;}
.style1 {color:#a0410a;font-weight:bold;}
