body{
font-family:Verdana;
margin:0px auto;
background-image:url(../images/white.png);

}

/* ul li{list-style:none;} */


.floatright{
float:right;
}

.floatleft{
float:left;
}

#main{
width:1002px;
margin:auto;
}

#header{
height:157px;
padding-top:10px;
padding-left:15px;
background-image: url(../images/header_bg.png);
background-repeat: repeat-x;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
margin-top: 5px;

}

#logo{
background-image:url('../images/logo.jpg');
background-repeat:no-repeat; 
background-position:top;
width:88px;
height:110px;
float:left;
margin-top:35px;
background-color: white;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#headernames{
width:867px;
background:url('../images/ban_r.png') no-repeat right bottom; 
float: left;

}

#collegename{
padding-bottom:10px;
font-family:Trebuchet MS,sans-serif;
font-size:26px;
color: #ffffff;
letter-spacing:1.8px;
margin-top: 18px;
text-align:center;
width:790px;
float:left;
font-weight: bold;
text-shadow: 2px 2px 2px #000;
margin-left:29px;

}

#project{
font-family:"Comic Sans MS";
font-size:24px;
font-weight:bold;
color: #f3dd66; 
text-align:center;
width:910px;
height:60px;
float:left;

}


#projectname{
font-family:'trebuchet MS';
font-size:21px;
font-weight:bold;
color: #ffd700; 
text-align:center;
width:765px;
height:60px;
float:left;
margin-left: 20px;
text-shadow: 2px 2px 2px #000;

}

#slogan{
width:1002px;
height:30px; 
font-size:12px;
font-weight:bold;

color: #253E92;
text-align:center;
background-image: url(../images/sample2.jpg);
background-repeat: repeat-x;
}

#maincontent{
width:1002px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:left;
position:relative;
height:auto;


}

.leftpanel{
width:210px;
float:left;
padding-top:0px;
padding-left:0px;
background-image: url(../images/box_bottom.png);
background-repeat: repeat-y;
height:648px;
}



/* Menu begins */


#toc
{
width:180px;
float:left;
padding-top:0px;
font-size:14px;
border-color:#000000;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-style:solid;
font-family:Trebuchet MS,sans-serif;

}

#toc div
{
border-style:solid;
border-color:#ffffff;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
}

#toc ul {
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
list-style:none;
}


#toc ul li{
padding:0px 0px 3px 0px; 
background-repeat:no-repeat;
}


#toc ul li a
{
display:block;
padding:5px 0px 5px 5px;
margin:0px;
color: #a52a2a; 
text-decoration:none;

}

#toc ul li a:hover { 
display:block;
} 

#toc ul li.current{
padding:0px 0px 3px 0px; 
background-repeat:no-repeat;
}

#toc ul li.current a
{
display:block;
padding:5px 0px 5px 5px;
margin:0px;
font-weight:bold;
text-decoration:none;
background: #ffffff;
color: #f3dd66;
background: #a52a2a;
}


#toc ul li.current a:hover{
color: #f3dd66;
}

#toc ul li.blankspace a
{
padding-left:5px;
height:80px;
}



/* Menu Ends */


#content1{

width:785px;
text-align:center;
padding-bottom:0px;
border-left:2px solid #E8EEF7; 
float:left;
position:absolute;
left:220px;
}

#content1 h1{
font-family:Trebuchet MS,sans-serif;
font-size:21px;
color: #ffffff;
letter-spacing:1.8px;
text-align:center;
padding:0px 0px 10px 0px;
line-height:30px;
color: #8B0000;

}


/*Added on 18-Aug-2209 Begins here */

#content1 h4{
font-family:Palatino Linotype; 
font-size:21px; 
font-weight:bold;
text-align:center;
padding:20px 0px 0px 0px;
margin:0px 0px 10px 0px;
line-height:30px;
letter-spacing:1.4px; 
color: #231061; /*#ac0d6b;*/ /*#1d5c79;*/


}

#content1 h5{
font-family:Palatino Linotype; 
font-size:21px; 
font-weight:bold;
text-align:center;
padding:5px 0px 0px 0px;
margin:0px 0px 15px 0px;
line-height:30px;
color: #8B0000;

}

