/* Basic code - don't modify */

 

 #nav { display: block; margin: 0; padding: 0; position: relative; }

  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }

  #nav a { display: block; }

  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }

  * html #nav ul { line-height: 0; } /* IE6 "fix" */

  	#nav ul a { zoom: 1; } /* IE6/7 fix */

    #nav ul li { float: none; }

    #nav ul ul { top: 0; }

    

/* Essentials - configure this */



#nav ul { width: 180px;z-index:1016; }

#nav ul ul { left: 131px; }



/* Everything else is theming */

 

#nav { background-color: #30A8C3; height: 37px;background:url(images/nav_bg.jpg) repeat-x;}

#nav *:hover { background-color: none; }

#nav a { color: white; font-size: 14px; padding: 12px; line-height: 1;padding-left:29px;padding-right:29px;background:url(images/nav_border.jpg) no-repeat right 0px;padding-bottom:11px;}

  #nav li.hover a { background-color: #5E5A5A; }

  #nav ul { top: 36px;border-bottom:solid 1px #555;}

    #nav ul li a { background-color: #5E5A5A;padding:10px;overflow:hidden;text-align:center;padding-left:0px;padding-right:0px;background-image:none;}

      #nav ul a.hover { background-color: #30A8C3; }

   #nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav ul ul

	{

		margin-left:48px;

	}

*html #nav ul li {margin-bottom:-3px;}

.navLeft

	{

		position:absolute;

		top:0px;

		left:0px;

		background:url(images/nav_left.gif) no-repeat;

		width:6px;

		height:6px;

	}

.navRight

	{

		position:absolute;

		top:0px;

		right:0px;

		background:url(images/nav_right.gif) no-repeat;

		width:6px;

		height:6px;

	}

.navers

	{

		padding-bottom:10px;position:relative;width:950px;

	}