﻿body, td, th, div, p, label
{
	color:#353f48;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:14px; 
}




a:hover {
	color:#1368a9; 
	text-decoration:none
}
#body 
{
	behavior:url("App_Themes/nic/csshover2.htc");
	background:#4F6690 url(images/tail.gif) repeat-x 0 0;
}
#body1
{
	behavior:url("../App_Themes/nic/csshover2.htc");
	background:#4F6690 url(images/tail.gif) repeat-x 0 0;
}
#body2
{
	behavior:url("../../App_Themes/nic/csshover2.htc");
	background:#4F6690 url(images/tail.gif) repeat-x 0 0;
}
.main 	
{
	width:1000px;
	margin:0px auto 0px auto;
	
}
/*-------------------------------------header---*/
#top {
	height:122px;
	overflow:hidden;
	margin-top:0px;
	padding-top:0px;
}
#header {
	background:url('../App_Themes/images/header.jpg') no-repeat right 12px;
	height:235px;
	overflow:hidden;
}

#logo {
	float:left;
	width:150px	
}
#logo .space {
	padding:0px 0px 0px 40px;
	font-size:150%;
	font-weight:bold;
}
.htitle
{
	padding:10px 0px 0px 20px;
	 
	width:700px;
	font-weight:bold;
	float:left;
	margin-top:20px;
	margin-left:20px;
	background:url(images/12.jpg) no-repeat;
	height:97px;
	overflow:hidden;
}
.nic_logo_top
{
	width:37px;
	height:15px;
	margin-right:20px;
	float:right;
	
	
}
.nic_logo_top a
{
	border:solid 1px #a7c8e2;
}
#topmenu 
{
	
	margin:0px a0px auto; 
	background:url(images/menu1m2.jpg) no-repeat;
	margin:0px auto 0px auto;
	height:52px;
	
}


.menu-nav
{
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
margin:0px;
}
.left-bg#topmenu

{


background-color:Black;

}
.right-bg
{
height:51px;
overflow:hidden;
}

#search {
	float:right;
	width:249px;
}
#banner {
	height:230px;
	margin-bottom:10px;
}
#banners {
	background:#204381 url('../../images/banners-bg.jpg') repeat-x 0 0;
	min-height:112px; height:auto !important; height:112px; 
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
}
#disc
{
	width:1000px;
	
	margin:0px auto 0px auto;
	background:url(images/discm2.gif) no-repeat;
	font-size:12px;
	padding-top:7px;
	
	color:#fff;
	height:62px;
}

ul.menu-nav li
{
	
	display:block;
	float:left;
	
}
#topmenu ul
{
float: left;
	list-style: none;
	margin:0px; padding: 0;
	Z-INDEX: 200;
	position:relative ;
	height:52px;
}
#topmenu ul li 
{
	
	display: block;
	float: left;
	margin:0px 0px 0px 0px;
height:52px;
	color: #FFF;	
	text-decoration: none;
	
	position:relative ;
}
#topmenu ul li a
{
	margin: 3px 10px 3px 10px;
	color: #FFF;	
	padding-top:15px;
	text-decoration: underline;
	display:block ;
}
.li_con
{
	margin: 0px 10px 3px 10px;
	color: #FFF;	
	padding-top:15px;
	text-decoration: none;
	display:block ;
}

#topmenu ul li ul li:hover 
{
	
	background-color: #5f8ebb ;
	color: #fff;
	padding:0px 0px 0px 0px;
	margin:5px auto;
	background-image:none;
	width:200px;
	cursor:hand;
}