/*Added on 18-Aug-2209 Ends here */

#objtxt{
font-family:verdana;
font-size:12px;
font-style:italic;
color: #900; 
font-weight:bold;
line-height:20px;
text-align:center;
width:790px;

}


#sponsrtxt{
font-family:verdana;
font-size:12px;
color: #900; 
font-weight:bold;
text-align:center;
width:790px;
}

#newsticker{
font-size:10px;
width:480px;
height:25px;
font-weight:bold;
padding-left:140px;
padding-right:140px;
}



.contenttext{
color:#000000;
padding:0px 0px 0px 20px;

}

.contenttext h2{
font-size:14px;
font-weight:bold;
text-align:left;
}


.contenttext h3{
font-family:Trebuchet MS,sans-serif;
font-size:26px;

letter-spacing:1.8px;
width:550px;
align:center;
font-weight:normal;
color: #b22222; 
text-align:justify;
line-height:18px;
padding:5px 0px 5px 0px;
}


.contenttext p{
font-size:14px;
font-weight:normal;
text-align:left;
line-height:18px;
padding:5px 0px 5px 0px;
}




/* default bullet  starts here */

.contenttext ul{
margin:0px 0px 5px 15px; 
font-size:12px;
padding:0px;
text-align:left;
line-height:18px;
}

.contenttext ul li {
padding:0px 0px 5px 0px;
color:#000000;
}

.contenttext ol{
margin:-10px 0px 0px 20px; 
 font-size:12px; 
padding:0px;
text-align:left;
line-height:18px;
}


.contenttext ol li {
padding:0px 0px 5px 0px;
/*color:#000000; */
}

.contenttext ol li a{
color:#000000; 
text-decoration:none;
}

.contenttext ol li a:hover{
text-decoration:underline;
}

.contenttext ol li a:visited{
color:#000000; 
}

/* default bullet  ends here */


#activities ol{
margin:10px 0px 10px 80px; 
font-size:14px; 
padding:0px;
text-align:left;
line-height:18px;
}


#activities ol li {
padding:0px 0px 10px 0px;
/*color:#000000; */
}

#highlights ul{
margin:0px 0px 5px 15px; 
font-size:12px;
padding:0px;
text-align:left;
line-height:18px;
}

#highlights ul li {
padding:0px 0px 20px 0px;
color:#000000;
}

.alignleft{
text-align:left;
}

.normaltxt{
font-size:12px;
font-weight:normal;
}


.boldtxt{
font-weight:bold;
}

.italictxt{
font-style:italic;
}
.underlinetxt{
font-style:underline;
}

.fotostrip{
align:left;
text-align-center;
height:150px;
width:790px;
padding-bottom:10px;
}

.fotostrip_slide{
text-align:center;
height:150px;
width:780px;
padding:0px 0px 0px 0px;
}


.stillfotos{
align:left;
text-align-center;
height:200px;
width:750px; 
padding-bottom:10px;
}

.stillfotos img{
padding-right:20px;

}


.top{
float:right;
color: #900;
font-size:12px;
font-weight:bold;
padding:0px 10px 5px 0px;
}

.top a{
text-decoration:none;
color: #900; 
}

.top a:hover{
text-decoration:none;
}

.top a:visited{
color: #900;
}


.activitycal_content{padding:0px 68px 0px 68px}  /* Activity Cal Changes - 05 Jul 2008 */

table.activitycal{

align:center;
}

td.dummyactivity{
width:10px;
height:160px;
}

td.activity{
width:220px;
height:160px;
background-image: url('../images/btn_activity.jpg');
background-repeat:no-repeat;
background-position:center;
color: #000000;
padding-top:10px;
}

td.activity h2{
font-size: 16px;
font-weight:bold;
color:#000000;
line-height:20px;
}

td.activity h2 a{
color:#000000;
text-decoration:none;
}

td.activity h2 a:hover{
text-decoration:none;
}

td.activity h2 a:visited{
color:#000000;
}


td.activity h3{
font-size:14px;
font-weight:bold;
color:#000000; 
vertical-align:middle;
text-align:center;
}

