/* ### general ### */ * { padding: 0px; margin: 0px; } html, body { font-family: Arial; font-size: 12px; color: #000; } input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; } body { background: antiquewhite;} img { border: 0px; display: block; } a, input { outline: none; } a {color:#317bc7; text-decoration:none;} a:hover{color:#434343;} .gradepay{color:#090;} /* ### global classes ### */ .clear { clear: both; height: 0px; overflow: hidden; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url(../images/wrapper-bg.png) center top repeat-x; } table, td, tr {padding:4px; } /* ### main container ### */ #mainCntr { margin: 0 auto; width: 980px; overflow: hidden;margin-bottom: -35px; } #contentWrapper { margin: 0 auto; margin-top:10px; background:url(../../images/partition_bg.jpg) repeat-y; overflow:hidden; margin-bottom: 22px; } #iFrameWrapper { margin: 0 auto; margin-top:10px; background: #fff; overflow:hidden; } /* ### header container ### */ #headerCntr { z-index: 100; position: relative; width: 980px; height: 263px; } #headerCntr h1 { position: absolute; top:-9px; left: 10px; padding-left:23px; } #headerCntr h1 a { display: block; width: 904px; height: 182px; text-indent: -9999px; background:url(../images/urdu.png) no-repeat;margin-top: 10px; } #headerCntr h2 { position: absolute; top: 152px; left: 0px; font-size: 24px; width: 100%; color: #c82e54; font-weight: normal; text-align: center; } #headerCntr h3 { position: absolute; top: 180px; left: 0px; color: #000; font-size: 14px; width: 100%; line-height: 17px; font-weight: normal; text-align: center; } /* ### menu box ### */ .menuBox { padding: 1px 1px 2px 1px; position: absolute; top: 165px; left: 10px; width: 950px; background: url(../images/menu-bg.png) left top no-repeat; } .menuBox ul { float: left; list-style: none; } .menuBox li { float: left; line-height: 49px; position: relative; } .menuBox li a { padding: 0px 15px; display: block; line-height: 49px; font-size: 16px; color: #010101; text-decoration: none; } /* .menuBox li a span { padding-right: 12px; display: block; line-height: 49px; } */ .menuBox li a:hover, .menuBox li.selected a, .menuBox li:hover a { color: #393939; } .menuBox li a:hover, .menuBox li.selected, .menuBox li a:hover{color:#317BC7; } .menuBox li .top { padding-top: 10px; display: none; position: absolute; left: -2px; top: 49px; width: 250px; background: url(../images/submenu_top.png) left top no-repeat; } .menuBox li .bottom { padding-bottom:10px; width: 250px; float: left; background: url(../images/submenu_bottom.png) left bottom no-repeat} .menuBox li ul { padding: 4px 6px 15px 6px; width: 238px; float: left; background: url(../images/submenu_mid.png) left top repeat-y; } .menuBox li:hover .top { display: block; } .menuBox li li { padding: 4px 10px; width: 218px; border-bottom: #c4c3c8 dashed 1px; } .menuBox li li:hover { background: #bdd4ec; } .menuBox li li a { padding-left: 0; color: #39383d; font-size: 12px; line-height: 18px; } .menuBox li ul a:hover { background: none; } .menuBox li:hover li a { color: #000; background: none; } .menuBox fieldset { padding: 11px 5px 0px 0px; overflow: hidden; float: right; border: 0px; } .menuBox input.field { padding: 0 10px; width: 135px; float: left; height: 33px; border: 0px; background: url(../images/field-bg.png) no-repeat; } .menuBox input.button { height: 33px; float: left; width: 33px; border: 0px; background: url(../images/submit.png) no-repeat; } /* ### slider container ### */ #sliderCntr { padding: 0px 27px 5px 22px; margin:0px; overflow: hidden; position: relative; z-index: 10; float: left; width: 928px; height:393px;; background: url(../images/slider_bg.png) left center no-repeat; background-repeat: no-repeat; background-size: 975px 419px;} /* ### online box ### */ .onlineBox { padding: 8px 15px 0 0; width: 253px; float: left; } .onlineBox ul { list-style: none; float: right; } .onlineBox li { padding:8px 0 0 33px; position:relative; margin-bottom: 11px; width: 200px; height: 67px; float: right; background: url(../images/slider-bg1.png) no-repeat; } .onlineBox h2 a{ padding-bottom:1px; display:block; font-size:18px; color:#393939; font-weight:normal; text-decoration:none; } .onlineBox h2 a:hover { color:#317bc7; } .onlineBox p { font-size:12px; line-height:18px; color:#757575; } .onlineBox p a{ color:#317bc7; font-weight:bold; text-decoration:none; } .onlineBox p a:hover { color: #393939; } .onlineBox li.gap { padding:8px 0 0 33px; margin-bottom: 16px; } .onlineBox .bg1{ position:absolute; top:16px; left:-21px; } /* ### slider box ### */ .sliderBox { padding-top: 7px; width: 662px; position: relative; float: left; overflow: hidden; } .sliderBox .heading { padding: 0px 0px 0px 12px; position: absolute; width: 650px; bottom: 0px; left: 0px; height: 72px; background: url(../images/slider-heading.png) repeat-x; } .sliderBox .heading .left { float: left; } .sliderBox .heading .right { padding: 30px 9px 0px 0px; float: right; } .sliderBox h2 { padding: 5px 0px 6px 0px; font-size: 24px; color: #317bc7; font-weight: normal; } .sliderBox p { font-size: 14px; color: #000000; font-weight: bold; } .sliderBox a.more { padding-left: 11px; color: #fff; margin-top: 4px; line-height: 25px; float: left; display: block; background: url(../images/web-more_left.gif) left top no-repeat; } .sliderBox a.more span { padding-right: 33px; display: block; float: left; background: url(../images/web-more_right.gif) right center no-repeat; } /* ### content container ### */ #contentCntr { padding: 0 28px 0 10px; z-index: 10; position: relative; overflow: hidden; width: 952px; margin-bottom:15px; } #contentCntr h2.council { margin: 0 0 0 1px; padding: 0 9px; width: 933px; color: #59595a; font-size: 22px; font-weight: normal; line-height: 36px; background: url(../../images/center_heading.png) left top repeat-x; border-radius:4px; -moz-border-radius:4px; } /* ### np container ### */ #npCntr { margin: -36px 0 0px 14px; margin-bottom: 12px; z-index: 10; position: relative; overflow: hidden; width: 946px; border-bottom: #d2d0d9 solid 1px; } #npCntr ul { width: 100%; overflow: hidden; padding-bottom: 8px; } #npCntr li { padding: 0 23px 0 12px; float: left; color: #434343; font-size: 11px; list-style: none; background: url(../images/np-sep.png) right center no-repeat; } #npCntr li a { color: #317bc7; text-decoration: none; } #npCntr li a:hover { text-decoration: underline; } #npCntr li.none { background: none; } /* ### left container ### */ #leftCntr { margin:0 0 0 10px; padding:10px 0 10px 0; float: left; width: 264px; border-radius:4px; -moz-border-radius:4px; min-height:435px;} /* ### nav box ### */ .navBox { padding-top: 8px; margin-bottom: 16px; width: 100%; overflow: hidden; background: url(../../images/left_top.png) left top no-repeat; } .navBox .bottom { padding-bottom: 7px; width: 100%; float: left; background: url(../../images/left_bottom.png) left bottom no-repeat; } .navBox .mid { padding: 0 1px; width: 262px; float: left; background: url(../images/left_mid.png) left top repeat-y; } .navBox .text { padding-bottom: 4px; width: 262px; overflow: hidden; float: left; float: left; margin: -7px 0 0px 0; } .navBox .text { padding-bottom: 4px; width: 262px; overflow: hidden; float: left; float: left; margin: -7px 0 0px 0; } .navBox li ul { padding: 7px 0 18px 15px; width: 235px; overflow: hidden; } .navBox li li { list-style: none; color: #000; font-size: 12px; border-bottom: #c4c3c8 dashed 1px; line-height: 32px; } .navBox li li a { color: #000; text-decoration: none; } .navBox li li a:hover { color: #317bc7; } .navBox ul.menu, .navBox ul.menu ul { padding: 0; margin: 0; list-style-type: none; width: 100%; } .navBox ul.menu a { display: block; padding-left: 14px; margin-bottom: 3px; font-size: 14px; color: #000; font-weight: normal; line-height: 40px; text-decoration: none; background: #d2d0d9 url(../images/nav_top_nonactive.png) left top no-repeat; } .navBox ul.menu li a:hover, .navBox ul.menu li.selected a { background: #bdd4ec url(../images/nav_top_active.png) left top no-repeat; } .navBox ul.menu li:hover li a:hover { background: none; } .navBox ul.menu li { width:267px; line-height: 40px; font-size: 14px; } .navBox ul.menu li.last { margin: 0; background: none; } .navBox ul.menu li a, .navBox ul.menu ul.menu li a { padding-left: 14px; display: block; text-decoration: none; margin-bottom: 3px; color: #000; background: #d2d0d9 url(../images/nav_top_nonactive.png) left top no-repeat; } .navBox ul.menu li ul li,.navBox ul.menu ul.menu li ul li { list-style: none; color: #000; font-size: 12px; border-bottom: #c4c3c8 dashed 1px; line-height: 32px; } .navBox ul.menu li ul li a,.navBox ul.menu ul.menu li ul li a { list-style: none; color: #000; font-size: 12px;line-height: 32px; background: none; } .navBox ul.menu li ul li a:hover, .navBox ul.menu li ul li.selected a { background: none!important; color:#317BC7; } .navBox ul.menu a,.navBox ul.menu ul.menu li a { background: url('../images/arrow3.png') 190px -30px no-repeat; color:#317BC7; } .navBox ul.menu a.active,.navBox ul.menu ul.menu li a.active { background: #bdd4ec url(../images/nav_top_active.png) left top no-repeat; color:#317BC7; } .navBox ul.menu a.active:hover,.navBox ul.menu ul.menu li a.active:hover {background: #bdd4ec url(../images/nav_top_active.png) left top no-repeat; text-decoration:none; } /* ### publication box ### */ .publicationbox { padding-top: 7px; margin-bottom: 17px; width: 100%; overflow: hidden; background: url(../images/publication_top.png) left top no-repeat; } .publicationbox .bottom { padding-bottom: 6px; width: 100%; float: left; background: url(../images/publication_bottom.png) left bottom no-repeat; } .publicationbox .mid { padding: 0 1px; width: 262px; float: left; background: url(../images/publication_mid.png) left top repeat-y; } .publicationbox .text { padding: 3px 14px 13px 14px; width: 234px; float: left; background: url(../images/publication_text.png) left top repeat-x; } .publicationbox h2 { font-size: 16px; color: #000; font-weight: normal; } .publicationbox ul { padding-top: 5px; width: 235px; overflow: hidden; } .publicationbox li { padding-left: 31px; font-weight: bold; color: #317bc7; font-size: 12px; list-style: none; border-bottom: #c4c3c8 dashed 1px; line-height: 40px; background: url(../images/important-sep.gif) left center no-repeat; } .publicationbox li a { color: #317bc7; text-decoration: none; } .publicationbox li a:hover { color: #000;} /* ### inquiry box ### */ .inquiryBox { padding-top: 7px; margin-bottom: 17px; width: 100%; overflow: hidden; background: url(../images/inquiryBox_top.png) left top no-repeat; } .inquiryBox .bottom { padding-bottom: 7px; width: 100%; float: left; background: url(../images/inquiryBox_bottom.png) left bottom no-repeat; } .inquiryBox .mid { padding: 0 1px; width: 262px; float: left; background: url(../images/inquiryBox-mid.png) left top repeat-y; } .inquiryBox .text { padding: 2px 4px 4px 10px; width: 248px; float: left; background: url(../images/inquiryBox-text.png) left top repeat-x; } .inquiryBox h2 { font-size: 21px; color: #000; font-weight: normal; } .inquiryBox form { padding-top: 9px; overflow: hidden; border: 0px; } .inquiryBox p { padding-bottom: 10px; width: 100%; float: left; } .inquiryBox label { width: 100%; float: left; font-size: 12px; color: #454545; font-weight: bold; line-height: 20px; } .inquiryBox input.text1 { padding: 4px 5px; width: 238px; height: 23px; line-height: 23px; border: 0px; background: url(../images/form-field.gif) no-repeat; } .inquiryBox textarea { padding: 5px; resize: none; width: 238px; height: 67px; border: 0px; background: url(../images/texteara.gif) no-repeat; } .inquiryBox input.submit { cursor: pointer; width: 72px; height: 25px; border: 0; color: #fff; font-size: 14px; background: url(../images/form-button.jpg) no-repeat; } /* ### center container ### */ #centerCntr { float: left; width: 100%; } #left { width: 475px; float: left; } #right { float: right; width: 470px; } /* ### info box ### */ .infoBox { padding-bottom: 12px; width: 100%; overflow: hidden; } .infoBox ul { width: 100%; overflow: hidden; } .infoBox li { padding-right: 10px; text-align: center; list-style: none; float: left; width: 149px;} .infoBox h2 { font-size: 14px; color: #317bc7; } .infoBox .images { padding: 4px; margin-bottom: 10px; height: 171px; background: url(../images/info-li-bg.png) left top no-repeat ; } .infoBox li.none { padding-right: 0; } .infoBox p { color: #363636; font-size: 14spx; font-family: 'Times New Roman'; } /* ### activities box ### */ .activitiesBox { width: 100%; overflow: hidden; } .activitiesBox .activities { padding: 16px 9px 1px 9px; margin: 0 12px 24px 0; float: left; width: 211px; height: 202px; background: url(../images/activities-bg.gif) left top no-repeat; } .activitiesBox .activities.none { margin-right: 0; } .activitiesBox .activities.last { margin-bottom: 33px; } .activitiesBox h2 { padding-left: 49px; color: #000; font-size: 14px; min-height: 39px; line-height: 20px; font-weight: normal; background: url(../images/activities-arrow.gif) left 2px no-repeat; } .activitiesBox h2.heading { line-height: 38px; } .activitiesBox ul { padding: 10px 0 0 5px; width: 206px; overflow: hidden; } .activitiesBox li { padding-left: 17px; margin: 16px 0 10px 0; list-style: none; font-size: 12px; color: #000; line-height: 17px; background: url(../images/activities-bullet.gif) left 4px no-repeat; } .activitiesBox a { color: #000; text-decoration: none; } .activitiesBox a:hover { color: #317bc7; } /* ### web box ### */ .webBox { margin-left: 1px; width: 467px; float: left; background: url(../images/web-mid.gif) left top repeat-y; } .webBox .top { width: 467px; float: left; background: url(../images/web-top.gif) left top no-repeat; } .webBox .bottom { padding: 7px 18px 6px 11px; overflow: hidden; background: url(../images/web-bottom.gif) left bottom no-repeat; } .webBox h2 { padding-bottom: 10px; color: #000; font-size: 22px; font-weight: normal; } .webBox .images { padding: 5px 6px 6px 6px; margin: 0 10px 5px 0; float: left; display: block; background: url(../images/web_images.gif) left top no-repeat; } .webBox p a { text-decoration: none; color: #317bc7; } .webBox a:hover { text-decoration: underline;} .webBox p { padding-bottom: 0px;font-size: 12px; line-height: 17px; color: #000; } .webBox a.more { padding-left: 11px; color: #fff; margin-top: 4px; line-height: 25px; float: left; display: block; background: url(../images/web-more_left.gif) left top no-repeat; } .webBox a.more span { padding-right: 33px; display: block; float: left; background: url(../images/web-more_right.gif) right center no-repeat; } /* ### important box ### */ .importantBox { padding: 10px; background:#fff; overflow:hidden; border-radius:4px; -moz-border-radius:4px; } .importantBox h2 { padding-bottom: 15px; font-size: 18px; color: #000; font-weight: bold; font-family: Arial; color:#F00; } .importantBox ul { list-style: none; } .importantBox li { padding-bottom: 0px; float: left; width:auto; margin-right: 33px; } .importantBox li a { padding-left: 29px; display: block; line-height: 22px; font-size: 12px; color: #317bc7; text-decoration: none; background: url(../images/important-sep.png) left no-repeat; } .importantBox li a:hover { color: #393939; } .importantBox li.last { width: 150px; } /* ### right container ### */ #rightCntr { padding:0px; float: right; width: 672px; } /* ### detail box ### */ .detailBox { padding:0px; width: 672px; overflow: hidden; } .detailBox .bottom { padding-bottom: 12px; width: 672px; float: left; overflow: hidden; } .detailBox .mid { padding: 10px 20px 0 20px; width: 635px; min-height:346px; float: left; } .detailBox h3 { padding-bottom: 6px; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; line-height: 18px; color: #59595a; border-bottom: #dfdee1 solid 1px; } .detailBox h4 { padding-bottom: 15px; font-size: 12px; line-height: 18px; color: #000; } .detailBox h5 { padding-bottom: 5px; font-size: 14px; line-height: 18px; color: #c62f52; font-weight:bold; } .detailBox p { padding-bottom: 19px; color: #000; font-size: 12px; line-height: 18px; } .detailBox ul { width: 100%; overflow: hidden; margin:0 0 0 10px; } .detailBox li { padding: 0px 0px 18px 11px; color: #000; line-height: 18px; background: url(../images/image-sep.png) left 7px no-repeat;z` } .detailBox .imageRt{float:right; width:auto; padding:0 0 10px 10px; display:block; overflow:hidden; } .detailBox .imageLt{float: left; width:auto; padding: 0 10px 10px 0;} /* ### Member Section ### */ .membersection { border:1px solid #d8d8d9; padding:10px; margin:0 0 10px 0; overflow: hidden; } .memberpic { width: 205px; height: 213px; float:left; margin-right:15px; overflow:hidden;} .memberdetail {float:left; width:350px; margin-left:5px;} .membersection h2 { padding-bottom: 5px; line-height: 18px; font-size: 16px; color: #d91344; } .membersection span { font-weight:bold;} .membersection address { padding-top: 8px; line-height: 18px; font-style:normal;} .membersection:hover{ background:#f3f5f8;} /* ### gallery container ### */ #galleryCntr { overflow: hidden; width: 100%; border-bottom: 1px solid #d9dfe7; min-height: 354px; background: url(../images/galler-bg.jpg) repeat-x; } #galleryCntr .gallerycenter { padding: 18px 30px 0px 20px; width: 930px; margin: 0 auto; overflow: hidden; } /* ### recent box ### */ .recentBox { padding-right: 60px; width: 269px; float: left; } .headingmain { font-size: 21px; color: #000; line-height: 20px; font-weight: normal; } .recentBox ul { padding-top: 4px; overflow: hidden; list-style: none; } .recentBox li { padding: 7px 0px 8px 0px; float: left; border-bottom: 1px solid #b3bbc2; } .recentBox li.last { padding-bottom: 0px; border: 0; } .recentBox .left { padding: 2px 0px 0px 2px; float: left; width: 68px; } .recentBox .right { float: right; width: 195px; float: right; margin-right: -13px; } .recentBox img { border-top: 4px solid #fff; border-left: 4px solid #fff; border-bottom: 4px solid #fff; border-right: 3px solid #fff; } .recentBox h2 a { display: block; text-decoration: none; font-size: 12px; line-height: 16px; color: #000; } .recentBox p { font-size: 12px; color: #585757; line-height: 16px; } /* ### gallery box ### */ .galleryBox { width: 326px; float: left; overflow: hidden; } .galleryBox ul { padding-top: 15px; list-style: none; } .galleryBox li { padding-top: 4px; width: 80px; margin: 0px 21px 11px 0px; height: 59px; background: #fff; border: 1px solid #808889; float: left; } .galleryBox li img { margin: 0 auto; border: 1px solid #dbdbdb; } a.more { padding-left: 11px; color: #fff; margin-top: 4px; line-height: 25px; float: left; display: block; background: url(../images/web-more_left.gif) left top no-repeat; } a.more span { padding-right: 33px; display: block; float: left; background: url(../images/web-more_right.gif) right center no-repeat; } /* ### form box ### */ .formBox { width: 248px; float: right; overflow: hidden; line-height:18px; } .formBox fieldset { padding-top: 13px; overflow: hidden; border: 0px; } .formBox p { padding-bottom: 10px; width: 100%; float: left; } .formBox label { width: 100%; float: left; font-size: 12px; color: #454545; font-weight: bold; line-height: 20px; } .formBox input.field { padding: 4px 5px; width: 238px; height: 23px; line-height: 23px; border: 0px; background: url(../images/form-field.gif) no-repeat; } .formBox textarea { padding: 5px; resize: none; width: 238px; height: 67px; border: 0px; background: url(../images/texteara.gif) no-repeat; } .formBox input.button { cursor: pointer; width: 72px; height: 25px; border: 0; color: #fff; font-size: 14px; background: url(../images/form-button.jpg) no-repeat; } .newsticker{ border-radius:4px; -moz-border-radius:4px; margin: -39px 0px 5px 10px; height: 15px; color:font-size:14px; padding:6px 10px; width:930px; background:#fff;} .newsticker strong{ color:#FF0000;} .newsticker img.pre { margin-top: 2px; float: left; } .newsticker img.next { margin: 2px 10px 0 0; float: left; } /* inner style */ p.scheme{background:#f7f7f8; padding:4px 6px; margin:5px 0;} p.scheme:hover{background:#e3e3e3; } /* ### footer container ### */ #footerCntr { overflow: hidden; width:100%; min-height: 2px; background: url(../images/footer-bg.jpg) repeat-x; } /* ### footer box ### */ .footerBox { padding: 16px 27px 0px 10px; width: 943px; margin: 0 auto; } .footerBox .left { float: left; } .footerBox .right { float: right; } .footerBox ul { list-style: none; } .footerBox li { float: left; color:#474747; font-size: 12px; } .footerBox li a { color: #474747; text-decoration: none; } .footerBox li a:hover { color: #317bc7; } .footerBox p { padding-top: 5px; font-size: 11px; color: #797979; line-height: 20px; }