body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d5051;
	background-color: #d6d6d6;
	background-image: url(../images/top-rept.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #333;
}
.page-out {
	/* [disabled]background-image: url(../images/top-texture.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	float: left;
}
.page-in {
	background-image: url(../images/bottom-rept.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 100%;
	float: left;
}
.page {
	width: 1000px;
	margin: 0px auto;
}
.main, .header {
	width: 1100px;
	float: left;
}
.header-top {
	background-image: url(../images/header-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1100px;
	height: 81px;
	float: left;
}
.header-top h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 81px;
	color: #FFFFFF;
	margin-left: 115px;
}
.header-top h1 span {
	color: #FFF;
	font-size: 30px;
}
.header-bottom {
	background-image: url(../images/IIT-Kanpur.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1100px;
	height: 257px;
	float: left;
}
.header-bottom h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	margin-top: 92px;
	margin-left: 27px;
}


.topmenu {
	background-image: url(../images/menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1100px;
	height: 74px;
	float: left;
}
.topmenu ul {
	height: 74px;
	margin-left: 0px;
	list-style-type: none;
}
.topmenu ul li {
	background-image: url(../images/devider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 74px;
	float: left;
	padding-right: 20px;
	padding-left: 13px;
}
.topmenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 74px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 74px;
	float: left;
	padding-left: 15px;
}
.topmenu ul li a span {
	display: block;
	height: 74px;
	float: left;
	padding-right: 35px;
	cursor: pointer;
}
.topmenu ul li a:hover {
	/* [disabled]background-image: url(../images/menu-left.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	/* [disabled]background-color: #666; */
}

.NCC {
}

.topmenu ul li a:hover span {
	background-image: url(../images/menu-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}





.content {
	background-color: #FFFFFF;
	background-image: url(../images/body-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	float: left;
	padding: 20px 0px 0px 0px;
	/* [disabled]height: 1200px; */
}
.content-left {
	/* [disabled]background-image: url(../images/vline.jpg); */
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	float: left;
	/* [disabled]padding-right: 0px; */
}
.row1 {
	width: 95%;
	float: left;
	background-color: #FFF;
	padding-top: 7px;
	font-size: 12px;
	padding-left: 10px;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 30px;
}
.title span {
	color: #09F;
}
ul.list1 {
	margin-top: 5px;
	margin-left: 25px;
	list-style-image: url(../images/bullet.jpg);
}
ul.list1 li {
	padding-top: 3px;
	padding-bottom: 3px;
}
.row2 {
	background-image: url(../images/section-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 591px;
	height: 650px;
	float: left;
	padding: 15px 15px 0px 15px;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #171817;
	margin-bottom: 10px;
}
.row2 table {
	background-color: #F5F7EC;
}

.subtitle span {
	color: #607e00;
}
a.more {
	font-size: 12px;
	line-height: 30px;
	color: #282828;
	text-decoration: none;
	background-image: url(../images/more-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	width: 83px;
	height: 38px;
	margin-top: 10px;
}
a.more:hover {
	color: #607e00;
}
.content-leftsidebar {
	display:none;
	width: 220px;
	float: left;
	padding-left: 10px;
	padding-top: 7px;
}

.content-rightsidebar {
	display:none;
	width: 160px;
	float: right;
	padding: 7px 35px 0px 0px;
	}
.mainmenu, .contact {
	width: 210px;
	float: left;
	/* [disabled]padding-left: 10px; */
}
.sidebar1 {
	font-size: 14px;
	line-height: 50px;
	color: #FFFFFF;
	background-image: url(../images/sidebar1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-left: 60px;
	margin-bottom: 15px;
}
.page-out .page-in .page .main .content .content-left .row2 table ul tr th {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

.mainmenu ul {
	margin-bottom: 15px;
	list-style-type: none;
}
.mainmenu ul li {
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.mainmenu ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.mainmenu ul li a:hover {
	text-decoration: none;
}
.sidebar2 {
	font-size: 14px;
	line-height: 50px;
	color: #FFFFFF;
	background-image: url(../images/sidebar2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-left: 60px;
	margin-bottom: 10px;
}
.contact-detail {
	background-color: #dcdcdc;
	width: 200px;
	float: left;
	/* [disabled]padding: 15px; */
}
.contact-detail p {
	margin-bottom: 10px;
	font-size: 12px;
}

.contact-detail1 {
	background-color: #ffffff;
	width: 175px;
	float: left;
	/* [disabled]padding: 15px; */
	padding-left: 5px;
	padding-right: 5px;	
}
.contact-detail1 p {
	margin-bottom: 10px;
	font-size: 12px;
	color: #000;
}
.green {
	color: #003300;
	background-color:#dcdcdc;
}
.footer {
	line-height: 69px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1100px;
	height: 69px;
	float: left;
	padding: 23px 0px 0px 0px;
}
.footer p {
	font-size: 11px;
	color: #FFFFFF;
	float: left;
}
.footer a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.footer ul {
	float: right;
}
.footer ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.footer ul li a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
.footer ul li a:hover {
	text-decoration: underline;
}
.page-out .page-in .page .main .header .header-top h1 b {
	font-size: 55px;
}
.header_name {
	font-size: 31px;
	color: #FFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-left: 10px;
}
.page-in .page .main .content .content-left .row1 p strong {
	font-size: 14px;
}


#dialog-window {
  height: 1200px; 
  border: 1px black solid;
}

#scrollable-content {
  height: 1175px;  
  overflow: auto;
  background-color: white;
}


#dialog-window-1 {
  height: 800px; 
  border: 0px black solid;
}

#scrollable-content-1 {
  margin-left: 20px;
  /*margin-right: 20px;*/
  padding-right: 20px;
	
  height: 775px;  
  overflow: auto;
  background-color: white;
}





/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 1275px;
	overflow: auto;
	width: 646px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 646px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 630px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 646px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #093;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;	
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 1275px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 110px
}

html>body thead.fixedHeader th + th {
	width: 277px
}

html>body thead.fixedHeader th + th + th {
	width: 237px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 112px
}

html>body tbody.scrollContent td + td {
	width: 282px
}

html>body tbody.scrollContent td + td + td {
	width: 224px
}

li {
    list-style-position: inside;
}
.li-content {
    position: absolute;
//    left: 390px;
}


@media all and (min-width:1024px)
{
label {
        display:none;
        cursor: pointer;
    }
#toggle {
	display:none;
	}
#navmenu{
	margin-left: 45px;
	margin-right: 10px;

}
ul#navmenu ul.sub1, ul.sub2{
		list-style-type: none;
		font-size: 14pt;
		}
	ul#navmenu li {
		width: 145px;
		text-align: center;
		position: relative;
		float: left;
		}
	ul#navmenu a {
		text-decoration: none;
		font-size: 13px;
		color: #FFF;
		display: block;
		width: 135px;
		height: 58px;
		line-height: 55px;
		background-image:url(../images/bg.jpg);
		border-radius: 10px;
		}
	ul#navmenu .sub1 li {
		}
	ul#navmenu .sub1 a {
		margin-top: 1px;
		}
	ul#navmenu li:hover > a {
	background-color: #FFF;
		}
	ul#navmenu li:hover a:hover {
	background-color: #FFF;
		}
	ul#navmenu ul.sub1 {
		display: none;
		position: absolute;
		height: 35px;
		top: 58px;
		left: 0px;
		}
	ul#navmenu li:hover .sub1 {
		display: block;		
		}
	ul#navmenu .sub1 li:hover .sub2 {
		display: block;
		}

}