td.activity h3 a{
text-decoration:none;
color:#000000;
}

td.activity h3 a:mousehover{
text-decoration:underline;
}

td.activity h3 a:visited{
color:#000000;
}


#linktxt{
color:#0000FF;
text-decoration:none;
}

#linktxt a{
color:#0000FF;
text-decoration:none;
}

#linktxt a:hover{
text-decoration:underline;
}

#linktxt a:visited{
color:#0000FF;
}



/* Project Team Members - Begins */

table.members{
font-size:12px;
color:#000000;
align:left;
}

table.members td.role{
font-size:14px;
font-weight:bold;
color: #900;
height:35px;
text-align:left;
padding-bottom:15px;
}


table.members td.photo{
padding-left:40px;
padding-bottom:10px;
width: 160px;
/*height: 160px; */
align:left;
}

table.members td.membername{
width:600px;
padding: 15px 5px 5px 35px;
text-align:left;
vertical-align:top;
line-height:18px;
}


table.members td.gap{
line-height:18px;
height:10px;
}


/* Project Team Members - Ends*/


#objectives
{
height: 320px;
width: 750px;
}

#objectives span{
background-image: url('../images/obj_002.jpg') right;
background-repeat: no-repeat;

}


#objectives ul{
margin:0px 0px 5px 15px; 
font-size:14px;
padding:0px;
text-align:left;
}

#objectives ul li {
padding:0px 0px 20px 0px;
color:#000000;
font-weight:bold;
}

.separator{
text-align:center;
height:2px;
width:740px;
background:url('../images/separator.jpg') no-repeat center;

}

content button a{
text-decoration:none;
}

content button a:link{
text-decoration:none;
}

content button a:hover{
text-decoration:none;
}

content button a:visited{
text-decoration:none;
}

.orgname{
color:#8b008b; /*RR 26 Jun */
font-weight: bold;
font-family:Trebuchet MS; /* RR 26 Jun */
font-size: 13px; /*RR 26 Jun */
}

.persname{
color: #dc143c;
font-family:Trebuchet MS; 
font-size: 14px; 

font-weight: bold;
}


.papername
{
font-size:13px;
color:0000FF;
font-weight:normal;
}

#author{
color: #008b8b; 
font-weight:bold;
}

.highlight{
color: #dc143c; 
}

.teal{
color: #008080;
font-weight: bold;
}


#excerpts_title{
text-align:center;
font-weight:bold;
}


#excerpts_title h2{
font-family:Arial;
font-size:20px;
text-align:center;
color:#ff8c00; 
}


#excerpts_top_container
{
padding: 0px 90px 0px 90px;

}

#excerpts_top{
font-family: Arial;
width:500px;
padding:0px 0px 30px 0px;

}

#excerpts_top h3{
text-align:center;
font-size:15px;
color: #8b008b; 
}


#excerpts_top h2{
text-align:left;
}


#excerpts{
font-family: Arial;
width:350px;
float:left;
padding-right:10px;
padding-left:10px;
}

#excerpts h3{
font-size:15px;
color: #8b008b; 
}


#excerpts h2{
text-align:left;
}

#imp{
color: #8b008b; 
}



table.datatable_photos
	{	
		margin: 8px 0px 6px 0px;
		width:650px;
	}
	
table.datatable_photos td
{
	text-align:center;
	padding: 5px 3px 6px 65px; 
	height:205px;
}

table.datatable_photos td img
{
border-top:1px solid #900;
border-right:1px solid #900;
border-bottom:1px solid #900;
border-left:1px solid #900;
}

table.photostrip
{
	margin: 8px 0px 6px 0px;
		font-size: .75em;
}

table.photostrip td
{
		text-align: center;
		padding: 5px 3px 6px 3px;
}

table.photostrip td .norgborder
{
		text-align: left;
	    padding: 3px 3px 6px 3px;		
} 

.photostrip_content{padding:0px 175px 0px 175px;}



/* Highlight content in Highlights Page */

.highlight_1styr{
color: #008080;
font-size:14px;
font-weight: bold;
}



/*Begin Photo gallery opening page Aravind defined classes on 11th july 2008*/
	.
