/*
Project: QMA [Date: 02/02/08]
Project URL: [http://www.domain-name.com]
Language: [EN]
Author:  Syntax digital URL: [http://www.syntaxdigital.com]
Template: qma style template version 1.0
*/

/************************************* standard document settings start *********************************/

/************************************* standard document settings start *********************************/


/************************************* home page structure start *********************************/
#ScenePanel{height:255px; background:rgb(218, 211, 200) url('../../media/images/scene-1.gif') no-repeat 100% 0; padding-top:15px}
#ScenePanel #flash{ width:900px; height:240px; margin: 0 auto; background:rgb(255, 255, 255);}


#mainpanel{background: rgb(239, 235, 228); padding: 15px 30px 15px 30px}
#mainpanel #ImgPanel{width:567px; padding:15px; float:left; background: rgb(160, 159, 148); overflow:hidden; height:215px}
#mainpanel #ImgPanel .imgfrm{width:179px; height:194px; float:left}
#mainpanel #ImgPanel .imgdes{ background: rgb(0, 0, 0); height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); font-size:9px; padding-left:5px}
#mainpanel #NewsPanel{width:290px; height:240px; float:right}
#mainpanel #NewsPanel #newshdr{height:30px; margin-bottom:13px; background: rgb(160, 159, 148)}
#mainpanel #NewsPanel #newshdr span{padding:8px 0px 0px 8px; float:left; color: rgb(255, 255, 255); font-size:18px}
#mainpanel #NewsPanel #newsdes{background: rgb(192, 192, 183); padding:15px 10px 10px 15px}

#newsdes .date{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: rgb(255, 255, 255); float:left}
#newsdes .descrip{ margin-left:10px; float:left; color: rgb(0, 0, 0); width:180px}
#newsdes .descrip a,visited,link{ color: rgb(255, 255, 255); text-decoration:none}
#newsdes .descrip a:hover{ color: rgb(255, 255, 255); text-decoration:underline}

