@charset "utf-8";

html, body{
	padding:0;
	margin:0;
	background:url(../images/beige.jpg) repeat;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
	
#container{
	padding:0 16px 0 16px;
	margin:0 auto 0 auto;
	width:748px;
	background-color:#fff;
	}
	
#top{
	padding:0;
	margin:0;
	}
	
#top_left{
	float:left;
	width:296px;
	background:url(../images/left_area.jpg) no-repeat 0 0;
	height:315px;
	}
	

#top_right{
	width:452px;
	height:315px;
	float:right;
	}

#body_area{
	padding:0;
	margin:4px 0 0 0;
	background:#fff url(../images/body_area_bg.jpg) repeat-y 0 0;
	width:748px;
	}
	
#body_main{
	padding:0;
	margin:0;
	width:548px;
	float:left;
	}
	
#menu{
	padding:0 0 0 20px;
	margin:0;
	background:url(../images/menu_bg.jpg) repeat-x 0 0;
	height:32px;
	}
	
#menu ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
#menu ul li{
	padding:0;
	margin:0;
	}
	
.button{
	float:left;
	width:112px;
	text-align:center;
	padding:8px 0 0 0;
	}
	
.button a:link, .button a:visited{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#494949;
	text-decoration:none;
	}
	
.button a:hover{
	color:#990d0d;
	}
	


/*service  and its submenu starts here	*/
#service {
	float:left;
	width:80px;
	text-align:center;
	padding:8px 0 0 0;
	}

/* remove all the bullets, borders and padding from the default list styling */
#service ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	

	
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#service ul li {
	float:left;
	height:20px;
	}
	

	
/* style the links for the top level */
#service a, #service a:visited {
	display:block;
	text-decoration:none;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#494949;
	}
	
#service a:hover {
	color:#990d0d; 
	position:relative; 
	z-index:100;
	}
/* style the links for the sub level */	
#service ul ul a, #service ul ul a:visited {
	display:block;
	text-decoration:none;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#494949;
	}
	
#service ul ul a:hover {
	color:#929292; 
	position:relative; 
	z-index:100;
	}

#service li:hover {
	position:relative;
	}
	

/* style the sub-level lists */
#service ul ul {
	width:155px; 
	margin:0;
	padding:11px 0 0 0;
	}
	
/* style the sub level list items */
#service ul ul li {
	display:block;
	width:155px;
	height:auto; 
	text-indent:0;
	}

/* style the sub level links */
#service ul ul a, #service ul ul a:visited {
	display:block;
	background:#777777; 
	color:#fff;
	width:155px;
	height:100%; 
	padding:5px 0 5px 10px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; 
	border-bottom:1px solid #fff;
	text-align:left;
	}
	
#service ul ul a:hover{
	background:#dcdcdc;
	color:#494949;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
#service table {
	position:absolute; 
	left:0; 
	top:0; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:-1;
	}
	
/* second */
* html #service ul ul a:hover{
	background:#dcdcdc;
	color:#494949;
	position:relative; 
	z-index:110;
	display:block;
	}


 /* hide the sub levels and give them a positon absolute so that they take up no room */
#service ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:13px;
	left:-3px;
	width:155px;
	}
	
	
/* make the second level visible when hover on first level list OR link */
#service ul :hover ul{
	visibility:visible; 
	height:auto; 
	padding-bottom:3em;
	}
	
#service ul ul:hover ul{
	visibility:hidden; 	
	}
	
/* only for submenus under submenu --- starts */	
/*keep the third level hidden when you hover on first level list OR link */
#service ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#service ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#service ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#service ul :hover ul :hover ul :hover ul {visibility:visible;}



#service ul ul ul a, #service ul ul ul a:visited {
	display:block;
	background:#777777; 
	color:#fff;
	width:122px;
	height:100%; 
	padding:5px 0 5px 10px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; 
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	text-align:left;
	margin:0 0 0 165px;
	}
	
#service ul ul ul a:hover{
	background:#dcdcdc;
	color:#494949;
	}
	
#service ul ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:-11px;
	left:0;
	}
	
/*for submenus under submenu --- ends */
	


/* service button ends here */




.divider{
	background:url(../images/divider.jpg) no-repeat 0 0;
	width:10px;
	height:32px;
	float:left;
	}
	
#content{
	padding:0;
	margin:0;
	}
	
#content_left{
	padding:0 0 0 8px;
	float:left;
	width:180px;
	}
	
h1{
	padding:0 0 10px 0;
	margin:0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#3c9784;
	}
	
p{
	padding:0;
	margin:0;
	}
	
#content_right{
	float:right;
	width:312px;
	border-left:1px solid #bfbebe;
	padding:0 10px 0 20px;
	}
	
#welcome{
	padding:0;
	margin:3px 0 0 0;
	}
	
#welcome_left{
	float:left;
	background:url(../images/welcome_pic.jpg) no-repeat 0 0;
	width:91px;
	height:73px;
	}
	
#welcome_right{
	float:right;
	width:212px;
	padding:0 5px 0 0;
	}

.link {
	color:#0e7ac1;
	font-weight:bold;
	font-size:10px;
	}
	
.link a:link,.link a:visited{
	text-decoration:underline;
	color:#0e7ac1;
	font-weight:bold;
	font-size:10px;
	}
	
.link a:hover{
	text-decoration:none;
	}
	
#body_right{
	float:right;
	width:200px;
	}
	
#body_right_header{
	background:url(../images/right_col_header.jpg) no-repeat 0 0;
	width:200px;
	height:57px;
	}
	
#body_right_content{
	padding:0 10px 0 20px;
	}
	
.maroon{
	font-weight:bold;
	color:#990d0d;
	}
	
.maroon a:link, .maroon a:visited{
	color:#990d0d;
	text-decoration:underline;
	}
	
.maroon a:hover{
	text-decoration:none;
	}
	
.bold{
	font-weight:bold;
	}
	
	
#footer_black{
	height:40px;
	background-color:#727274;
	}
	
#footer_white{
	height:25px;
	background-color:#fff;
	color:#666;
	text-align:center;
	padding:8px 0 0 0;
	}	
	

/*for inner pages	*/
	
#content_inner{
	padding:0 10px 0 20px;
	margin:0;
	}
	
tr, td{
	border:1px solid #ccc;
	}