legend {display: none;}
* { margin: 0; padding: 0; outline: 0; }
.doc {line-height: 150%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#DEE4F4 url(Images/ciit_sprite.png) repeat-x; background-position:0px -413px;}
.wrapper{ border:solid 1px #dcdcdc; padding:4px; width:940px !important; width /**/:950px;   background-color:#fff;margin: 2px auto 0 auto;  display:block; }
inner_wrapper{position:relative; float:left;}
.header{position:relative;  width:940px; height:100px; margin-left:auto; margin-right:auto;}
.menu_wrap{position:relative; width:100%; height:36px;  background:#454545 url(Images/ciit_sprite.png)  repeat-x; background-position:0px -376px;}
.menu_nav_bar{position:relative; width:940px; height:36px;  background:#454545 url(Images/ciit_sprite.png)  repeat-x; background-position:0px -376px; margin:0 auto 0 auto;}
.content{position:relative; width:940px; height:auto; min-height:300px;  }
.main_content{ float:left; width:940px; height:300px; background:url(MainPageImages/Islamabad.jpg) no-repeat;}
.right_pnl{ float:right; width:340px; height:300px; background:#fff url(Images/bg_right_pnl.jpg) repeat-x;}
.inner_content{position:relative;width:940px; height:330px;}
.footer{  width:100%;  background:#fff url(Images/ciit_sprite.png) repeat-x;background-position:0px -413px; border-top:7px solid #D5DCEE; border-bottom:solid 16px #11447D; height:80px !important; height /**/:103px;}
.ft{MARGIN-LEFT: auto; WIDTH: 940px; COLOR: #f0f8ff; MARGIN-RIGHT: auto;}
.ciit_logo{ float:left; width:87px; height:73px; background:url(Images/logo.png) no-repeat; margin:15px 0 0 0;}
.ciit_main_logo{ float:left; width:283px; height:48px; background:url(Images/ciit_main.png) no-repeat; margin:28px 0 0 0;}
.home{background: url(Images/ciit_sprite.png) no-repeat 0px 0px; float: right; margin-left: 8px; width: 24px; cursor: pointer; height: 24px;}
.contact{background: url(Images/ciit_sprite.png) no-repeat 0px -25px;float: right; margin-left: 8px; width: 24px; cursor: pointer; height: 24px;}
.sitemap{background: url(Images/ciit_sprite.png) no-repeat 0px -50px; float: right;margin-left: 8px; width: 24px; cursor: pointer; height: 24px;}
.mail{background: url(Images/mail.png) no-repeat; float: right;margin-right: 12px; width: 85px; cursor: pointer; height: 14px; margin-top:5px; }
.mail:hover{background: url(Images/mail_hover.png) no-repeat; float: right;margin-right: 12px; width: 85px; cursor: pointer; height: 14px;}
#tray { float:left; position:relative;  width:584px; height:36px;  background:url("Images/ciit_sprite.png") 0px -376px repeat-x; overflow:hidden; font:bold 98%/1 "arial",sans-serif;}
#tray ul {margin:0; list-style:none;}
#tray li {display:inline;}
#tray li a {display:block; float:left; padding:14px 20px 17px 18px; background:url("Images/tray-separator.gif") 100% 0 no-repeat; text-decoration:none; color:#000;}
#tray li a:hover {background:url("Images/menu_bg_hov.jpg"); color:#353535;}
#tray li#tray-active a {background:url("Images/tray-active.gif");}
#tray2 { float:right; position:relative;  width:244px; height:36px; background:url("Images/ciit_sprite.png") 0px -376px repeat-x; overflow:hidden; font:bold 98%/1 "arial",sans-serif;}
#tray2 ul {margin:0; list-style:none;}
#tray2 li {display:inline;}
#tray2 li a {display:block; float:left; padding:14px 20px 17px 18px; background:url("Images/tray-separator.gif") 100% 0 no-repeat; text-decoration:none; color:#000;}
#tray2 li a:hover {background:url("Images/menu_bg_hov.jpg"); color:#353535;}
#tray2 li#tray-active a {background:url("Images/tray-active.gif");}

#simplegallery1{float:left; margin-left: auto; width: 600px; margin-right: auto; height: 312px; background-color: #ffffff; }
#featured{padding-right:250px; width:600px !important; width /**/:850px; position:relative;height:300px;background:#fff;}
#featured ul.ui-tabs-nav{position:absolute;top:0; left:600px;list-style:none;padding:2px 5px 8px 0; width:335px !important; width /**/:340px; margin:0; background:#fff url(Images/ciit_sprite.png) repeat-x; background-position:0px -75px;}
#featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px;font-size:12px;color:#666;}
#featured ul.ui-tabs-nav li span{font-size:12px; font-family:Arial;line-height:18px;}
#featured .ui-tabs-panel{ width:600px; height:300px; background:#eee; position:relative; overflow:hidden;}  
#featured .ui-tabs-hide{  display:none;  } 
#featured li.ui-tabs-nav-item a{/*On Hover Style*/  display:block;  height:40px;  color:#fff;  background:transparent;  line-height:25px;   outline:none;  }  
#featured li.ui-tabs-nav-item a:hover{  background:#3299FF;  }  
#featured li.ui-tabs-selected{ /*Selected tab style*/   background:url('images/selected-item.gif') top left no-repeat;  }  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{  background:#52A5EA;  } 
#featured ul.ui-tabs-nav li img2{ float:left; margin:10px 10px; background:#fff; padding:10px; border:1px solid #eee;  }
#featured .ui-tabs-panel .info{position:absolute; top:200px; left:0;height:98px; width: 500px; background: url('images/transparent-bg.png');  }  
#featured .info h2{ font-size:18px; font-family:Arial, Helvetica, sans-serif;color:#fff; padding:10px; margin:0; overflow:hidden;  }  
#featured .info p{ margin:0 5px;  font-family:Arial,Verdana; font-size:12px;   line-height:15px; color:#f0f0f0;  }  
#featured .info a{text-decoration:none;   color:#fff;  }  
#featured .info a:hover{text-decoration:underline;  }     
.itcenter{ MARGIN-TOP: 6px; BORDER: 1px gainsboro;  FLOAT: right; MARGIN-LEFT: auto;  MARGIN-RIGHT: 20px; BACKGROUND-COLOR: transparent;}
.compaty{FLOAT: left; MARGIN-RIGHT: auto; PADDING-TOP: 15px; margin-left:25px;}
.compaty p{ font-family:arial, helvatica; font-size:80%; color:#d3deef; line-height:13px;}
.compaty p a{ font-family:verdana,tahoma, helvatica; font-size:90%; color:#87ceeb; text-decoration:none;}
.compaty p a:hover{ color:#d3deef;}
.address{FLOAT: left; MARGIN-RIGHT: auto; PADDING-TOP: 15px; margin-left:15px;}
.address p{ font-family:arial, helvatica; font-size:80%; color:#d3deef; line-height:13px;}
.address p a{ font-family:verdana, helvatica; font-size:80%; color:#87ceeb; text-decoration:none;}
.address p a:hover{ color:#d3deef;}
.headmenumain { PADDING:8px 0 0 9px; WIDTH: 600px !important; width /**/:609px; LEFT: 0px;  MARGIN-LEFT: auto;  MARGIN-RIGHT: auto;  BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 0px; TEXT-ALIGN: left; float:left;}
/*.headmenumain a {font-family:Arial, Helvetica, sans-serif;color: #ffffff;padding-left:12px; text-decoration:none; font-size:110%; padding-right:12px;  border-right:solid 1px #dcdcdc;}
.headmenumain a:hover{color: #87ceeb;text-decoration:blink;}
.headmenumain a:active{color: #cc6633;text-decoration:blink;}
.headmenumain a:focus{color: #cc6633;text-decoration:blink;}*/
.headmenumainright {   LEFT: 0px; WIDTH: 330px;  PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 0px; TEXT-ALIGN: right; float:right; }
/*.headmenumainright a {font-family:Arial, Helvetica, sans-serif;color: #ffffff;padding-left:12px; text-decoration:none; font-size:14px; padding-right:12px;  border-right:solid 1px #dcdcdc;}
.headmenumainright a:hover{color: #00ccff;text-decoration:blink;}*/
fieldset {margin: 0;	padding: 0;border: none;}
.heading_right_pnl{padding:8px 0 0 10px; width:330px !important; width /**/:340px; height:25px; color:#fff; font-family:Arial; font-size:14px; text-align:left;  background:#454545 url(Images/bg_menu.jpg) repeat-x;}
.right_pnl h2{height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:10px 10px 5px 10px; }
.right_pnl p{ height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f0f8ff; padding:0 10px 0 10px; }
.right_pnl p a{height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#eee; text-decoration:none; padding-left:5px; }
.right_pnl p a:hover{color:#0099cc; }
legend {display: none;}
.right_head{ float:right; padding:5px; width:400px !important; width /**/:410px; height:32px; margin-top:-10px; margin-right:-5px;  color:#353535;  overflow:hidden;}
.div_time{ float:right; margin:10px 20px 0 0; color:#efefef;}
.right_head_btns{ float:right; width:380px; height:32px; margin-right:20px; margin-top:20px;}
.headmenu {color: #353535;  height:32px; width:400px; }
.headmenu a { font-family:Arial, Helvetica, sans-serif;padding-left:10px;font-size:12px;color: #fff;text-decoration:none;}
.headmenu a:hover {color: orange;text-decoration:none;}
.pnls_blue{ float:left; padding:4px; width:217px !important; width /**/:225px; height:330px; margin:10px 0 0 10px; background-color:#fff; }
.pnls_orange{ float:left; padding:4px; width:444px !important; width /**/:452px; height:330px; margin:10px 0 0 10px; background-color:#fff;  }
.pnls_orange p a{ float:right; margin:15px 0 0 10px; text-align:right; font-family:Arial; font-size:10px; text-decoration:none; color:#353535;}
.pnls_orange p a:hover{color:#B25F33;}
.pnls_teal{ float:left; width:217px; height:330px; margin:10px 0 0 0; background-color:#fff;  padding:4px;}
.pnls_teal p a{  float:right; margin:5px 0 0 10px; text-align:right; font-family:Arial; font-size:10px; text-decoration:none; color:#353535;}
.pnls_teal p a:hover{color:#B25F33;}
.pnls_maroon{ float:left; padding:4px; width:217px !important; width /**/:225px; height:330px; margin:10px 0 0 15px; background-color:#fff;  }
.pnls_maroon p a{  float:right; margin:15px 10px 0 0; text-align:right; font-family:Arial; font-size:10px; text-decoration:none; color:#353535;}
.pnls_maroon p a:hover{color:#B25F33;}
.heading_quicklinks{padding:8px 0 0 5px;  border-top: solid 6px #1f5e9f; width:212px !important; width /**/:217px; height:25px; color:#353535; font-family:Arial; font-size:18px; text-align:left;  margin-bottom:10px;}
.heading_news{padding:8px 0 0 5px;  border-top: solid 6px #B25F33; width:439px !important; width /**/:444px; height:25px; color:#353535; font-family:Arial; font-size:18px; text-align:left;  margin-bottom:10px;}
.heading_events{padding:8px 0 0 5px;  border-top: solid 6px #278DA3; width:212px !important; width /**/:217px; height:25px; color:#353535; font-family:Arial; font-size:18px; text-align:left;  margin-bottom:10px;}
.heading_adverts{padding:8px 0 0 5px;  border-top: solid 6px #D59D2C; width:212px !important; width /**/:217px; height:25px; color:#353535; font-family:Arial; font-size:18px; text-align:left;  margin-bottom:10px;}
.newsticker-demo {padding:5px 5px 0; width:200px !important; width /**/:205px; font-family:Arial,Sans-Serif;font-size:12px;margin:5px auto;}
.newsticker-demo a { text-decoration:none; color:#1f5e9f; }
.newsticker-demo a:hover { text-decoration:none; color:#353535; }
.newsticker-demo img { border: 1px solid #a9a9a9; padding:5px 5px 5px 5px; background-color:#ffffff; }
.newsticker-demo .title {text-align:left;font-size:14px;font-weight:bold;padding:5px;}
.newsticker-jcarousellite { width:200px;  text-align:left;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:50px; height:60px; margin-right:10px;}
.newsticker-jcarousellite .info { float:left; width:140px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }
.divadvert{BORDER: gainsboro 4px solid; WIDTH: 96px !important; width /**/:104px; HEIGHT: 68px !important; height /**/:76px;  FLOAT: left;  MARGIN:-3px 0 6px 3px;    BACKGROUND-REPEAT: no-repeat;  background-color:#fff;}
.divadvert:hover{BORDER: #a9a9a9 4px solid; }
.events{padding:0; border:solid 5px #d9d9d9; WIDTH: 35px !important; width /**/:45px; HEIGHT:35px !important; height /**/:45px; BACKGROUND-REPEAT: no-repeat;  TEXT-ALIGN: center;  vertical-align:top; font-family:Arial; color:#fff; background-color:#1f5e9f; overflow:hidden;  line-height:15px;}
.events_table{ float:left; width:200px;}
.events_table td{ padding:0 0 5px 5px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
.events_table td h3{ padding:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000;}
.events_table td p{ padding:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#cc6633;}
.events_table td p a{ padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1f5e9f; text-decoration:none;}
.events_table td p a:hover{ color:#0099cc;}
.events_auto{ padding-top:5px; width:443px; height:270px; overflow:auto; margin-top:10px; position:relative;}
.events_auto2{ width:217px; height:270px; overflow:auto; margin-top:10px; position:relative;}
#events_auto2{ width:217px; height:270px; overflow:auto; margin-top:10px; position:relative;}

#men1 a {color: #900;text-decoration: none;}
#men1 a:hover {background: #333;color: #FFF;}
/* Root = Vertical, Secondary = Vertical */
#men1 ul#navmenu1,
#men1 ul#navmenu1 li,
#men1 ul#navmenu1 ul {margin: 0;border: 0 none;padding: 0;width: 100%; /*For KHTML*/list-style: none;}
#men1 ul#navmenu1:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px Arial,Tahoma,Verdana;content: ".";height: 0;visibility: hidden;}
#men1 ul#navmenu1 li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/}
/* Root Menu */
#men1 ul#navmenu1 a {border-bottom: 1px Dotted #acacac;padding: 3px 5px;display: block;background:#fefefe;color: #252525;font: normal 101%/30px Arial, Helvetica, sans-serif;text-decoration: none;height: auto !important;height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */
#men1 ul#navmenu1 a:hover,
#men1 ul#navmenu1 li:hover a,
#men1 ul#navmenu1 li.iehover a {color:#B25F33;}
html{ color:#000;padding:0;margin-top:0; }
.listmenu  {margin: 5px 0px 10px; width:auto; float:left;}
.listmenu ul {margin: 0 0 5px 0;padding: 0 0 2px 0;list-style-type: none;width:auto; line-height: normal;}
.listmenu li a {color: #000;display: block;border-bottom:1px dotted #a9a9a9;/*border-right:3px solid #666;*/height: 25px;padding: 11px 0 0 0;text-decoration: none;background-color:transparent; margin-left:5px; }
.listmenu li a:hover {color:red;}
ul#menu {list-style:none;margin:-3px 5px 0 0;padding:0 10px 0 5px;overflow:hidden; /* makes sure the container fits the floated list-items below */}
ul#menu li{/* removed the positioning and z-index on the li, we no longer need them */margin:0 5px 0 0;padding:3px 10px 2px 5px;float:left; /* floats list items to the left, creating a horizontal menu */ /* add some background color to the line items */  border-right:solid 1px #C7D1ED;}
ul#menu li a{font-family:Arial, Helvetica, sans-serif;color: #000; text-decoration:none; font-size:120%; }
ul#menu li span {position: relative; /* must have position set to anything other than static to use z-index */z-index: 5; /* 5 layers above all normal elements */}
ul#menu li.backLava {position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */z-index:3; /* 3 levels higher than all normal elements */background-color:#BAC9EF;border:1px solid #3E81C4;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul#menu2 {list-style:none;margin:-3px 0 0 5px;padding:0 10px 0 5px;overflow:hidden; /* makes sure the container fits the floated list-items below */}
ul#menu2 li{/* removed the positioning and z-index on the li, we no longer need them */margin:0 5px 0 0;padding:3px 10px 2px 5px;float:left; /* floats list items to the left, creating a horizontal menu */ /* add some background color to the line items */ border-right:solid 1px #C7D1ED;}
ul#menu2 li a{font-family:Arial, Helvetica, sans-serif;color: #000; text-decoration:none; font-size:120%; }
ul#menu2 li span {position: relative; /* must have position set to anything other than static to use z-index */z-index: 5; /* 5 layers above all normal elements */}
ul#menu2 li.backLava {position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */z-index:3; /* 3 levels higher than all normal elements */background-color:#BAC9EF;border:1px solid #3E81C4;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.news{padding-left:5px; width:200px !important; width /**/:205px;  display:inline-table; float:left;  }
.news h3 a{ font-family:Arial,verdana; font-size:12px; color:#05225A; padding:0 0 0 0; font-weight:normal; text-decoration:none; text-align:left;}
.news h3 a:hover{color:#1f5e9f; text-decoration:underline;}
.news p{ font-family:Arial,verdana; font-size:10px; color:#cc6633; padding:0 0 5px 0;}
.news p a{ font-family:Arial,verdana; font-size:10px; color:#1f5e9f; padding:0 0 0 2px; text-decoration:none;}
.news img{border: 1px solid #a9a9a9; padding:5px; width:90px; height:60px !important; height /**/:72px; background-color:#ffffff; float:left;  margin-right:8px;}
.contact_info{padding-left:5px; width:250px !important; width /**/:255px;  display:inline-table;  float:left; font-family:Arial; font-size: 13px; text-align:left; margin:10px 0 10px 0; }
.contact_info a{ color:#cc6633; text-decoration:none; }
.contact_info a:hover{ color:#1f5e9f; text-decoration:underline; }
.imgdiv_isb{float:left; margin:2px 5px; background-position: 0px 0px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px;  }
.imgdiv_abt{float:left; margin:2px 5px; background-position: 0px -36px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px;  }
.imgdiv_lhr{float:left; margin:2px 5px; background-position: 0px -108px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px;  }
.imgdiv_wah{float:left; margin:2px 5px; background-position: 0px -216px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px;  }
.imgdiv_attck{float:left; margin:2px 5px; background-position: 0px -72px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px; }
.imgdiv_sahi{float:left; margin:2px 5px; background-position: 0px -144px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px;  }
.imgdiv_veh{float:left; margin:2px 5px; background-position: 0px -180px; background-image: url(Images/campusSprite.jpg); background-repeat: no-repeat; padding:0px; border:1px solid #eee; width:70px !important; width /**/:72px; height:35px !important; height /**/:37px;  }
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 10px;background-color: white;}
.vscrollerbar {width: 10px;background-color: #dcdcdc;}
.hscrollerbase {height: 10px;background-color: white;}
.hscrollerbar {height: 10px;background-color: black;}
.scrollerjogbox {width: 10px;height: 10px;top: auto; left: auto;bottom: 0px; right: 0px;background-color: gray;}