/*new*/
a:focus{ border: none; -moz-outline: none; outline: none; }
hr{ color:#F5F5F5; border:0px; border-bottom:1px solid #F5F5F5; margin:0px; padding:0px }
img{border:0px;}
.imgA{vertical-align:middle}
a:link,a:active, a:visited{text-decoration:none; cursor:pointer;  }
a:hover{text-decoration:none;}
html, body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; height:100%; margin:0; padding: 0; background: url(../images/bg.gif) repeat-x top #201d1d}


#maindiv{position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:984px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/ 
	min-height:100%; /* real browsers */
	}


/*Header Part*/
#hpart{height:162px; margin:0px auto; width:984px;}
#hpart a{ color:#ffffff; font-weight:600;}
#hpart a:hover{ color:#dedede}
.logo a {background: url(../images/logo.png) no-repeat; display: block; height: 109px; text-decoration: none; text-indent: -9000px; width:451px; }
#hpart .reqbtn { float:right; width:300px; text-align:right; padding-top:31px; margin:0px}

#hpart ul {margin:0px 0px 0px 0px ; padding:0px; list-style:none; float:left; font-size:12px; font-weight:600; font-family:"Trebuchet MS"; clear:both;  width:100%}
#hpart ul li {margin:0px; list-style:none; float:left; background: url(../images/nav-li-r.gif) no-repeat right top; padding:16px 7px;  *padding:16px 3px;}
#hpart ul li a{color:#eecbce; padding:16px 15px 16px 25px; margin:0px; background:url(../images/nav-li-topbg.gif) no-repeat top center; text-transform:uppercase; }
#hpart ul li a:hover{ color:#ffa54e; background:url(../images/nav-li-topbg-o.gif) no-repeat top center; margin:0px}

/*ul#nav li.top a:hover span, ul#nav li:hover a span{ background-color:#00f; color:#FFFFFF; height:40px; width:80px; display:inline-block}*/

ul.sub{clear:both; display:none}
ul#nav li{height:20px; padding:16px 7px;  *padding:16px 3px;}
ul#nav li:hover ul.sub{display:block; position:absolute; background-color:#8d0507; width:210px; left:200px; top:180px}
ul#nav li:hover ul.sub li{padding:6px 0;  width:210px; text-indent:8px; height:auto; font-size:12px; }
ul#nav li:hover ul.sub li a{color:#eecbce; background:none;  font-size:11px;}
ul#nav li:hover ul.sub li a:hover{color:#ffa54e;}
ul#nav li:hover ul.sub li:hover{color:#ffa54e; background:#390d0d; display:block; width:210px;}




/*Middle part include left and content*/
#mpart { margin:30px 0px 0px 0px; padding:0px 0px 110px 0px; clear:both; width:984px;}



/*add Left Part*/
#addlpart { width:985px; height:384px; float:left; padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; background: url(../images/big-banner.jpg) no-repeat left; }

#addlpart .video{ margin:15px; float:right; padding:5px; background:#201d1d; width:500px}
#addlpart .banner{ margin:20px; float:left; padding-top:220px;}
#addlpart h1 { margin:8px 0px 0px 15px ; padding:0px; text-align:left; font-size:14px; font-weight:600; color:#FFF; float:none; background:none; height:auto}
#addlpart p { margin:0px; padding:8px 15px 0px 15px; color:#c0bebe}
/*-----add Left end*/

/*news Left Part*/
#newsrpart {width:251px; float:right; padding:3px; margin:0px 0px 0px 0px; background:#2b2b2b; color:#9e9e9e }
#newsrpart.nonepadding{padding:0; width:255px}


#newsrpart ul { margin:0px; padding:0px; list-style:none; width:231px}
#newsrpart ul li {margin:0px 0px 3px 0px ; padding:11px 10px; background:#383737; float:left;  width:231px}
#newsrpart ul li strong {color:#9c9b9b}
#newsrpart ul li p {margin:0px; padding:0px; color:#686767; font-size:11px}
#newsrpart ul li img { border:#000 solid 2px; margin-right:7px; -moz-opacity:50 ; filter:alpha(opacity:40); -khtml-opacity:40; opacity:0.5;}
#newsrpart ul li.greybg {background:#383737; }
#newsrpart ul li.greybg a{color:#9c9b9b; font-weight:700}
#newsrpart ul li.greybg:hover  a{color:#fff}
#newsrpart ul li.greybg:hover , #newsrpart ul li.greybg:hover  p{background:#545252;  color:#d6d6d6}
#newsrpart ul li.greybg strong {color:#FFF}
#newsrpart ul li.greybg p {margin:0px; padding:0px; color:#c0bebe; font-size:11px; color:#686767}
#newsrpart ul li.greybg img { border:#999999 solid 2px; margin-right:7px; -moz-opacity:0 ; filter:alpha(opacity:100); -khtml-opacity:100; opacity:10;}