#topmenu ul li ul li a
{
	margin: 3px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	
}
#topmenu ul li ul li:hover a
{
	margin: 3px 10px 0px 10px;background-color:Transparent ;
	padding:0px 0px 0px 0px;
}
#topmenu ul li.separator
{
	float:left;color:#a7a7a7;display:block;margin-top:3px;font-weight:lighter;font-size:12px;width:4px;
	padding: 3px 0px 0px 0px;
	margin:7px 0px 0px 0px;
	height:40px;
	z-index:150px;
	
	
	background:url(images/sep.gif) no-repeat;
	
}
#topmenu ul li:hover a
{
	text-decoration:none;
}
#topmenu ul li ul 
{
	width:200px;
	height:auto;
	background-color:#213C61;
	display:none!important;
	border:solid 1px #fff;
	z-index:201px;	
}
#topmenu UL LI:hover UL {
	DISPLAY: block !important;
	POSITION: absolute;
}
#topmenu UL LI.hover UL {
	DISPLAY: block
}
#topmenu UL LI UL LI {
	  BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: auto; CLEAR: both;width:200px; margin:5px auto;cursor:hand;
}
/*
#topmenu ul li:hover 

	
	background-color: Gray;
	color: #fff;

	background-image:url(images/menu-on.gif);
	position:relative ;
}
#topmenu ul li:hover a
{
	margin: 3px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	color: #FFF;	
	text-decoration: none;
	display:block ;
}
#topmenu ul li.separator:hover
{
	float:left;color:#a7a7a7;display:block;margin-top:3px;font-weight:lighter;font-size:12px;width:1px;
	padding: 3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#topmenu ul li#current a {	
	background-color: #FFF;
	color: #333;
}

#topmenu ul li ul 
{
		Z-INDEX: 201;  POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 14px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; TOP: 25px; PADDING-TOP: 14px; LEFT: 0px; background-color:#4c7dac; 
font: bold 12px "Book Antiqua", Arial, Arial, Trebuchet MS, Sans-serif;
}
#topmenu UL LI:hover UL {
	DISPLAY: block
}
#topmenu UL LI.hover UL {
	DISPLAY: block
}
#topmenu UL LI UL LI {
	  BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: auto; CLEAR: both;width:200px; margin:5px auto;cursor:hand;
}*/

.m_con
{
	
	clear:both;
	background:#fff url(images/con_strip.jpg) repeat-x !important;
	background-color:White !important;
	margin-top:0px;
	margin-bottom:0px;
	display:block !important;
	height:auto;
	min-height:300px


	

	
}
.m_con1
{
	
	clear:both;
	
	background-color:#D9E6F7 !important;
	margin-top:0px;
	margin-bottom:0px;
	display:block !important;
	height:auto;
	min-height:300px


	

	
}
#footer
{
	
	margin:0px a0px auto; 
	width:1000px;
	background:url(images/b_roundm2.gif) no-repeat;
	margin:0px auto 0px auto;
	height:36px;
	
	
}




.niclogo
{
	 width:70px; 
	 float:right;
	 margin-right:10px;
	 height:33px;
	 margin-top:-8px;
	 background:url(images/nic_logo1.jpg) no-repeat;
	 
}

.left_b
{
	width:218px;float:left;height:auto;
	margin-top:20px;
	margin-right:0px;
	margin-left:45px;
	display:inline;
	
}
.left_b_h
{
	height:25px;
	width:100%;
	background:url(images/b_h.gif) no-repeat;
	
}
.left_b_h .title
{
	text-align:center;
	padding-top:10px;
	color:#1C3353;
	font-size:14px;
	font-weight:bold;
}
.left_b_h_line
{
	height:16px;
	width:100%;
	background:url(images/strip.gif) no-repeat;
	
	
	
}
.left_b_c
{
	width:100%;height:auto;display:block;padding:5px 0px 5px 0px;
	background-color:#D4E3F6;
	margin:0px 0px 0px 0px;
	
	
}
.left_b_c1
{
	margin:5px 3px 5px 3px;
}
.left_b_f
{
	height:25px;
	width:100%;
	background:url(images/b_f.gif) no-repeat;
	
}


.right_b
{
	width:218px;height:auto;
	margin-top:0px;
	margin-right:45px;
	margin-left:0px;
	
	
}
.right_b_h
{
	height:25px;
	width:100%;
	background:url(images/b_h.gif) no-repeat;
	
}
.right_b_h .title
{
	text-align:center;
	padding-top:10px;
	color:#1C3353;
	font-size:14px;
	font-weight:bold;
}
.right_b_h_line
{
	height:16px;
	width:100%;
	background:url(images/strip.gif) no-repeat;
	
	
	
}
.right_b_c
{
	width:100%;height:auto;display:block;padding:5px 0px 5px 0px;
	background-color:#D4E3F6;
	margin:0px 0px 0px 0px;
	
	
}
.right_b_c1
{
	margin:5px 3px 5px 3px;
}
.right_b_f
{
	height:25px;
	width:100%;
	background:url(images/b_f.gif) no-repeat;
	
}

