/*
 *  nmcDropDown example
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:active{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}/*table edited by indira 23-10-11{border-collapse:collapse;border-spacing:0;}*/


/* Begin general styles */

html {
  /*background: #eee;*/
  }

body {
	/*font-size: 87.5%; */    /* Reset base size to 14px */
	line-height: 0.43em; /* Reset line height to 20px */
	font:12px Verdana, Arial, sans-serif;
	background-color:#262626;
	}

#wrapper {
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
	}
	
body, h1, h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
p {
  padding-bottom: 1.43em;
	}
	
a:link, a:visited {
  /*color: #3333cc;*/
  font: Verdana, sans-serif; /*color:#fff;*/
  text-decoration: none;
	}	
a:focus, a:hover, a:active {
color:#FB7E0E;
  text-decoration: none;
	}

h1 {
  font-size: 1.43em;
	}
	
h2 {
  font-size: 1.14em;
	}

/* End text */ 


/* Begin header styles */

/*#header {
  float: left;
  width: 100%;
  height: 60px;
  }
  
#logo a {
  float: left;
  padding: 20px 0;
	}*/

#nav {
	margin-left:auto;
	margin-right:auto;
	/*width:918px;*/
	float: left;
	margin:  0;
	padding: 0 ;
	height: 30px;
	background: #33CCFF;
	/*border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	}
#nav li {
	float: left;
	position: relative;
	z-index:999;
	}
#nav li.open, #nav li:hover {
 /* background: #33CC00;*/

  }
#nav li a {
	display: block;
	/*padding: 5px 25px;
	line-height: 20px;*/
	font:11px Verdana, sans-serif;
	/*font:12px Ænigma Scrawl 4 BRK;*/
	color: #ccc;
	text-decoration: none;
	
	}
  #nav li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 150px;

  padding: 0 0 5px;
  background: #000;

opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */

 
  
 /* border: solid #bbb;
  border-width: 0 1px 1px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  box-shadow: 0 3px 3px rgba(0,0,0,0.15);*/
  
  }
  
  
  #nav li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 180px;
  height:auto;
  padding:1px 0 0 5px;
  background: #000;
  -moz-opacity:0.5;
  filter: alpha(opacity=100);	/* For mozilla, crome, etc.. */
  opacity: 0.8;

  
  
 }
  
  
#nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none;
 
  }
  
  
#nav li ul li a {
padding:5px 0 0 5px;
margin:3px 0px;

height:20px;
  display: inline-block;
  }
#nav li ul li a {display: block;}





#nav li ul li a:hover {


background:url(images/list_h2.jpg) no-repeat;
  color: #000;
  }




	
		#nav ul li {
	
			border-top:1px solid #ccc;
			
		}
		


/* End header */


/* Begin Sidebar */

#sidebar {
  float: right;
  width: 180px;
  }

#sidebarNav {
	padding: 10px 0;
	background: #ccc;
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#sidebarNav li {
  border-top: 0 solid #ccc;
  }
#sidebarNav li:hover, #sidebarNav li.open {
  background: #bbb;
  }
#sidebarNav li a {
	display: block;
	padding: 5px 10px;
	line-height: 20px;
	color: #444;
	font-weight: bold;
	text-decoration: none;
  display: inline-block;
  }
#sidebarNav li a {display: block;}
#sidebarNav li p {
  display: none;
  padding: 5px 10px 10px;
	color: #444;
	border-top: 1px dashed #aaa;
  }
#sidebarNav li:hover p {
  display: block;
  }
  
/* End Sidebar */


/* Begin body styles */

#body {
  float: left;
  clear: both;
  width: 600px;
	}
	
/* End body */






/*INDIRA MENTIONED STYLES*/



.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}










/*INDIRA MENTIONED ENBDS STYLES*/


#nav2 {
	margin-left:auto;
	margin-right:auto;
	/*width:918px;*/
	float: left;
	margin: 0;
	padding: 0 ;
	height: 30px;
	background: #33CCFF;
	/*border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	}
#nav2 li {
	float: left;
	position: relative;
	z-index:999;
	}
#nav2 li.open, #nav li:hover {
 /* background: #33CC00;*/

  }
#nav2 li a {
	display: block;
	/*padding: 5px 25px;
	line-height: 20px;*/
	font:11px Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	
	}





#nav2 li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 180px;
  height:auto;
  padding:1px 0 0 5px;
  background: #000;
  -moz-opacity:0.5;
  filter: alpha(opacity=100);	/* For mozilla, crome, etc.. */
  opacity: 0.8;

  
  
 }
  
  
#nav2 li:hover ul {
  display: block;
  }
#nav2 li ul li {
  float: none;
 
  }
  
  
#nav2 li ul li a {
	padding:5px 0 0 5px;
	margin:3px 0px;

	height:20px;
  	display: inline-block;
  }
  
  
#nav2 li ul li a {display: block;}





#nav2 li ul li a:hover {


background:url(images/list_h3.jpg) no-repeat;
  color: #000;
  }





	
		#nav2 ul li {
	
			border-top:1px solid #ccc;
			
		}
		



/*NAV 3 STARTS*/


#nav3 {
	margin-left:auto;
	margin-right:auto;
	/*width:918px;*/
	float: left;
	margin:  0;
	padding: 0 ;
	height: 30px;
	background: #33CCFF;
	/*border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	}
#nav3 li {
	float: left;
	position: relative;
	z-index:999;
	}
#nav3 li.open, #nav li:hover {
 /* background: #33CC00;*/

  }
#nav3 li a {
	display: block;
	/*padding: 5px 25px;
	line-height: 20px;*/
	font:11px Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	
	}





#nav3 li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 180px;
  height:auto;
  padding:0 0 0 5px;
  background: #000;
  -moz-opacity:0.5;
  filter: alpha(opacity=100);	/* For mozilla, crome, etc.. */
  opacity: 0.8;

  
  
 }
  
  
#nav3 li:hover ul {
  display: block;
  }
#nav3 li ul li {
  float: none;
 
  }
  
  
  
#nav3 li ul li a {
	padding:5px 0 0 5px;
	margin:3px 0px;
	height:20px;
  	display: inline-block;
  }
  
  
#nav3 li ul li a {display: block;}





#nav3 li ul li a:hover {
	background:url(images/list_h1.jpg) no-repeat;
    color: #000;
  }






	
		#nav3 ul li {
	
			border-top:1px solid #ccc;
			
		}
		


/*NAV3 ENDS*/





a













/* End header */