/*-----Left end*/




/*Content Part*/
#cpart {float:left; padding:0; margin:12px 0px 0px 0px; color:#c2c2c2; width:100%; clear:both; color:#ffffff;}
#cpart.color{background:#323234; min-height:300px}
#cpart a{ color:#ebb1b1; font-weight:400;}
#cpart a:hover{ color:#dfdfdf; text-decoration:none}

#cparth .containred {width:280px; float:left; height:258px; background: url(../images/c-top-line.gif) no-repeat center #6b0d0e; padding:0px 20px 0px 20px; margin-top:10px; }
#cparth .containred p {margin:0px; padding:0px 0px 15px 0px ; font-size:12px; line-height:13px; color:#ffffff}
#cparth .containred p a{color:#fff; font-weight:700}
#cparth .containred p a:hover{color:#e8e8e8;}
#cparth .containred strong {color:#dfdfdf; font-size:12px}
#cparth .containred .txt { font-size:10px; color:#c0bebe;}
#cparth .containred ul{ margin:0px; padding:0px; float:left; list-style:none; font-size:11px}
#cparth .containred ul li{ margin:0px; padding:4px 0px 4px 10px ; background:url(../images/i-arrow.gif) left no-repeat; color:#facbcb}

#cparth .containblack {width:280px; float:left; height:258px; background: url(../images/c-top-line.gif) no-repeat center #323234 ; padding:0px 20px 0px 20px;  margin-top:10px;}
#cparth .containblack p {margin:0px; padding:0px 0px 15px 0px; font-size:12px; line-height:15px; color:#ffffff}
#cparth .containblack p a{color:#fff; font-weight:700}
#cparth .containblack p a:hover{color:#e8e8e8;}
#cparth .containblack strong {color:#dfdfdf;}
#cparth .containblack a{ color:#fff; text-decoration:none}
#cparth .containblack a:hover{ color:#666666; text-decoration:underline; }