.div_tips {position: absolute; bottom: 10px; left: 5px; background-color: #ffffff; font-size: 11px; line-height: 11px; padding: 5px; width: 200px; display:none ; 	z-index: 200; color: rgb(0, 0, 0); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); opacity: 0.75; font-weight:500; text-align:left}
.div_tips_thumb{width:100px;}
#logo_page {width:179px; height:194px; position: relative; cursor:pointer}

#ScenePanel2{height:238px; background:rgb(214, 214, 214) url('../../media/images/about-bg.jpg') no-repeat 100% 0; padding:15px 0px 18px 30px}
#ScenePanel2 #imgbox{width:248px; height:225px; padding:7px; background: rgb(255, 255, 255)}
#ScenePanel2 #imgbox img{}

#AboutPanel{background: rgb(224, 225, 217) url('../../media/images/AbtPanel.gif') no-repeat; padding: 15px 0px 15px 30px; overflow:hidden}
#AboutPanel #VluHdr{width:277px; height:30px; line-height:30px; background: rgb(243, 243, 241); padding-left:15px; margin-bottom:15px}
#AboutPanel .info{ margin-right:15px; width:292px; float:left; color:#000000}
#AboutPanel .info .AccesHdr{height:30px; line-height:30px; background: rgb(190, 192, 179); padding-left:15px; margin-bottom:7px}
#AboutPanel .info .AccesHdr span{ float:left; padding: 4px 0px 0px 0px; margin-right:7px}
.description{font-size:16px; line-height:18px; padding:0px 15px 0px 15px}

#ScenePanel3{/*height:185px;*/ background: rgb(208, 209, 196) url('../../media/images/MVPanel.gif') no-repeat 0 0; padding:15px 0 15px 30px;}
#ScenePanel3 #Vsn{ width:442px}
#ScenePanel3 #Vsn #VsnHdr{width:138px; height:30px; line-height:30px; background: rgb(243, 243, 241); padding-left:15px; margin-bottom:8px}

#VsnLst{height:100%; overflow:hidden; padding-left:5px}
#VsnLst ul{ list-style:outside}
#VsnLst ul li{ list-style-image: url(../../media/images/vision-ico.gif); line-height:18px; margin:0px 0px 10px 30px}

#ScenePanel4{background: rgb(235, 228, 218) url('../../media/images/MV2Panel.gif') no-repeat 0 0; padding:15px 0 15px 30px}
#ScenePanel4 #Vsn{ width:442px;}
#ScenePanel4 #Vsn #VsnHdr{width:138px; height:30px; line-height:30px; background: rgb(249, 245, 242); padding-left:15px; margin-bottom:8px}

#MsnLst{height:100%; overflow:hidden; padding-left:5px}
#MsnLst ul{ list-style:outside}
#MsnLst ul li{ list-style-image: url(../../media/images/mission-ico.gif); line-height:18px; margin:0px 0px 10px 30px}

.BoardPanel{padding:15px 0 0 30px;}
.BoardPanel .BrdHdr{width:580px; height:30px; line-height:30px; background: rgb(225, 226, 218); padding-left:15px; margin-bottom:17px}
.BoardPanel .sec{width:610px}
.BoardPanel .box{width:290px; height:115px}
.BoardPanel .box .BrdImg{width:86px; height:115px; float:left; background:#E1E2DA}
.BoardPanel .box .BrdDes{width:190px; height:107px; float:right; padding: 8px 0px 0px 10px; position:relative;}
.BrdDes .trutees-pos {bottom:35px;position:absolute;}
.BrdDes a,visit,link{ text-decoration:none; color:#000000}
.grn{background: rgb(208, 209, 196) url('')}
.pnk{background: rgb(235, 228, 218) url('')}
.gry1{background: rgb(191, 192, 179) url('')}
.grn-bg{background: rgb(225, 226, 218)}
.pnk-bg{background: rgb(248, 245, 240)}
.bg1{background: rgb(250, 248, 245)}
.bg2{background: rgb(234, 231, 222)}
.bg3{background: rgb(242, 239, 232)}
.bg4{background: rgb(239, 239, 234)}
.bg5{background: rgb(234, 228, 217)}
.bg6{background: #c8c8c1}
.bg7{background: #e4e4e1}
.bg8{background:#fdfcfb}
.bg9{background:#deded5}

#code_cntnt{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: rgb(0, 0, 0); background: rgb(230, 230, 230)}
#code_cntnt #lft-panel{width:278px; padding: 12px 12px 0 30px; background: rgb(203, 203, 203); font-weight:bold; float:left; }
#code_cntnt .codeHdr{height:30px; line-height:30px; padding-left:15px; margin-bottom:17px; background: rgb(244, 244, 244)}
#code_cntnt .codeHdr2{height:30px; line-height:30px; padding-left:5px; background: rgb(244, 244, 244)}
.codehdr3{ font-size:16px}
#code_cntnt #rght-panel{float:left; padding: 12px 0 0 5px; width:500px; margin-left:10px; margin-bottom:50px; background: rgb(230, 230, 230)}
.code_cntnts{ margin-bottom:15px}
.code_cntnts .head{ font-family:Verdana, Arial, Helvetica, sans-serif}
.code_cntnts ul{margin-left:0px; list-style:none}
.code_cntnts li{padding:0 0 0 15px; margin:12px 0 0 10px; background:url(../../media/images/cur.gif) no-repeat 4px 6px; line-height:20px;}
.code_cntnts ul.sub-ul{margin-left:20px;}

#job_cntnt{color: rgb(230, 230, 230); font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: rgb(0, 0, 0); background: rgb(230, 230, 230)}
#job_cntnt #lft-panel{width:33%; _width:317px; background: rgb(203, 203, 203); float:left;}
#job_cntnt #lft-panel .boxone{ height:112px; background: rgb(178, 178, 168); padding: 12px 12px 0 30px;}
#job_cntnt #lft-panel .boxthree{ float:right; padding-right:10px; margin-top:20px; font-size:18px;}
#job_cntnt #codeHdr{height:30px; line-height:30px; padding-left:15px; margin-bottom:0px; background: rgb(209, 211, 198)}
#job_cntnt #rght-panel{float:left; width:500px}
#job_cntnt #rght-panel .boxtwo{height:124px; background: rgb(209, 211, 198); width:640px}
#job_cntnt #rght-panel .boxfour{padding:20px 0 0 10px; font-size:18px;; width:100%; background: rgb(230, 230, 230)}
.boxfour select, input{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}

.job_field{margin-top:17px}
.job_field2{margin-top:12px}


.job_cntnts{ margin-bottom:15px}
.job_cntnts .head{ font-family:Verdana, Arial, Helvetica, sans-serif}
.job_cntnts ul{ margin-left:0px}
.job_cntnts li{ list-style:none; padding-top: 12px; margin-left:10px;}

#trust_cntnt{color: rgb(230, 230, 230); font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: rgb(0, 0, 0); background: rgb(227, 229, 221); padding-bottom:15px;}
#trust_cntnt #lft-pnl{width:278px; padding: 12px 0 10px 30px; _ padding: 12px 0 10px 0; float:left; background: rgb(209, 211, 198);}
#trust_cntnt #lft-pnl #desbox{width:100%; float:right}
#desbox #trstimg{width:85px; height:115px; float:left}
#desbox #tst_title{background: rgb(227, 229, 221); height:95px; float:right; margin-left:5px; width:167px; padding:10px}
#trust_cntnt #trstHdr{height:30px; line-height:30px; padding-left:15px; margin-bottom:17px; background: rgb(227, 229, 221)}
#trust_cntnt #trstHdr2{height:30px; line-height:30px; padding-left:5px; background: rgb(244, 244, 244)}
#trust_cntnt #rght-pnl{float:left; background:#E3E5DD}
.trust_cntnts{margin-bottom:15px;}
.trust_des{background: rgb(255, 255, 255); margin-top:42px; line-height:18px; padding:20px; width:430px;}
.trust_cntnts .hd{ font-family:Verdana, Arial, Helvetica, sans-serif}
.trust_cntnts ul{ margin:0 0 0 65px; padding:0 10px 0 0; font-weight: bold; list-style:none;}
.trust_cntnts li{padding-top: 20px; /*margin-left:10px; list-style-position: outside; list-style-image: url(../..//media/images/trustee-ico.gif); list-style-type: none;*/ background:url(../..//media/images/trustee-ico.gif) no-repeat left 23px; padding-left:20px}
.trust_cntnts li a.prof{color:#000;}
.trust_cntnts li a.prof:hover{text-decoration:underline;}

#collCntnt{width:960px; height:100%; overflow:hidden;}
#collCntnt #intro-hdr{background:url('../../media/images/collection-bg1.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr1{background:url('../../media/images/collection-bg2.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr2{background:url('../../media/images/collection-bg3.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr3{background:url('../../media/images/collection-bg4.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr4{background:url('../../media/images/collection-bg6.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr5{background:url('../../media/images/collection-bg7.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr6{background:url('../../media/images/collection-bg8.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr7{background:url('../../media/images/collection-bg5.jpg') no-repeat; height:60px}
#collCntnt #intro-hdr8{background:url('../../media/images/collection-bg9.jpg') no-repeat; height:60px}

#collCntnt #intro-bdy{padding:15px 30px 0px 30px; width:auto}
#collCntnt #intro-bdy .clmn{width:290px; float:left}
#collCntnt #intro-bdy .clmn .box{}
#collCntnt #intro-bdy .clmn .box2{ height:100%; overflow:hidden}
#collCntnt #intro-bdy .clmn .box2 .BoxBdy2{background-color:transparent}
#collCntnt #intro-bdy .clmn .box .hdr1{ background: rgb(159, 159, 149); height:30px; line-height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:rgb(255, 255, 255); font-weight:bold}
#collCntnt #intro-bdy .clmn .box .hdr2{ background: rgb(255, 255, 255); height:30px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:rgb(0, 0, 0); padding-left:10px}
.hdr2{ background: rgb(255, 255, 255); height:30px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:rgb(0, 0, 0)}
.hdr1 a{ text-decoration:none; color:#FFFFFF}

#collCntnt #intro-bdy .clmn .box .hdr1 span{ float:left; padding-left:10px}
#collCntnt #intro-bdy .clmn .box .hdr2 span{ float:left; padding-left:10px}
#collCntnt #intro-bdy .clmn .box .BoxBdy{}
.BoxBdy span{padding:15px}
.DescBox{ width:120px}
.DescBox a,link,visited{ text-decoration:none; color: rgb(142, 143, 131); font-style:italic}
a.DescBox { text-decoration:none; color: rgb(142, 143, 131); font-style:italic}
.DescBox a:hover{text-decoration:underline}

#arch_cntnt{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: rgb(0, 0, 0); background: rgb(230, 230, 230); height:100%}
#arch_cntnt #lft-panel{width:278px; padding: 12px 12px 0 30px; background: rgb(200, 200, 193); float:left; height:auto}
#arch_cntnt .archHdr{height:30px; line-height:30px; padding-left:15px; margin-bottom:17px; background: rgb(255, 255, 255); width:120px}
#arch_cntnt .subHdr2{margin-bottom:10px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px}

#arch_cntnt #rght-panel{float:left; padding: 15px 0 0 15px; width:600px; /*margin-left:10px;*/ margin-bottom:50px; background: rgb(230, 230, 230)}
#arch_cntnt #rght-panel .archHdr2{min-height:30px; line-height:30px; padding-left:5px; background: rgb(255, 255, 255); width:290px}
#arch_cntnt #rght-panel .arch_cntnts{ margin:15px 0 15px 0;}
.arch_cntnts .archdes{ width:290px; float:left; line-height:18px; margin-right:15px} 



#fnt_cntnt{color: rgb(230, 230, 230); font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: rgb(0, 0, 0); background: rgb(230, 230, 230)}
#fnt_cntnt #lft-panel{width:278px; padding: 12px 12px 0 30px; background: rgb(222, 222, 213); font-weight:bold; float:left; height:2000px}
#fnt_cntnt #fntHdr{height:30px; line-height:30px; padding-left:15px; margin-bottom:17px; background: rgb(244, 244, 244)}
#code_cntnt #fntHdr2{height:30px; line-height:30px; padding-left:5px; background: rgb(244, 244, 244)}
.codehdr3{ font-size:16px}
#fnt_cntnt #rght-panel{float:left; padding: 12px 0 0 5px; width:600px; margin-left:10px; margin-bottom:50px}
.fnt_cntnts{ margin-bottom:15px}
.fnt_cntnts .head{ font-family:Verdana, Arial, Helvetica, sans-serif}
.fnt_cntnts ul{ margin-left:0px}
.fnt_cntnts li{ list-style:none; padding-top: 12px; margin-left:10px;}



#phtglry{ background: rgb(197, 197, 197)}
#phtglry #photorow{padding:10px; margin-top:15px}
#phtglry #photorow #title{margin-bottom:10px; font-size:16px}
#phtglry #photorow .imgframe{float:left; width:150px; height:188px}
#phtglry #photorow .imgframe img{border: solid 1px rgb(255, 255, 255)}
#phtglry #photorow .imgframe .cur_l{position:absolute; width:18px; height:34px z-index: 900; top: 80px; left:10px;}
#phtglry #photorow .imgframe .cur_r{position:absolute; width:18px; height:34px z-index: 900; top: 80px; left:120px;}
#phtglry #photorow .title{margin:5px 2px 0px 8px; width:150px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}

#news_cntnt{ background: rgb(255, 355, 255)}
#news_cntnt #lft-panel{width:290px; padding: 0 15px 0 30px; background: rgb(209, 211, 198); float:left; height:100%; line-height:18px}

#news_cntnt #main_img{height:225px; width:270px; padding:10px; margin-bottom:14px; background: rgb(255, 255, 255)}
#news_cntnt #lft-panel .ttle{font-weight:bold; margin-bottom:10px}

#news_cntnt #rght-pnl{float:left; padding: 0; width:440px;margin-bottom:20px}
#rght-pnl .news_sec{ padding:15px}
#rght-pnl .news_sec .news_img{ width:120px; float:left; overflow:hidden;}
#rght-pnl .news_sec .news_des{ float:left; margin-left:10px; width:280px}


#news_cntnt2{ background: rgb(255, 355, 255)}
#news_cntnt2 #lft-panel2{width:165px; padding: 0 10px 0 25px; background: rgb(209, 211, 198); float:left; height:100%; line-height:18px; height:800px}

#news_cntnt2 #main_img2{height:117px; width:135px; padding:10px; margin-bottom:14px; background: rgb(255, 255, 255)}
#ftr_news{width:140px; height:30px; line-height:30px; background: rgb(243, 243, 241); padding-left:15px; margin-bottom:8px; font-size:16px}
#news_cntnt2 #lft-panel .ttle{font-weight:bold; margin-bottom:10px}

#news_cntnt2 #rght-pnl2{float:left; padding: 20px 10px 0 0; width:550px; margin-bottom:20px; margin-left:15px}
#rght-pnl2 .news_sec2{ padding:15px}
#rght-pnl2 .news_sec2 .news_img2{ width:120px; height:125px; float:left}
#rght-pnl2 .news_sec2 .news_des2{ float:left; margin-left:10px; width:280px}


.date2{ color: rgb(117, 117, 117); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:10px}
.more2{margin-top:10px; font-style:italic}
.more2 a,link,visited{ color: rgb(0, 0, 0); text-decoration:none;}
.more2 a:hover{color: rgb(0, 0, 0); text-decoration:underline}

.more3{margin-top:10px}
.more3 a,link,visited{ text-decoration:none; color: rgb(142, 143, 131); font-style:italic}
.more3 a:hover{color: rgb(0, 0, 0); text-decoration:underline}



#calendar{width:140px; padding:12px 15px; float:right; }
#calendar .headr{height:30px; line-height:30px; font-size:16px; background: rgb(236, 236, 231)}
#calendar2{width:150px; padding:12px 20px 0 10px; float:right}
#calendar2 .headr2{height:30px; line-height:30px; font-size:16px; background: rgb(236, 236, 231)}

.contact{background:#dadada url(../../media/images/contactus.jpg) no-repeat; padding:15px 30px 0; color:#000000;/*height:358px;*/}
.contact-us{font:normal 12px Georgia, "Times New Roman", Times, serif;}
.contact-us h1, .contact-us p{font:normal 18px Georgia, "Times New Roman", Times, serif; background:#f0f0f0; padding:5px 10px 6px 14px; width:290px; border:1px solid #e5e5e5; margin-bottom:15px; /*opacity:0.75; filter:alpha(opacity=75)*/}
.margl15{margin-left:15px;}
.contact-us p{font-size:12px; line-height:18px;}
.contact-us p a{color:#000; font-weight:bold;}

.trust_cntnts ul.points{list-style:none; font-weight:normal; padding:0; margin:0}
.trust_cntnts ul.points li{list-style:none; list-style-image:none; padding:5px 0}
p.cont{line-height:18px; font-weight:normal}
.margt10{margin-top:13px; line-height:20px;}

table.job{line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
table.job select{font-size:11px;}
table.job td{padding:6px 10px;}
table.job td.padt{padding:15px 10px 0}
table.job td.padbot{padding-bottom:15px;}
/*table.job-fill td{padding:8px 8px 4px;_padding:7px 8px 3px;}
table.job-fill td.morepad{}*/
.btn12{background:url(../../media/images/btn-img.gif) no-repeat; width:84px; height:19px; border:none; font-weight:bold; color:#2e2e2e; line-height:19px}
.btnpic{background:url(../../media/images/btn-pic.gif) no-repeat; width:104px; height:19px;}
.aimes{background:#fff url(../../media/images/aimes.gif) no-repeat 15px 50%; font-size:16px; padding:8px 0 9px 35px;}
ol.aimesol{padding-left:40px;}
ol.aimesol li{padding:10px 0; line-height:20px}
ul.aimesul{list-style:disc; padding:8px 0 20px 34px;}
ul.aimesul li{padding:6px 0 6px 15px;}
ul.aimesul li.aimetit{padding:8px 0; list-style:none; margin-left:-15px}
ul.aboutq{list-style:none; padding:0; margin:0 0 0 20px; font-size:13px;}
ul.aboutq li{margin:35px 0; background:url(../../media/images/aboutq.gif) no-repeat; padding:0 0 0 25px}
ul.aboutq li strong{display:block; margin-bottom:10px;}
ul.aboutq li a{color:#000;}
ul.aboutq li a:hover{text-decoration:underline;}
ul.aboutq ul {
	list-style:none;
}

/***************** Modified here ******************/
.PadColl2 li a.forta, link, visited{color:#000; font-style:normal;}
.restore{width:290px; line-height:18px; margin-right:15px; font-size:12px;}
.restore p, .restore ul, ul.lastli{padding:15px 0;}
.restore ul, ul.lastli{list-style:none;}
.restore ul li,ul.lastli li{background:url(../../media/images/restorback.gif) no-repeat left 4px; padding:0 0 15px 15px;}
.restore ul li.intro{width:290px; line-height:18px; font-size:12px; background:none; padding:0 0 15px 2px; overflow:hidden}
.restore ul li span.mosuqes{float:left; width:290px; display:block}
.arch_cntnts .wdth285{width:285px;}
.wdth285 strong{display:block; margin-bottom:5px;}

/** Added by Kharbat **/

div.PadColl strong a {
	color:#000000;
	font-style:normal;
}

div.calendar {
	margin-top:5px;
}

div.calendar td {
	padding:2px;
}

div.calendar div.highlight {
	font-weight:bold;
}

div.search_item {
	margin-bottom:25px;
}

div.search_item p {
	margin-top:5px;
}

div.error_string, div.success_string {
	padding:15px;
}

div.error_string p {
	margin-bottom:5px;
	color:red;
}

.set_editable {
	line-height:18px;
}

ul.learning-list li {
	padding: 10px 0px;
}