table.album_sprial{
text-align:center;
padding: 5px 3px 6px 65px; 
height:205px;

}

table.album_sprial td.backgroundsprial{
width:150px;
height:100px;
background:url('../images/photoalbum.jpg') no-repeat center ;
padding-left:4px;
}

table.album_sprial td.backgroundsprial img
{
width:80px;
height:55px;
text-align:justify;
align:justify;
border:0px;
}

table.album_sprial td.dummy_img
{
width:40px;
height:100px;
}

table.album_sprial td.dummy_desc
{
width:40px;
}

table.album_sprial td.album_desc
{
font-size:10px;
color:#0000FF;
width:150px;
vertical-align:top;
align:center;
}

table.album_sprial td.album_desc a{
text-decoration:none;
}


table.album_sprial td.album_desc a:link{
text-decoration:none;
}


table.album_sprial td.album_desc a:hover{
font-size:10px; 
text-decoration:underline;
}

table.album_sprial td.album_desc a:visited{
color: #a52a2a; 
}

table.album_sprial td.album_height
{
height:30px;
}

/*End Photo gallery opening page Aravind defined classes on 11th july 2008*/


#about_initpara{
text-align:center;
padding: 0px 70px 0px 70px;
}



#about_initpara p{
font-family: Arial;
font-size:13px;
width:550px;
align:center;
font-weight:normal;
color: #b22222; 
text-align:justify;
line-height:18px;
padding:5px 0px 5px 0px;
}



/* Changes made by vally starts here*/

#videocontent
{
margin: 0px 0px 0px 140px;
padding :0px 0px 0px 0px;
height: 500px;

}

#videocontent embed
{
margin: 20px 0px 0px 0px;
padding :0px 0px 0px 0px;
height: 480px;
width:720px; 
}

/* Changes made by vally ends here*/

/*Added on 18-Aug-2209 Begins here */

#back{
/*float:left; */
color: #900;
font-size:12px;
font-weight:bold;
padding:0px 10px 0px 0px;
}

#back a{
text-decoration:none;
color: #900; 
}

#back a:hover{
text-decoration:none;
}

#back a:visited{
color: #900;
}


.descrip{
font-size:10px;
font-weight:normal;
text-align:center;
line-height:12px;
}

.descrip a{
font-style:italic;
text-decoration:none;
}

.descrip a:link{
font-style:italic;
text-decoration:none;
}

.descrip a:hover{
font-style:italic;
text-decoration:underline;
}

.descrip a:visited{
font-style:italic;
color:blue;
text-decoration:none;
}
/*Added on 18-Aug-2209 Ends here */

.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
	width: 213px;
}
div.menu ul{
	list-style: none;
	text-indent: 0px;
}
div.menu li{
	margin-top: 3px;
}
div.menu a{
	font: 13px Verdana;
	
	color:#004080;
	display:block;
	padding: 10px 20px;
	height: 12px;
	text-decoration: none;
	background: url('../images/hp_carousel_bg.png');
   
}
div.menu a:hover{
	background: url('../images/post_info_bg.png') no-repeat right;
	padding: 8px 20px;
    font-style: italic;
    font-variant: small-caps;
    color:#ffffff;
    font-size: 13px;
    background-color:#67A5D6 ;
}


---------------------------------



*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 760px;
	margin: 0 auto;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.5em;
	display: block;
	color: #666;
}

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url('../images/h2_trigger_d.png') no-repeat;
	height: 38px;	line-height: 38px;
	width: 740px;
	font-size:14px ;
	font-weight: normal;
	float: left;
    text-align: left;
    background-color: #000000;
}
h2.acc_trigger a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
  
}
h2.acc_trigger a:hover {
	color:#cccccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size:14px;
    width: 740px;
	clear: both;

    color:#000000;
    border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
    text-align: justify;
    
    
}
.acc_container .block {
	padding: 20px;
    
    
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
    font-family:Trebuchet MS,sans-serif;
    
font-size:14px;
letter-spacing: 1.1px;
color:#8B0000;
text-align: justify;
line-height: 21px;
    
}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 25px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
    width: 300px;
    height: 220px;
}
-------------------------
.bold
{
    color:#891247;
    font-size: 15px;
    
}