ul#faculty{margin:0 30px 20px; padding:0; list-style:none; clear:both; width:100%}
ul#faculty li{ background:#999; height:188px; width:175px; float:left; background:url(../images/faculty-bg.jpg); text-align:center; padding-top:10px; margin:5px  }
ul#faculty li label{ color:#c2c2c2;  float:left; margin:15px 0px 20px 10px; text-align:left; font-size:11px}
ul#faculty li label a{color:#fff; font-size:12px}
ul#faculty li p, span.thumb{overflow:hidden; text-align:center; height:115px; margin:0; }
span.thumb{height:155px}
img.thumbnews{width:186px}
.thumbhome{width:50px}
.bigimg2{border:5px solid #535353}

#facdetail p{ line-height:18px; padding:10px; margin:0 }
a.back:link, a.back:visited, a.back:active{background:url(../images/backbg.gif) no-repeat; display:block; width:152px; height:26px; color:#CCCCCC; text-decoration:none; padding:5px 0 0 35px}
a.back:hover{text-decoration:none}
.back b{}

a.back1:link, a.back1:visited, a.back1:active{background:url(../images/backbg1.gif) no-repeat; display:block; width:232px; height:26px; color:#CCCCCC; text-decoration:none; padding:5px 0 0 35px}
a.back1:hover{text-decoration:none}
.back1 b{}


a.hlink:link, a.hlink:visited, a.hlink:active{ color:#CCCCCC; text-decoration:none; padding:5px; font-weight:600; font-size:11px;}
a.hlink:hover{text-decoration:none}


/*Footer Part*/
#fpart {clear:both; margin:0px 0px 0px ; height:74px;  padding:15px 10px 0px 20px; position: absolute; bottom:0px; color:#7f7f7f; font-weight:normal;   width:954px; background:url(../images/f-bg.jpg) no-repeat top; text-align:center; font-size:11px; line-height:18px}
#fpart a{padding:0px 5px 0px 5px; color:#7f7f7f}
#fpart a:hover{ color:#9e9d9d}
.copyright{ font-size:11px;  color:#935b31}

.plaveb a, .plaveb a:hover  {color:#c8c8c8; font-size:10px;  padding:10px 3px 0;  }
.plaveb a:hover{color:#939393;}
img.plaveb{-moz-opacity:30 ; filter:alpha(opacity:10); -khtml-opacity:10; opacity:0.3; border:0; }

#cpart .sitemap ul li{ list-style:none; background:url(../images/i-arrow.gif) no-repeat 0 3px ; padding-left:10px; color:#e8e8e8; margin:10px 10px 10px 0; text-align:left; white-space:nowrap  }
#cpart .sitemap ul li a{color:#bababa}
#cpart .sitemap ul li a:hover{color:#d3d3d3}
#cpart .sitemap ul  ul{margin:0 0 10px;  padding:0 15px 5px; }

#cpart .linkpage ul{padding:0; margin:0;}
#cpart .linkpage ul li{ list-style:none; background:url(../images/i-arrow.gif) no-repeat 0 3px ; padding-left:10px; color:#e8e8e8; margin:0px; text-align:left;   }
#cpart .linkpage ul li a{color:#bababa}
#cpart .linkpage ul li a:hover{color:#d3d3d3}
#cpart .linkpage ul  ul{margin:0 0 10px;  padding:0 5px 0px; }




p{margin:8px 3px 3px 0px; text-align:justify; line-height:15px}
h1 {
  font: bold 26px "Trebuchet MS";
  position: relative;
  color: #ffffff; background:url(../images/h1-i.gif) no-repeat; padding-left:50px; height:40px; float:left; text-transform:uppercase;  margin:15px 0
}
a:hover h1 {color:#cdcdcd; text-decoration:none}
h1 span {
  background:url(../images/gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}
h2 {color:#dedede;  font-size:14px;  font-weight:bold;  margin:10px 0px 10px 0px; }
h3{font: bold 15px "Trebuchet MS";
  position: relative;
  color: #dbcfcf; padding-left:10px; height:40px; float:left; text-transform:uppercase;  margin:20px 0 15px}
h4 { margin:0px; font-size:14px; font-weight:bold; padding:5px 5px 5px 20px; color:#FFFFFF; background:url(../images/h4-i.gif) no-repeat 5px 8px; }


.clear{clear:both}
.left{float:left}
.right{float:right}
.PL5{padding-left:5px;}
.PR5{padding-right:5px;}
.PR10{padding-right:10px;}
.PB20{padding-bottom:20px;}
.PLT5{padding-left:5px; padding-top:5px}
.PL10{padding-left:10px}
.PT10{padding-top:10px}
.PT5{padding-top:5px}
.MT10{margin-top:10px}
.ML10{margin-left:10px}
.padding{padding:6px;}
.top{ top:0px}
.bottom { bottom:0px}





/*Extra Css*/

/*Left Part*/
#lpart { width:215px; float:left; padding:0px 10px 0px 0px; margin:0px 0px 40px 0px; }
#lpart ul{ margin:0px 0px 0px 8px; padding:0px;  list-style:none;  background:none;} 
#lpart  li a { color:#616161;  margin:0px 0px 2px 0px;  font-weight:normal;  text-decoration:none;  padding-left:13px;  list-style:none; }
#lpart  li a:hover { color:#000000;  text-decoration:none;   background: transparent url(../images/lefthlight.gif) no-repeat left;  list-style:none;}	

/*------Left end*/
	
/*form Part*/
.height{ height:100% !important; min-height:100%; }
form{margin:0px; padding:0px;  height:auto ; height:100% !important; min-height:100%;  width:100%;  }
input, select, textarea { font-size:11px;  color:#e7e7e7;  font-family:Arial,Verdana,Tahoma; border:1px solid #666;  padding:1px;  font-weight:normal; background:#484848 }
.required { font-size:11px; color:#444444; font-family:Verdana,Arial,Tahoma; border:1px solid #FFB5B5; padding:1px; font-weight:normal; z-index:99;}
.validation-advice { margin: 5px 0; padding: 5px; color : red; font-weight:normal; font-size:11px;}
.button { color:#ffffff;  cursor:pointer;   font-weight:bold;  padding-left:5px;  padding-right:5px;   background-color:#606060; border:1px solid #000000;  
}
.cssform{clear:both; padding-top:10px;}
.cssform p{clear: left; margin: 0px; padding: 2px 0 3px 0; color:#717171;}
.cssform b{font-weight:bold;font-size:11px;float: left;margin-left:0px; text-align:right;width:119px;padding-right:5px;color:#7A7A7A;border:0px solid #ffffff;}
.red, .error{ color:#f00; font-weight:bold; font-size:11px; display:inline-block; text-align:center; padding:0px 5px 0px 5px;   }

/* Table List */
.allborder { background:#E8E8E8; height:30px;}
.allborder td { padding:5px 2px 4px 5px;}
.allborder a { color:#ff9000; text-decoration:none; font-weight:bold;  }
.allborder a:hover { color:#717171; text-decoration:none; font-weight:bold;  }
.allborder b { color:#000000; text-decoration:none; }
.fieldheader { background:#FAEEE5; color:#4b4b4b; border:1px #ffffff solid; padding-left:10px; font-weight:bold; }
.fieldheader th { padding:1px; padding-left:4px;  height:25px;}
.fieldheader a { color:#666666; text-decoration:underline; font-weight:bold; }
.fieldheader a:hover { color:#A1A1A1; text-decoration:none; font-weight:bold;  }

.lightbg {  background:#515151;}
.darkbg { background:#3c3c3c;}
.selectbg { background:#F8F3ED; }
.whitebg { background:#FFFFFF; }



/* LightBox Style  */

#lightbox{ display:none; position: absolute; top:10%; left:40%; z-index:999; text-align:left;}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99;
background-color:Gray; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30);}

/* popup Style  */
iframe   {margin: 0px; padding:0px; background-color: transparent;  filter:alpha(opacity=100);-moz-opacity:100;}
.popup{  padding:9px; width: 480px;  z-index:88; color:#DFDFDF;  background-color:#4b4b4b;filter:alpha(opacity=95);-moz-opacity:.95;}
.popup .BtCls {background-color: #6C6C6C; color: #C5C5C5; text-align: right; font-weight: normal; text-decoration: none; border: 0px solid #FFFFFF; padding:0px 3px 1px 4px; font:bold 11px Arial, Helvetica, sans-serif; }
.popup h3{font-size:14px; font-weight:normal; margin:3px 3px 3px 3px; padding-bottom:5px; border-bottom:#5a5a5a solid 1px; color:#E2E7EA; }

.Accordion {

	border-left: solid 0px gray;

	border-right: solid 0px black;

	border-bottom: solid 0px gray;

	overflow: hidden;

}



/* This is the selector for the AccordionPanel container which houses the

 * panel tab and a panel content area. It doesn't render visually, but we

 * make sure that it has zero margin and padding.

 *

 * The name of the class ("AccordionPanel") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * accordion panel container.

*/

.AccordionPanel {

	margin: 0px;

	padding: 0px;

}



/* This is the selector for the AccordionPanelTab. This container houses

 * the title for the panel. This is also the container that the user clicks

 * on to open a specific panel.

 *

 * The name of the class ("AccordionPanelTab") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * accordion panel tab container.

 *

 * NOTE:

 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the

 * user from selecting the text in the AccordionPanelTab. These are proprietary browser

 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based

 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to

 * validate, and don't care if the user can select the text within an AccordionPanelTab,

 * you can safely remove those properties without affecting the functionality of the widget.

 */

.AccordionPanelTab {

	background-color: #373737;

	border: solid 1px #2F2F2F;

	border-bottom: solid 0px gray;

	margin: 0px;

	padding: 4px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

}

.AccordionPanelTab2 {

	background-color: #3B3B3B;

	border: solid 1px #2F2F2F;

	border-bottom: solid 0px gray;

	margin: 0px;

	padding: 4px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

}



/* This is the selector for a Panel's Content area. It's important to note that

 * you should never put any padding on the panel's content area if you plan to

 * use the Accordions panel animations. Placing a non-zero padding on the content

 * area can cause the accordion to abruptly grow in height while the panels animate.

 *

 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel

 * Content container.

 *

 * The name of the class ("AccordionPanelContent") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * accordion panel content container.

 */

AccordionPanelContent {

	overflow: auto;

	margin: 0px;

	padding: 5px;

}



/* This is an example of how to change the appearance of the panel tab that is

 * currently open. The class "AccordionPanelOpen" is programatically added and removed

 * from panels as the user clicks on the tabs within the Accordion.

 */

.AccordionPanelOpen .AccordionPanelTab {

	background-color: #990225;

}



/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.AccordionPanelTabHover {

	color: #FFF9E6;

}

.AccordionPanelOpen .AccordionPanelTabHover {

	color: #FFF9E6;

}



/* This is an example of how to change the appearance of all the panel tabs when the

 * Accordion has focus. The "AccordionFocused" class is programatically added and removed

 * whenever the Accordion gains or loses keyboard focus.

 */

.AccordionFocused .AccordionPanelTab {

	background-color: #373737;

}



/* This is an example of how to change the appearance of the panel tab that is

 * currently open when the Accordion has focus.

 */

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

	background-color: #990225; color:#fff;

}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab2 {

	background-color: #990225; color:#fff;

}


.vline { background:url(../images/vline.gif) repeat-y center; }

.plaveb, .plaveb a, .plaveb a:hover  {color:#c8c8c8; font-size:10px;  }
.plaveb a:hover{color:#939393;}
img.plaveb{-moz-opacity:30 ; filter:alpha(opacity:20); -khtml-opacity:20; opacity:0.2; border:0}


.nclink:link,.nclink:active, .nclink:visited{text-decoration:none; cursor:pointer; color:#c0bebe  }
.nclink:hover{text-decoration:none; color:#c0bebe;}