html { margin:0; padding:0;  }

body {
	margin:0; padding:0;
	background:url(/academics/centers-institutes/idct/hrff/hrff/images/header.gif) repeat-x top #6D2A29;
	font-family: Garamond;
	
}

#hrffheader{
	width:874px;
	height: 40px;
	margin: 0 auto;}
	
#main{
	margin:0 auto;
	width:874px;
	background:url(/academics/centers-institutes/idct/hrff/images/content_top.gif) no-repeat top #FFFFFF ;
	padding:0;
	min-height:500px;
	overflow:auto;}	
	
 #lau{
 	float:left;
	text-decoration:none;
	color: #CDB1A3;
	font-size:160%;
	padding-top:6px;
	font-variant:small-caps;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
#sac {
	float:right;
	text-decoration:none;
	padding-top:10px;
	color: #CDB1A3;
	margin-top:5px;
	font-size:90%;
	font-variant:small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif
	}	
		
#content{
	font-size:14px;
	border-right:4px #E7E7E7 solid;
	border-left:4px #E7E7E7 solid;	
	float:left;
	width:570px;
	margin:30px 0px 0px 0px;
	padding:30px 20px 0px 10px;
	position:relative;
	min-height:450px;
}	

#title {
	position:absolute; top:-35px; left:10px; z-index:1;
	}
		
		
#content p{
	text-align:justify;
	}	
#content_bottom{
	margin:0 auto;
	background:url(/academics/centers-institutes/idct/hrff/images/content_bottom.gif) no-repeat top;
	width:874px;
	height:20px;
}
	
#footer{
	background:url(/academics/centers-institutes/idct/hrff/images/footer.gif) bottom repeat-x  ;
	height:40px;
	margin:0px auto;
	}
	
#title{
	margin-top:20px;
	margin-left:5px;}
	
#eyes{
	margin-top:-10px ;
	margin-left:5px;}	

#leftside{
	float:left;
	display:block;
	width:100px;
	min-height:450px;
	margin-top:30px;
	}
#leftside a{
	text-decoration:none;}	
#leftside a img{
border:none;
	margin-left:15px;
	margin-top:30px;
	}
	
#rightside{

	width:170px;
	height:450px;	
	margin-top:30px;
	margin-left:695px;
	}				



h1{
	text-align:center;
	color: #79000F;
	font-size:180%;
	 }
h2{
		color: #79000F;
		font-size:130%;
}	 

h3 a {
text-align:center;
	text-decoration:none;
	color:#000000;
	color:#393939;}
	
h3 a:hover {
	text-decoration:underline;}	
	 
	 	
/***********************************/
/********	 NAV	************/
/***********************************/
#nav {

	font: 14px verdana, sans-serif;
	width: 170px;
	
}	


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

#nav li a {
	
	display: block; /* To make the links active for the full width of the DIV - Does not work for IE/Windows */
	padding: 0.1em 0px 0.1em 2.5em;
	background: url(/academics/centers-institutes/idct/hrff/images/arrow_nav.gif) 10px 5px #fff no-repeat;
	color: #999999;
	text-decoration: none;
	margin:15px 0px 5px 0px;
}

.html #nav li a {

	height:1px;
	
}

#nav li a:hover {
		color:#333333;
}

#nav li a.selected{
		color: #333333;
}

#sub_nav {
font:12px/1.5 verdana, sans-serif;
	margin:0;
	padding:0;
}

#sub_nav li a {
	background:  url(/academics/centers-institutes/idct/hrff/images/arrow_nav_small.gif) 25px 5px #fff no-repeat ;
	padding: 00em 0px 0em 4em;
}

/* filter for ie6 */



#sub_nav li a:hover {
	color: #333333;
}

#sub_nav li a.selected {
	color:#333333;
}

/*

* + html #rightside{
	margin-left:650px;
	width:160px;
	}
	
*  html 	#rightside{
	margin-left:650px;
	width:160px;
	}	
	
* + html #content{
	width:560px;}	
	
* + html #title {
	top:-30px;}
	
*  html #content{
	
	width:560px;}	
	
*  html #title {
	top:-30px;	
	}	
* html #sub_nav li a {
	margin-top:-8px;
	margin-bottom:20px;
	height:20px;
}
* + html #sub_nav li a {
margin-top:-8px;
margin-bottom:20px;
	height:20px;
}*/



