@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px }

body{ font-family:Tahoma; background:#1e3c60 url(../Images/Design/BodyBg.gif) repeat-x }

p{ color:#536c85; text-align:justify }

a{ text-decoration:none }

a:hover{ text-decoration:underline }

a:focus{ outline:none }

img{ border:0px; display:block }

/*Main Classes**/

.clear{ clear:both }

.right{ float:right }

.left{ float:left }

.center{ margin:0px auto }

.txtSearch{ float:right; font-size:12px; font-weight:normal; color:#acb1b4; padding-right:2px; width:148px; height:15px; border:#e4e7ec 1px solid }

.blockTitle{ float:right; width:100%; height:28px; overflow:hidden; background:url(../Images/Design/BlockTitleBg.gif) repeat-x }

.blockTitle .blockTitleText{ display:inline; float:right; margin-right:5px }

.pageSearch{ float:left; width:100%; height:20px }

.linkInGallery{ font-family:Arial; font-size:14px; font-weight:bold; color:#42505d }

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("http://www.c6software.com/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("http://www.c6software.com/images/magminus.cur"), pointer;
}

/*****/

/*Design**/

div#mainWrapBorder{ position:relative; margin:0px auto; width:820px; height:auto; /*padding-bottom:5px; border-left:#dee6ec 1px solid; border-right:#dee6ec 1px solid;*/ 
background:#f3f5f7 url(../Images/Design/MainBgWrapBorder.gif) repeat-x }

div#main{ position:relative; margin:0px auto; width:778px; height:auto; border-left:#e6eaef 1px solid; border-right:#e6eaef 1px solid; direction:rtl; background:#FFFFFF url(../Images/Design/MainBg.gif) repeat-x }

div#main #listLink{ float:left; width:778px; height:87px; background:url(../Images/Design/1ListLinkBg.gif) repeat-x }

div#main #listLink .listLinkAction{ float:right; width:92px; height:82px }

div#main #listLink .listLinkAction a{ float:right; width:92px; height:82px; background:url(../Images/Design/111.gif) no-repeat bottom }

div#main #listLink .listLinkAction a:hover{ background:url(../Images/Design/11.gif) no-repeat bottom }

div#main #logo{ position:relative; float:left; width:778px; height:238px; overflow:hidden }

div#main #logo #logoRight{ float:right; width:226px; height:217px; background:url(../Images/Design/2LogoRightBg.gif) repeat-x bottom }

div#main #logo #logoRight #logoFrontLinks{ float:right; width:100%; height:25px; background:url(../Images/Design/LogoFrontLinksBg.gif) repeat-x }

div#main #logo #logoRight #logoFrontLinks a{ float:left; background:#b70000 }

div#main #logo #logoRight #logoFrontLinks a:hover{ background:#254b76}

#lgoSearch{ display:inline; float:right; margin-top:22px; margin-right:5px; width:212px; height:50px; background:url(../Images/Design/2SearchBg.gif) repeat-x }

div#main #logo #logoLeft{ position:relative; float:left; width:552px; height:218px; overflow:hidden; z-index:2 }

div#main #logo #logoUnderLine{ position:absolute; bottom:0px; left:0px; width:100%; height:21px; background:url(../Images/Design/LogoUnderLine.gif) repeat-x }

div#contentsAndLines{ position:relative; width:778px; height:auto; background:url(../Images/Design/RightLines.gif) repeat-y }

div#contentRight{ position:relative; float:right; right:5px; width:223px; height:auto; font-size:11px; color:#536c85 } 

div#contentLeft{ position:relative; float:left; width:540px; height:auto; font-size:11px; color:#536c85; text-align:right } 

/*President Say***/

#presidentSay{ float:left; width:223px; height:auto }

.presidentSayPic{ display:inline; float:right; margin-right:4px; width:215px; height:180px; overflow:hidden }

.presidentSayBorder{ display:inline; float:right; margin-right:4px; margin-top:5px; padding-bottom:20px; width:213px; height:auto; 
background:url(../Images/Design/presidentSayArticleBg.gif) repeat-x; border:#eef2f5 1px solid; border-bottom:#eef2f5 3px solid }

.presidentArticle{ display:inline; float:left; padding-left:3px; margin-top:10px; text-align:justify; line-height:17px; width:205px; height:auto}

.presidentArticle a{color:#536c85; text-decoration:none}

.presidentArticle a:hover{text-decoration:none}

/*End President Say***/



/*Main Menu***/

#mainMenu{ float:left; width:223px; height:auto }

#mainMenu ul{ float:left; width:222px; height:auto }

#mainMenu ul li{ display:inline; float:right; width:100%; height:26px; list-style:none; background:url(../Images/Design/MainMenuLinkBg.gif) repeat-x }

#mainMenu ul li a{ float:right; margin-top:1px; width:194px; height:18px; overflow:hidden; padding-top:5px; padding-right:8px; font-family:Arial; font-size:14px; font-weight:bold; color:#536c85; border-right:#536c85 4px solid }

#mainMenu ul li a:hover{ text-decoration:none; color:#ba2516; border-right:#ba2516 4px solid }

.mainMenuUnderLine{ display:inline; float:left; margin-left:1px; width:221px; height:10px; background:url(../Images/Design/MainMenuUnderLine.gif) no-repeat }

/*End Main Menu***/


/*Gallery Right***/

div#galleryRight{ float:left; margin-top:5px; width:223px; height:auto }

#galleryRightTopBg{ display:inline; float:left; margin-left:1px; width:221px; height:auto; background:url(../Images/Design/GalleryRightBg.gif) repeat-x }

#galleryRightAction{ float:right; display:inline; margin-top:7px; width:218px; height:24px; background:url(../Images/Design/GalleryRightActionBgBottom.gif) repeat-x bottom }

#galleryRightBorder{ position:relative; display:inline; float:right; margin-right:4px; margin-bottom:5px; width:214px; height:auto; border-bottom:#edf1f5 1px solid; border-left:#edf1f5 1px solid; border-right:#edf1f5 1px solid }

/*#galleryRightPicture{ display:inline; float:right; margin-top:10px; padding-right:5px; text-align:justify; width:205px; height:auto } */

#tab_1{float:right; margin-top:10px; padding-right:5px; text-align:justify; width:205px; height:auto}

#tab_2{display:inline; float:right; margin-top:10px; padding-right:5px; text-align:justify; width:206px; height:auto; display:none }

/*#galleryRightVideo{ float:right; width:214px; height:150px; display:none }*/ 

.galleryPic{ float:left; width:200px; height:auto; padding-bottom:2px; border:#dee7ef 2px solid }

.galleryVideoPlayer{ float:left; width:206px; height:172px; padding-bottom:2px; display:inline }

.galleryPic img{ float:left; width:200px; height:100px }

.galleryPicDis{ display:inline; float:right; margin-right:2px; margin-top:5px; padding:0 2px 2px 2px; width:190px; height:auto; line-height:16px; 
border:#e1ecf5 1px solid }

.galleryVideoDis{ float:right; margin-top:3px; width:200px; height:auto; line-height:16px }

.galleryAjax{ float:left; margin-top:10px; width:205px; height:auto }

.galleryAjaxImg{ display:inline; float:right; margin-right:6px; width:60px; height:60px; overflow:hidden }

.galleryAjaxImg img{ float:right; width:58px; height:58px; border:#d9d8d8 1px solid }

/*End Gallery Right***/


/*News Important***/

div#newsImportant{ float:right; width:530px; height:auto; border-right:#e6eaef 1px solid }

div#newsImportantBorder{ float:right; width:529px; height:auto; padding-top:10px; background:#fefeff; border-left:#e6eaef 1px solid }

.newsImpRow_1{ float:right; width:100%; height:auto; padding-bottom:5px; border-bottom:#dde3e9 1px solid; background:url(../Images/Design/NewsImportantRow_1.gif) repeat-x  }

.newsImpRow_2{ float:right; width:100%; height:auto; padding-bottom:5px; border-bottom:#dde3e9 1px solid; background:#f1f4f8 url(../Images/Design/NewsImportantRow_2.gif) repeat-x  }

.newsImpContentRow{ float:left; margin-top:10px; padding-left:5px; width:515px; height:auto }

.newsImpContentRow p{ display:inline; line-height:15px }

.newsImpContentRow img{ display:inline; float:right; margin-left:5px; width:70px; padding:3px 3px 3px 3px; border:#dde3e9 1px solid }

.newsImpContentRow img:hover{ opacity:0.5; }

.newsImpTitle{ float:left; width:423px; height:auto; padding-right:7px; background:url(../Images/Design/Arrow.gif) top right no-repeat }

.newsImpTitle a{ font-family:Arial; font-size:13px; font-weight:bold; color:#000000 }

.newsImpDate{ float:left; width:423px; height:auto; color:#999999 }

/*End News Important***/



/*Archive News***/

div#newsArchive{ float:right; width:530px; margin-top:10px; height:auto; border-right:#e6eaef 1px solid }

div#newsArBorder{ float:right; width:529px; height:auto; padding-top:10px; background:#fefeff; border-left:#e6eaef 1px solid }

div#newsArchive .NewsArRow_1{ float:left; width:100%; height:auto }

div#newsArchive .NewsArRow_2{ float:left; width:100%; height:auto; background:#f8f8f8 }

.newsArContentRow{ float:left; width:520px; height:auto; line-height:16px; padding-right:6px; padding-bottom:10px; background:url(../Images/Design/Arrow2.gif) no-repeat right top  }

div#newsArBorder a{ color:#536c85 }
   
/*End Archive News***/



/*Of Saying Leaders And Achievements 4 President***/

div#ofSayingLeaders{ float:right; width:263px; height:auto; background:#fafcff }

div#AchievementsForPresident{ display:inline; float:right; margin-right:4px; width:263px; height:auto; background:#fafcff }

.blockFront{ float:right; width:263px; height:24px; background:url(../Images/Design/BlockFrontPageBg.gif) repeat-x }

.blockFrontBorder{ float:right; margin-top:1px; width:261px; height:auto; border-left:#e6eaef 1px solid; border-right:#e6eaef 1px solid; border-top:#e6eaef 1px solid }

.blockFrontTextBorders{ display:inline; float:right; margin-right:7px; width:250px; height:275px; background:url(../Images/Design/BlockFrontPageTextBg.gif) repeat-x}

.blockFrontText{ float:right; width:100%; height:47px }

.blockFrontText a{ float:right; width:245px; height:26px; overflow:hidden; margin-top:10px; padding-right:5px; color:#536c85; background:url(../Images/Design/Arrow2.gif) no-repeat top right }

.blockFrontBorBottom{ float:left; width:263px; height:18px; padding-bottom:10px; background:url(../Images/Design/BlockFrontPageBottomBg.gif) repeat-x }

/*End Of Saying Leaders And Achievements 4 President***/



/*Folder Form***/

div.folderForm{ display:inline; float:right; margin-bottom:10px; width:531px; height:auto; padding-bottom:3px; border-right:#e6eaef 1px solid; background:url(../Images/Design/FolderFormBorderBottom.gif) repeat-x bottom }

div.folderBorder{ float:right; width:530px; height:auto; border-left:#e6eaef 1px solid }

.pathForm{ float:right; width:100%; height:31px; background:url(../Images/Design/FolderPathBg.gif) repeat-x }

.pathForm .pathFormText{ float:right; width:500px; height:18px; overflow:hidden; margin-top:5px; padding-right:6px; font-family:Arial; font-size:15px; font-weight:bold;color:#8b3e3c }

.pathForm .pathFormText a{ font-family:Arial; font-size:15px; font-weight:bold;color:#8b3e3c }

.folderRow{ float:right; width:100%; height:auto; padding-bottom:5px; border-bottom:#ffffff 2px solid; background:url(../Images/Design/FolderRowBg.gif) repeat-y }

.folderRowContent{ display:inline; float:right; margin-right:5px; margin-top:2px; padding-right:5px; width:255px; height:auto; background:url(../Images/Design/Arrow2.gif) no-repeat right top }

.folderRow a{ color:#536c85 }

/*End Folder Form***/



/*Article Form***/

div#articleForm{ display:inline; float:right; margin-bottom:10px; width:531px; height:auto; border-right:#e6eaef 1px solid }

#articleBgBorder{ float:right; width:530px; height:auto; padding-bottom:10px; border-left:#e6eaef 1px solid; border-bottom:#e6eaef 1px solid; background:url(../Images/Design/ArticleTextBg.gif) repeat-x }

.articleTitle{ float:left; width:517px; height:auto; padding-right:7px; font-family:Arial; font-size:13px; font-weight:bold; color:#000000; 
background:url(../Images/Design/Arrow.gif) top right no-repeat }

.articleSourceDate{ float:left; margin-top:2px; width:515px; height:auto; color:#999999 }

.articleBody{ display:inline; float:left; margin-top:10px; margin-left:7px; text-align:justify; line-height:17px; width:510px; height:auto; overflow:hidden }

.articleBody img{ position:relative; margin:0px auto; border:#e6eaef 1px solid }

.readMore{ float:left; margin-top:5px; width:518px; height:auto; padding-right:6px; background:url(../Images/Design/Arrow3.gif) no-repeat right top }

.readMore a{ color:#536c85 }

/*End Article Form***/



/*Album Form***/

div.albumForm{ display:inline; float:right; margin-bottom:10px; width:531px; height:auto; border-right:#e6eaef 1px solid }

.albumBorder{ float:right; width:530px; height:auto; padding-bottom:10px; border-bottom:#e6eaef 1px solid; border-left:#e6eaef 1px solid; background:#f6fbff }

.albumFormRow{ float:left; margin-top:10px; width:520px; height:155px }

.albumFrame{ display:inline; float:right; margin-right:10px; width:156px; height:150px; overflow:hidden }

.albumFramePhoto{ float:right; width:156px; height:126px; background:url(../Images/Design/LibraryPhotoBorder.gif) no-repeat }

.albumFramePhoto img{ display:inline; float:left; margin:9px 0px 8px 8px; width:140px; height:110px } 

/*End Album Form***/


/*Send Form***/

div.sendForm{ display:inline; float:right; margin-bottom:10px; width:531px; height:auto; border-right:#e6eaef 1px solid }

.sendBorder{ float:right; width:530px; height:auto; border-bottom:#e6eaef 1px solid; border-left:#e6eaef 1px solid; background:#f6fbff }

.sendCheckBox{ position:relative; float:left; margin-top:10px; padding-bottom:20px; width:525px; height:auto }

.sendCheckBox a{ padding-right:2px; color:#536c85 }

.sendCheckBox a:hover{ color:#ba2516 }

.sendRow{ float:left; margin-top:5px; width:525px; height:auto }

.sendRowText{ float:right; padding-right:6px; width:150px; height:auto; background:url(../Images/Design/Arrow2.gif) no-repeat top right }

.sendRowTextBox{ float:right; width:257px; height:auto }

.cssTextBox{ width:250px; height:15px; background:#FFFFFF; border:#e6eaef 1px solid; padding-right:3px; font-family:Tahoma; font-size:11px; color:#536c85 }

.cssTextArea{ width:252px; height:100px; background:#FFFFFF; border:#e6eaef 1px solid; padding-right:1px; font-family:Tahoma; font-size:11px; color:#536c85 }

.sendBottomBg{ float:left; width:100%; height:31px; margin-top:15px; background:url(../Images/Design/SendBottomBg.gif) repeat-x }

/*End Send Form***/


/*Footer***/
div#footer{ float:left; width:778px; height:32px; font-size:11px; background:url(../Images/Design/FooterBg.gif) repeat-x }

div#footer p{ color:#bfb5b5 }

div#footer p a{ color:#bfb5b5; text-decoration:none }

div#footer p a:hover{ color:#FFFFFF }

div#footer #company{display:inline; float:right; margin-top:17px; margin-right:5px; width:350px; height:15px }

div#footer #copyRight{display:inline; float:left; margin-top:6px; width:300px; height:26px }

/*End Footer***/