body {margin:0px; padding:0px;}
img {border:none;}
#bg {background:#4396ca url(../images/bg.jpg) left 1px repeat-x;}
#logo { width:400px; display:block; padding:24px 0px 32px 0px;}
#search {float:right; width:200px; padding-right:15px; padding-top:42px;}
#search input { border:none; background:none; font:bold 11px Verdana; color:#0e2558; margin:4px 7px; }
.banner {background:url(../images/menus_botbg.jpg) top left repeat-x;} 
/**************************************************************** banner start here***********************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
margin:47px 0px 3px 0px; overflow: scroll; /*leave this value alone*/
width: 890px; /*Width of Carousel Viewer itself*/
height: 239px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0; display:inline;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 890px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
position:relative;
}
.stepcarousel .panel div { position:absolute; z-index:50; width:952px; overflow:hidden; margin-top:205px;}

.stepcarousel .panel p {
-x-system-font:none;
color:#000000;
font-family:Verdana;
font-size:10px;
height:80px;
line-height:normal;
margin:0;
padding:215px 15px 5px 5px;
position:absolute;
text-align:center;
width:100%;
z-index:99;
}
.container { background:#f0f9fd; padding:18px;}
/********************************************** content part start here*******************************/
h4 { margin:0px; padding:0px; font:normal14px Verdana; background:url(../images/dash.jpg) bottom left repeat-x; padding-bottom:6px;}
.text { font:normal 11px/17px Verdana; color:#000000;padding:17px 15px 0px 8px; text-align:justify; }
.images { margin-top:21px;}
.text2 { font:normal 11px/17px Verdana; padding:12px 0px 10px 0px; text-align:justify;}
.right { background:url(../images/right-bg.jpg) top left repeat-y;}
.right_text { font:bold 12px Verdana; color:#000000;}
.right_text ul { margin:0px; padding:0px; list-style:none;}
.right_text ul li { margin-left:10px; padding-left:17px; padding-bottom:5px; margin-bottom:10px; background-image:url(../images/bullet.jpg); background-repeat:no-repeat; background-position:left 3px;}
.iso { background:url(../images/iso.jpg) top center no-repeat; font:normal 12px Verdana; color:#000000; padding:110px 45px 22px 50px; text-align:justify;}
/************************************************** inner pages start here ********************************************/
.inper_text { font:normal 11px/17px Verdana; color:#000;}
.inper_text ul{ margin:0px; padding:0px; list-style:none;}

.inper_text ul li { background:#f4f4f4 url(../images/box_bg.jpg) top left repeat-x; border:solid 1px #dadada; font:normal 11px/17px Verdana; text-align:justify; color:#000000; padding:15px; margin-bottom:15px;}
.inper_text ul li p { margin:0px; padding:0px;}

.inper_text ul li p span { border:1px solid #ccc;padding:10px;}

.img2 { padding:2px; border:solid 1px #4396ca; float:right; margin-top:5px; margin-left:15px;}
.img3 { padding:2px; border:solid 1px #549fcf; margin-top:5px; }

.inper_text ul li  h5 { margin:0px; padding:0px; font:bold 14px Helvetica; text-transform:uppercase; color:#1359a1; padding-bottom:15px;}
.inper_text ul li a { color:#009900; text-decoration:underline; font-weight:bold;}
.inper_text ul li a:hover { color:#000000; text-decoration:none;}

.box { font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; background:#f4f4f4 url(../images/box_bg.jpg) top left repeat-x; border:solid 1px #dadada; text-align:justify; padding:15px; color:#000000; }
.box h5 { margin:0px; padding:0px; font:bold 14px Helvetica; color:#009900; padding-bottom:15px;}

.box p { margin:0px; padding:0px; margin-bottom:8px; margin-top:12px;}
.box ul { margin:0px; padding:0px; list-style:none;}
.box ul li { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin-left:10px; padding:5px 15px; background-image:url(../images/bullet2.jpg); background-repeat:no-repeat; background-position:left 9px; }

.box b { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding-bottom:10px; }

.conatct_bg { background:url(../images/contact-bg.jpg) center center repeat-x; margin:0px 5px; padding:10px 6px; font:bold 16px "Georgia", Times New Roman, Times, serif; color:#FFFFFF;}
.contact { font:normal 11px/17px Verdana; color:#000;padding-left:15px;padding-right:15px;}
.conatct_bg { background:url(../images/contact-bg.jpg) center center repeat-x; margin:0px 6px 0px 5px; padding:10px 6px; font:bold 16px "Georgia", Times New Roman, Times, serif; color:#FFFFFF;}
.contact { font:normal 11px/19px Verdana; color:#000;padding-left:20px;padding-right:20px;}
.contact p { margin:0px; padding:0px; padding-bottom:12px;}

.contact_input { border:solid 1px #009933; width:200px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:2px; margin-bottom:6px;}
.contact_input2 { border:solid 1px #009933; width:200px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; height:70px; padding:2px;}
.contact_border { border:solid 1px #009900;}

h5 { margin:0px; padding:0px; font:bold 15px Arial, Helvetica, sans-serif; color:#dc1c1c; padding-bottom:12px;}
.text3 { font:normal 11px/16px Verdana; padding:0px 0px 10px 12px; }
 
/********************************************************************** footer start here **************************************/
.footer { background:url(../images/footer_bg.jpg) bottom left repeat-x;}
.footer_text { font:normal 11px/30px Verdana; width:400px; padding-top:30px; color:#fff;}
.footer_text strong { font:11px Verdana; color:#fff;}
.footer_text strong a { color:#fff; text-decoration:none; font-weight:bold;}
.footer_text strong a:hover { color:#fff; text-decoration:underline;}

/******************************************************** nevigation start here *************************************************/
.glossymenu{
margin: 5px 0px 0px 1px;
padding: 0;
width: 284px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background:url(../images/menu-bg.jpg) top left repeat-x;
font: bold 13px Verdana, Helvetica, sans-serif; border-bottom:solid 1px #fff;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 9px 0px 10px 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 11px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:url(../images/menu-bgh.jpg) top left;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0; margin:7px 22px; width:250px;
padding: 0;
}

.glossymenu div.submenu ul li{ color:#FFFFFF;
background:url(../images/bullet.jpg) no-repeat; background-position:left 9px; border-bottom:dashed 1px #db1515; font:normal 11px Verdana;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana;
color: black;
text-decoration: none;
padding: 6px 0;
padding-left: 18px;
}

.glossymenu div.submenu ul li a:hover{
background: url(../images/menu-bg.jpg) top left repeat-x;
color: white;
}



div#wn	{ 
    position:relative; 
    width:100%; height:283px;
    overflow:hidden;	
	}
.border { border:solid 1px #4396ca; padding:2px;}
.aa{
color:#000000;
font:11px/17px Verdana;
text-align:justify;}