@media all and (max-width:1024px)
{
label {
        display:none;
        cursor: pointer;
    }
#toggle {
        display:none;
        }
ul#navmenu ul.sub1, ul.sub2{
                list-style-type: none;
                font-size: 14pt;
                }
        ul#navmenu li {
                width: 136px;
                text-align: center;
                position: relative;
                float: left;
                margin-right: 1px;
                }
        ul#navmenu a {
                text-decoration: none;
                font-size: 13px;
                color: #FFF;
                display: block;
                background-image:url(../images/bg.jpg);
                }
        ul#navmenu .sub1 li {
                }
        ul#navmenu .sub1 a {
                margin-top: 1px;
                }
        ul#navmenu li:hover > a {
        background-color: #FFF;
                }
        ul#navmenu li:hover a:hover {
        background-color: #FFF;
                }
        ul#navmenu li:hover .sub1 {
                display: block;
                }
        ul#navmenu .sub1 li:hover .sub2 {
                display: block;
                }
}
/*
@media (max-width:1024px)
{
label {
    display: block;
	cursor:pointer;
	}
		
ul#navmenu ul.sub1, ul.sub2{
                list-style-type: none;
                font-size: 14pt;
                }
        ul#navmenu li {
                width: 136px;
                display: block;
		border-bottom: 1px solid #EAEAEB;
		margin:0;
                }
        ul#navmenu a {
                text-decoration: none;
                font-size: 13px;
                color: #FFF;
                display: none;
                border-radius: 10px;
                }

 #toggle:checked + .menu {
        display: block;
    }

}

*/


#tpc {
  border-collapse: collapse;
  width: 100%;
}

#tpc td, #tpc th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tpc tr:nth-child(even){background-color: #ffffff;}

#tpc tr:hover {background-color: green;}

#tpc th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ffffff;
  color: white;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}


.page-in .page .main .content .content-left .row1 p {
	font-size: 12px;
	color: #333;
}
.page-in .page .main .content .content-left .row1 p strong {
	font-size: 14px;
	color: #333;
}
.new_header_index_page {
	font-size: 14px;
}
.page-in .page .main .content .content-left .row1 table {
	color: #FFF;
}
.page-in .page .main .content .content-left .row1 table {
	color: #000;
	font-size: 12px;
}