.tacc
{
    
   height: 270px;
   margin-left:15px;
   border: 1px solid #d6d6d6;
   background-image: url(../images/post_info_bg.png);
   background-repeat: no-repeat;
   
   
}
.tacc1
{
    
   height: 845px;
   margin-left:15px;
   border: 1px solid #d6d6d6;
   background-image: url(../images/post_info_bg.png);
   background-repeat: no-repeat;
   
   
}
.tbold
{
    color:#336699;
    font-size: 15px;
    float:left;
    margin: 10px;
    height: 13px;
    width: 183px;
    
    
}
.abold
{
    float: left;
    margin: 30px;
}
.tacc li 
{
   
    height: 39px;
    margin-top: 30px;
    
    list-style-image: url(../images/bullet.png);
    float: left;
    width: 450px;
    text-align: left;
    font-family:Trebuchet MS,sans-serif;
    border-bottom: 3px dotted #CCCCCC;
    font-size:17px;
    color:#253E92;
    letter-spacing:2.4px ;
}
.tacc li a
{
   
  
  
    font-family:Trebuchet MS,sans-serif;
    font-size:14px;
    color:#253E92;
    letter-spacing:2.4px ;
    text-decoration: none;
    margin: 5px;
}


/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 795px;	 
	width: 770px;
	border-top:1px solid #ddd;	
    background-color: #336699;
    color:#ffffff;
    float: left;
  
}

/* root element for scrollable items */
.items {	
	position:relative;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:13px;
	height:120px;
    text-align: justify;
    color:#ccc;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:110px;
	width:140px;
}
.item p a {
	color:#FF80FF;
    font-family: verdana;
    font-size: 13px;
    letter-spacing: 1.4px;
   
}
.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#ffffff;
    text-shadow: 2px 2px 2px #000;
    
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	width:700px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	

.topimage
{
    float:left;
    margin: 5px;
   
    width:765px;
    height:1010px;
    border: 1px solid #ccc;
    -moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
background-color: #E2EBF0;
    
}
.thead
{
   	float:left;
    margin: 5px;
  
    width:755px;
    height:390px;
     border: 2px solid #fff;
}
.thead h2
{
   	margin:5px ;
	font-size:16px;
	color:#253E92;
	font-weight:normal;
    
     text-align: center;
    border-bottom: 2px solid white;
    font-family:Trebuchet MS,sans-serif;
    letter-spacing: 1.2px;
}
.thead1
{
   	float:left;
  
 
    width:755px;
    height:390px;
    border: 1px solid #fff;
     margin: 5px;
}
.thead1 h2
{
   		margin:5px ;
	font-size:16px;
	color:#253E92;
	font-weight:normal;
    
     text-align: center;
    border-bottom: 2px solid white;
    font-family:Trebuchet MS,sans-serif;
    letter-spacing: 1.2px;
    
    
}

.topimage img
{
   
    margin:5px;
    width: 504px;
    height: 342px;
    text-align: center;
   border: 1px solid #fff;
    
}
.ttext1
{
   	float:left;
    
    width:755px;
    height:190px;
    border: 1px solid #fff;
     margin: 5px;
}
.ttext1 p
{
   	margin:5px ;
	font-size:13px;
	color:#253E92;
	font-weight:normal;
    text-align: justify; 
    float: left;
    width: 700px;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;
	height:140px;
	padding:10px 0 10px 20px;
	width:750px;
	border:1px solid #ddd;
    margin: 15px;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
    width: 400px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:190px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:190px;
}

#Home li.btn_home a , #about .btn_about a , #lead .btn_lead a , #pteam .btn_project a , #obj .btn_obj a , #fyear .btn_1year a, #syear .btn_2year a, #thyear .btn_3year a, #exb .btn_exb a, #whatwe .btn_what_did a, #whatthey .btn_what_they a, #pub .btn_pub a, #otherdelphe .btn_other_delphe a, #eproject .btn_eproject a, #pgallery .btn_pgallery a, #contact .btn_contactus a 
{
        color:#990000;
      
}