html,body  {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	background: #d3c8b7;
	margin: 0;
	padding: 0;
	height: 100%;	
	text-align: center;
	background: url('graphics/bg.gif') #917f64 ;
	background-repeat : repeat-x;

}
.english{

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;

	text-align: left;
}

.U_para{
	font-family: Latha;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	text-indent: 0px;
	color: #000000;

}

.U_para-right{
	font-family: Latha;
	font-size: 11px;
	line-height: 20px;
	text-align: right;
	text-indent: 0px;
	color: #000000;

}

.U_tamilpara {
	font-family: Latha;
	font-size: 11px;
	text-align: justify;
	color: #000000;
}

.U_subhead {
	font-family: Latha;
	font-size: 12px;
	text-align: justify;
	font-weight: bold;
	color: #440080;
}

.U_chaphead {
	font-family: Latha;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #0000FF;
}
.U_nygps {
	font-family: Latha;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

#container {
	position:relative; 
	width: 900px;
	height:auto !important;
	height:100%;
	margin: 0 auto 0 auto;
	background: url('graphics/vert_bg.jpg') ;
	background-repeat : repeat-y;
	text-align: left;
	min-height:100%;

}

#header {
	width: 900px;
	height: 118px;
	background: url('graphics/header.gif') ;
	background-repeat : no-repeat;
}

#content {
	width: 900px;
	min-height:700px;
	clear: both;
	padding-bottom: 80px !important;
	background: url('graphics/main_bg2.jpg') ;
	background-repeat : no-repeat;
	margin: 0 auto 0 auto;

}

#topmenu {
	width: 802px;
	height: 29px;
	background: url('graphics/menu_bg.gif') ;
	background-repeat : no-repeat;
	margin: 0 0 0 21px;
	color:#ae91c4;
}

#topmenu_int {
	padding: 7px 0 0 90px;
}

#leftmenu {
	width: 177px;
	min-height: 365px;
	background: url('graphics/leftmenu_bg4.gif') ;
	background-repeat : no-repeat;
	margin: 0 0 0 16px;
	_margin: 0 0 0 8px;
	padding: 0 0 0 0;
	text-align:right;
	float:left;
}

#contentarea {
	width: 630px;
	float:right;
	margin-right:77px;
	background: url('graphics/ct_top.gif') ;
	background-repeat : no-repeat;
}

#text {
	width: 550px;
	padding: 28px 0 15px 37px; 
}

#text2 {
	width: 680px;
	padding: 1px 0 1px 110px; 
}


#title {
	margin-left:-6px;
	color:#b02332;
	text-transform: uppercase;
	font-size:17px;
	font-family: times, serif;
}



#menu {
	width: 325px;
	height: 575px;
	float:left;
}

#menubox {
	width: 245px;
	height: 376px;
	margin: 17px 0 0 25px;
	background: url('graphics/menu_bg.gif');
	background-repeat : no-repeat;
}

#whitebar {
	width: 800px;
	height: 7px;
	background: #ffffff;
}


#footer {
	width: 900px;
	height: 71px;
	position:absolute;
	bottom:0;
	font-size: 9px;
	background : url("graphics/footer_bg.jpg");
	background-repeat : repeat-y;
	text-align: left;

}





#clear {
	clear: both;
}





a {
	color: #b02332;
	text-decoration: none;
}
a:hover {
	color: #eee06a;
	text-decoration: underline;
}

a.topmenu {
	font-family: Latha;
	color: #ffffff;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}
a.topmenu:hover {
	color: #ff0000;
	background: #ffffff;
	text-decoration: none;
}




.menu {
margin-top:10px;
z-index:1000;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0 0 0 5px;
list-style-type:none;
width:161px;
border:0px solid;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:0px; margin-left:0;}
/* position relative so that you can position the sub levels */

.menu li {
position:relative;
height:25px;
text-align: right;

}

li.doubleline {
position:relative;
height:30px;
text-align: right;

}

li.subsz {
position:relative;
height:20px;
text-align: left;
text-indent: 2px;

}

li.substall {
position:relative;
height:30px;
text-align: left;
text-indent: 2px;

}

li.subs2 {
position:relative;
text-align: left;
text-indent: 15px;

}


/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a {
font-family: Latha;
font-size: 11px;
color: #3a3231;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:160px;
color:#000;
text-transform: uppercase;
padding-right: 12px;
border:0px solid;
padding-top: 3px;
_padding-top: 0px;
.padding-top: 0px;
border-bottom: solid 1px #f9f3c3;
}


a.bottm {
font-family: trebuchet ms, arial, sans-serif;
font-size: 11px;
color: #3a3231;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:160px;
color:#000;
text-transform: uppercase;
padding-right: 12px;
border:0px solid;
padding-top: 3px;
.padding-top: 0px;


}



a.double {
font-family: Latha;
font-size: 11px;
color: #3a3231;
display:block; 
text-decoration:none;
height:30px;
.height:27px;
_height:30px;
line-height:12px;
width:160px;
color:#000;
text-transform: uppercase;
padding-right: 12px;
border:0px solid;
padding-top: 3px;
.padding-top: 0px;
margin-top:5px;
border-bottom: solid 1px #ffffff;

}

a.subb  {
font-family: Latha;
font-size: 10px;
color: #3a3231;
display:block; 
text-decoration:none;
text-align:left;
height:20px;
line-height:20px;
color:#000;
background: #d0ba64;
text-transform: uppercase;
padding: 0px;
margin: 0px;
border:0px solid;
width:160px;


}

a.subz_duble  {
font-family: trebuchet ms, arial, sans-serif;
font-size: 9px;
color: #3a3231;
display:block; 
text-decoration:none;
text-align:left;
height:30px;
line-height:12px;
color:#000;
background: #d0ba64;
text-transform: uppercase;
padding: 0px;
margin: 0px;
border:0px solid;
width:160px;

padding-top: 4px;

}



/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background: url("graphics/spacer.gif"); width:165px; w\idth:160px;}
/* style the link hover */
* html .menu a:hover {color:#b02332;  text-decoration:none; background:#ffffff;}

.menu :hover > a {
color:#ff0000; 
background: #ffffff;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:168px;
_left:172px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#d0ba64;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
</style>
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->