.left_b_c1 ul
{

	
	z-index:200px;
}
.left_b_c1 ul li 
{
	
	display: block;
	list-style-type:disc !important;
	display:block !important;
	
	
	
	
padding:5px 0px 5px 0px;
}
.left_b_c1 ul li a
{
	
}
.nor_box
{
	width:600px;
	margin:0px auto 0px auto;
	
}
.nor_box span
{
	font-size:24px;
	color:#2E4263;
	
	padding-top:10px;
	width:100%;
	text-align:center;
	display:block;
}
.spantn
{
	font-size:24px;
	color:#2E4263;
	
	line-height:20px;
	width:100%;
	text-align:center;
	display:block;
}

.hidden
{
  display: none;
}

.lbl
{
	padding:5px 0px 5px 0px ;
}
/*======l================= left menu  style start here ======================*/

ul.makeMenu{
  width: 150px;                
  border: 0px solid #000;      
  
  padding-left: 0px;          
  cursor: default;            
  margin-left: 20px; 
 PADDING-BOTTOM:10px;
 z-index:200;

		            
}
ul.makeMenu ul 
{
 width: 170px;                 
  border: 1px solid #699BC9;      
  background-color:#D4E3F6;    
  padding-left: 0px;          
  cursor: default;            
  margin-left: 20px; 
 
 PADDING-BOTTOM:10px;
z-index:201;
  
  


}
ul.makeMenu ul li
{
 
margin-left:10px;
}

ul.makeMenu li {
  list-style-type: none;       
  margin: 0px;                
  position: relative;          
  color: #000;
  
   display:block !important;
   background:url(images/bullet.gif)no-repeat 0px 8px;
   padding-left:20px;    
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 90px; 
   
                 /* this must not be more than the width of the parent block, or the mouse will               /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
 
  color: #000;               
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;  
              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;  
         /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #000; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000;text-decoration: none; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */


/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url(App_Themes/nic/HtmlPage.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}

/*======l================= eft menu  style end here ======================*/


/*======l================= Top menu  style end here ======================*/

.icon_con
{
	width:1000px;height:auto;margin:0px auto 0px auto;
}
.s_icon
{
	
	width:150px;padding-left:5px;padding-right:5px;padding-bottom:5px;float:left;
	}
	
	#tooltip {
    padding: 5px;
    background:#25395C;
    border: 1px solid white;
    text-align: center;
    font-size: smaller;
    color:White;
}

span.tip {
    border-bottom: 1px solid #eee;
}




/*======l================= left menu  style start here ======================*/

ul.makeMenu1{
  width: 150px;                
  border: 0px solid #000;      
  
  padding-left: 0px;          
  cursor: default;            
  margin-left: 20px; 
 PADDING-BOTTOM:10px;
 z-index:200;

		            
}
ul.makeMenu1 ul 
{
 width: 170px;                 
  border: 1px solid #699BC9;      
  background-color:#D4E3F6;    
  padding-left: 0px;          
  cursor: default;            
  margin-left: 20px; 
 
 PADDING-BOTTOM:10px;
z-index:201;
  
  


}
ul.makeMenu1 ul li
{
 
margin-left:10px;
}

ul.makeMenu1 li {
  list-style-type: none;       
  margin: 0px;                
  position: relative;          
  color: #000;
  
   display:block !important;
   background:url(images/bullet.gif)no-repeat 0px 8px;
   padding-left:20px;    
}

ul.makeMenu1 li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 90px; 
   
                 /* this must not be more than the width of the parent block, or the mouse will               /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu1 li:hover, ul.makeMenu li.CSStoHighlight {
 
  color: #000;               
}
ul.makeMenu1 ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;  
              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu1 li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;  
         /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu1 li a { color: #000; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu1 li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000;text-decoration: none; }
ul.makeMenu1 li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */


/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu1 li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url(../App_Themes/nic/HtmlPage.htc );
}
ul.makeMenu1 ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}

/*======l================= eft menu  style end here ======================*/

.link a 
{ color: white;
}
.link 
{ color: white;
  font-weight:bold;
}
