*{ margin:0px; padding:0px;}
body{ 
background:#254472;
/*background-image: url(images/bg-main.gif);
background-repeat: repeat;*/
font-family: Arial,Verdana, Helvetica, sans-serif; color:#333; font-size:12px; text-decoration:none; font-weight:normal;}
p{padding-bottom:5px; line-height:18px; text-align:justify;}

a{text-decoration:none; color:#464646; }
a:hover{text-decoration:underline;}
.clear{clear:both;}
ul{ padding-left:20px; line-height: 18px;}
.ul{ list-style-image: url(images/arrow.gif); list-style-position: outside; padding-left:30px; line-height: 24px;}
.li{ }
.h1{ float:left; padding-right:7px;}
h1{ color:#045276; font-size:16px; font-weight:bold;}
h2{ font-weight:bold; font-size:14px;}
h3{ font-size:14px; color:#333333; padding-top:10px; padding-left:13px;}
h4{ font-size:14px; color:#333333; padding-top:10px; padding-left:8px; font-weight:bold;}
/*h4{ font-size:14px; color:#3066ae; padding-top:10px; padding-left:8px; font-weight:bold;}*/
h5{ font-size:12px; color:#1f5d97; padding-top:2px; padding-left:0px; text-decoration:underline; padding-bottom:10px;}
h6{ text-align:center; padding-top:6px; font-size:12px;font-weight:normal;}
.h6{ color:#939393; }
.h7{ padding-left:418px;  padding-right:5px;}
.h8{ background:#0033CC;height:1px; }
.h9{ padding-top:10px;}
.h10{ height:30px; background:#f0f6fe; padding-top:5px; padding-left:10px; font-size:16px; font-weight:bold; color:#333333; border-bottom:1px solid  #0099FF; }
.h11{ padding-top:8px;}
.readmore{ font-size:12px; text-decoration:underline; color:#043ed2;}
.readmore:hover{ font-size:12px; text-decoration:none;}
.links{ font-size:12px; color:#05587e; text-decoration:none;}
.links:hover{ text-decoration:underline;}
#wrapper{width:1003px; margin:0px auto;  
/*background-image: url(images/bg.gif);
background-repeat: repeat-y;*/
background-color: #ffffff;
min-height: 620px;}
#wrapper_content{ width:977px; margin:0px auto; background:#ffffff;}
.highlight{
	color: #3A84D0;
	font-size: 14px;
	font-weight: bold;
}

                                            /* top head starts here */
											
#top_head{ height:70px; width:977px;}
.logo{ width:200px; float:left;height:66px; padding-top:10px; }
.sap{ float: right;height: 66px;padding-right: 10px;padding-top: 6px; width: 80px;}
.topnav{ width:645px; float:left;height:70px;}
.search{ height:36px;width:225px; margin:0px;padding-left:435px; padding-top:10px;}
.menu{ height:25px; text-align:center; width:665px; background-image: url(images/right_nav.gif); background-repeat: no-repeat; background-position: right;   }
.navleft{ float:left; width:11px; height:25px;}
.ddsmoothmenu{width:645px; background:url(images/midd_nav.gif) repeat-x; height:25px; float:left; padding-left: 0px;}
.ddsmoothmenu ul{ list-style:none; margin:0px 0px; paddign-left: 0px; width: 720px; z-index:100;}
.ddsmoothmenu ul li{ display:inline; float: left; padding: 1px 0px 0px 0px; margin-left: 0px; position: relative;}
.ddsmoothmenu ul li a{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#121111; font-size:13px; text-decoration:none; font-weight:bold; 
					padding: 0px 9px; height: 21px; display: block;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
/*.nav li a:hover{ background-color: #3276b5; color: #ffffff; width: 85px;}*/
.ddsmoothmenu ul li a:hover{background-color: #254472; color: #ffffff; padding: 0px 9px 0px 9px; border: 1px solid #ffffff;}
.ddsmoothmenu ul li a.selected{background-color: #254472; color: #ffffff; padding: 0px 9px 0px 9px; border: 1px solid #ffffff;}
.ddsmoothmenu ul li.first{ background:none transparent;}
.navright{ float:right; width:6px; height:25px;}
                                           /* top head end here */
										   
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
width: 186px;
padding-left: 0px;
margin-left: 0px;
margin-top: 2px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
width: 186px;
padding-left: 0px;
margin-left: 0px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
margin: 0px 0px;
padding: 0px 0px;
margin-left: 1px;
border-top: 0px;
border-right: 0px;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-size: 12px;
font-family: Tahoma, Verdana;
font-weight: normal;
width: 166px; /*width of sub menus*/
padding-left: 5px;
line-height: 18px;
display: block;
margin: 0;
border: 0;
background-color: #6a99c1;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #6a99c1;
text-align: left;
color: #ffffff;
text-indent: 8px;
margin-top: -1px;
z-index: 200;
}

.ddsmoothmenu ul li ul li a:hover{
padding-left: 5px;
line-height: 18px;
margin: 0;
border: 0;
background-color: #d3e1ed;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #6a99c1;
text-align: left;
color: #333333;
text-indent: 8px;
margin-top: -1px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.ddsmoothmenu ul li ul li a.selected{
padding-left: 5px;
line-height: 18px;
margin: 0;
border: 0;
background-color: #d3e1ed;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #6a99c1;
text-align: left;
color: #333333;
text-indent: 8px;
margin-top: -1px;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* Holly Hack for IE \*/
/** html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


                                          /* header starts here */
#banner{ width:977px; height:270px; margin-top:8px;}
#banner_inner{ width:977px; height:155px; padding-top:8px;}

#services{ width:200px; float:right;height:301px;}
#sertop{ height:42px; width:200px;}
#sercon{  height:238px; width:200px; background:url(images/right_midd_menu.jpg) repeat-y;}
#sermidd{ width:190px; height:54px; background:url(images/ser-con.jpg) no-repeat; padding:5px 0px 4px 5px}
#serbtn{ height:21px;}

                                          /* header ends here */
										  
                                          /* content starts here */
										  
#content{width:977px; padding-top:5px; min-height: 290px;}
 /* inner content starts here */
#conleft{ float:left; width:207px; }
#contarea{ width:520px; float:left; margin-left:10px;}
#contareacase{ width:760px; float:left; margin-left:10px;}
#textfield{ padding:5px; border-right: 1px solid #ebebeb;}

#conright{ float:right; width:227px; padding-top:48px; text_align: right;} 
 
 
 /* inner content ends here */
#news{width:533px; float:left; padding-right:15px;}

#newstop{width:533px; height:31px; background:url(images/news.gif) no-repeat;}
#newsmidd{ width:503px;  background: url(images/news_midd.gif) repeat-y; padding:15px 15px 0px 15px}
#newsbtn{ height:9px;}

#showcaseinner{width:222px; text-align:right; padding-right:10px; padding-top:15px; color:#0a608c; font-weight:normal; font-size:12px;  }
#showcase{width:207px; text-align:left; float: left;  }
#showcasetop{ height:31px; background:url(images/show12.gif) no-repeat;}
#showcasetop1{ height:31px; background:url(images/show12.gif) no-repeat;}
#showcasemidd{ background: url(images/show_midd.gif) repeat-y; width: 207px; padding-top: 7px;}

#showcasebtn{ height:10px;}
#quick{ width:207px; float:right;}

#themetop{ height:25px; background:#FFFF66;}
#thememidd{ height: auto; background:#0099FF; padding-top:10px; text-align:left;}


                                          /* content ends here */
#footer{ width:977px; padding-top:15px; margin: 10px 0px; height:30px; background:#ebebeb; text-align:center; color:#333333; padding-bottom:10px; font-size:11px;}


.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0px 0px;
padding: 0px 0px;
width: 100%;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background:url(list.gif) no-repeat top left;
list-style-type: none;
padding-left: 18px;
margin-bottom: 0px;
margin-left: -10px;
margin-top: 5px;
line-height: 16px;
font-size: 11px;
padding-right: 8px;
font-family: tahoma, vardana;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: transparent url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.arrow2{
	/*list-style-image: url(images/arrow2.gif);*/
	list-style-type: square;
	list-style-position: outside;
	line-height: normal;
	padding-left: 20px;
}