.doc{ margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-image:url(Images/sub-header_01.png); background-repeat:repeat-x;}
.wrapper{ width:100%;  margin:0 0 0 0;}
.header{ margin-left:auto; margin-right:auto; width:920px; height:100px; position:relative; overflow:hidden;}
.bio_logo{ width:206px; height:89px; background-image:url(Images/cs.png); background-repeat:no-repeat; float:left; margin-top:17px;}
.ciit_logo{width:200px; height:92px; background-image:url(Images/logo-comsats.png); background-repeat:no-repeat; float:right; margin-top:15px; margin-right:15px;}
.mid_in_header{margin-left:auto; margin-right:auto; width:920px; height:291px;}
.outerbody{margin-left:auto; margin-right:auto; width:920px; overflow:hidden;}
.inbody{margin-left:auto; margin-right:auto; width:830px; background:#ffffff url(Images/mod_front_bottom) repeat-y;}
.mnu{ width:175px; float:left; margin-top:33px;}
.content{ width:630px; padding-left:10px; padding-right:10px; float:left; font-family: Calibri,arial; font-size:14px; }
.content h1 h2 h3 p{ padding-top:15px; font-family:Calibri,arial;}
.right_pnl{width:290px;float:left; font-family: Calibri,arial; font-size:14px; margin-left:15px;}
.top{ width:290px; height:20px; background-image:url(Images/top.png); background-repeat:no-repeat; margin-bottom:17px;}
.mid{ width:290px; height:360px; background-image:url(Images/mid.png); background-repeat:repeat-y; margin-top:-17px; margin-bottom:-17px; padding-bottom:10px;}
.mid td{ padding:2px 2px 2px 2px; }
.mid span{ font-family:Calibri,arial,tahoma; font-size:12px; color:#565246;}
.mid h2{ font-family:Calibri,arial,tahoma; color:#565246; padding:5px 0px 0px 5px; }
.mid p{ font-family:Calibri,arial,tahoma; font-size:12px; color:#565246; padding: 5px 5px 0px 5px;}
.mid a{ font-family:Calibri,arial,tahoma; font-size:12px; color:#353535; text-decoration:none; }
.mid a:hover{ font-family:Calibri,arial,tahoma; font-size:12px; color:#827C6D; }
.bot{ width:290px; height:19px; background-image:url(Images/bot.png); background-repeat:no-repeat; margin-top:17px;}
.pnl{ width:250px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto;}
.shadow {box-shadow: 5px 5px 5px #ccc; -moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;}
.events{border-right: gainsboro 6px solid; border-top: gainsboro 6px solid;border-left: gainsboro 6px solid; width: 31px; border-bottom: gainsboro 6px solid;height: 34px; background-color: #827C6D; text-align: center}
.events span{ font-family:Calibri,arial,tahoma; font-size:12px; color:#ffffff;}
.eventstble{width: 100%;}
.eventstble span{font-family:Calibri,arial,tahoma; font-size:12px;}
.eventstble span a{font-family:Calibri,arial,tahoma; font-size:12px; color:#1f5e9f;}
.footer{ width:100%; height:100px; background-color:#3B3630; float:left; margin-top:15px; border-top:solid 8px #706B5D;}
.ft{MARGIN-LEFT: auto; WIDTH: 920px; COLOR: #f0f8ff; MARGIN-RIGHT: auto; margin-top:5px; }
.ft span{PADDING-LEFT: 20px; FONT-SIZE: 11px; COLOR: gainsboro; FONT-FAMILY: MgOpen Modata, Helvetica, Geneva}
.bioimg{ background-image:url(Images/bio.png); background-repeat:no-repeat; width:523px; height:292px; float:right; margin-top:-18px; margin-left:200px; margin-bottom:10px;}
.hor_mnu{  width:100%; height:58px; background-image:url(Images/menu_pnl.png); background-repeat:repeat-x; font-family: Calibri,arial; font-size:16px;}
.hor_mnu_inner{ width:920px; height:58px; margin-left:auto; margin-right:auto;}
.outer_body{ margin-left:auto; margin-right:auto; width:920px;}
.innerbody{width:630px; float:left;font-family: Calibri,arial; color:#353535;}
.innerbody p {font-family: arial; font-size:12px; margin:9px 15px 9px 15px; color:#353535;}
.innerbody h2 {font-family: Calibri,arial; margin:9px 15px 15px 15px;}
.innerbody h3 {font-family: Calibri,arial; margin:9px 15px 15px 15px;}
.innerbody h4 {font-family: Calibri,arial; margin:9px 15px 15px 15px;}
.innerbody li {font-family: arial; font-size:12px;}
.right_panel{ width:290px; float:right; font-family: Calibri,arial; font-size:14px;}
.right_panel span{font-family: Calibri,arial; font-size:13px; color:#353535;}
.right_panel a{ font-family: Calibri,arial; font-size:13px; text-decoration:none; color:#565246;}
.right_panel a:hover{ font-family: Calibri,arial; font-size:13px; text-decoration:none; color:#827C6D;}
.rec_img{FLOAT: left; BACKGROUND-IMAGE: url(Images/rrector.jpg); WIDTH: 200px; HEIGHT: 152px; margin:0px 10px 5px 10px; border:solid 5px #eeeeee;}
.dept_img{FLOAT: left; BACKGROUND-IMAGE: url(Images/Dept.jpg); WIDTH: 200px; HEIGHT: 150px; margin:0px 10px 5px 10px; border:solid 5px #eeeeee;}
.leftouter_list{width:315px; height:650px;  float:left; }
.rightouter_list{ width:315px; height:650px;  float:right; }
.lists{ float:left; margin-left:15px; border:solid 5px #eeeeee; padding:0px 0px 0px 0px; margin-top:10px; width:290px;}
.lists:hover{ float:left; margin-left:15px; border:solid 5px #d9d9d9; padding:0px 0px 0px 0px; margin-top:10px; width:290px; background-color:#eeeeee;}