.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
.menu ul{
	background:#333333;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:25px;
		margin:0px;
		padding:0px 12px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #17903f url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:130px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
		/* Sub mouseover width */
	.menu li li {
		display:block;
		height:25px;
		float:none;
		margin:0px;
		padding:0px;
		width:130px;
		padding:0px 0px 0px 0px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:18px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 0px 5px 5px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#17903f;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

.jrmenu {width:1020px; height:22px; position:relative; z-index:100; border-right:1px solid #000066; font-family:verdana, arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .jrmenu {width:1001px; w\idth:1000px;}

/* remove all the bullets, borders and padding from the default list styling */
.jrmenu ul {padding:0;margin:0;list-style-type:none;}
.jrmenu ul ul {width:229px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown jrmenu positon */
.jrmenu li {float:left;width:119px;position:relative;}

/* style the links for the top level */
.jrmenu a, .jrmenu a:visited {display:block;font-size:10px;text-decoration:none; color:#fff; width:126px; height:20px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#414141; padding-left:10px; line-height:20px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .jrmenu a, * html .jrmenu a:visited {width:129px; w\idth:118px;}
 
/* style the second level background */
.jrmenu ul ul a.drop, .jrmenu ul ul a.drop:visited {background:#414141 url(../gray-a.gif) no-repeat 190px;}
/* style the second level hover */
.jrmenu ul ul a.drop:hover{background:#000000 url(../black-a.gif) no-repeat 190px;}
.jrmenu ul ul :hover > a.drop {background:#000000 url(../black-a.gif) no-repeat 190px;}

/* style the third level background */
.jrmenu ul ul ul a, .jrmenu ul ul ul a.drop:visited {background:#414141;}
/* style the third level hover */
.jrmenu ul ul ul a:hover {background:#000000 190px;}

/* style the fourth level background */
.jrmenu ul ul ul ul a, .jrmenu ul ul ul ul a:visited {background:#414141;}
/* style the fourth level hover */
.jrmenu ul ul ul ul a:hover {background:#000000;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.jrmenu ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:188px;border-top:1px solid #000;}
.jrmenu ul ul ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:188px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .jrmenu ul ul {top:30px;t\op:31px;}
* html .jrmenu ul ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout jrmenu */
.jrmenu ul ul ul{left:209px; top:-1px; width:209px;}
 
/* position the third level flyout jrmenu for a left flyout */
.jrmenu ul ul ul.left {left:-209px;}
  
/* position the fourth level flyout jrmenu */
.jrmenu ul ul ul ul{left:209px; top:-1px; width:209px;}
 
/* position the fourth level flyout jrmenu for a left flyout */
.jrmenu ul ul ul ul.left {left:-209px;}
 
/* style the table so that it takes no part in the layout - required for IE to work */
.jrmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.jrmenu ul ul a, 
.jrmenu ul ul a:visited {background:#414141; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:188px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .jrmenu ul ul a, * html .jrmenu ul ul a:visited {width:210px;w\idth:188px;}
 
/* style the top level hover */
.jrmenu a:hover, 
.jrmenu ul ul a:hover{color:#fff; background:#000ee0;}
.jrmenu :hover > a, 
.jrmenu ul ul :hover > a {color:#fff; background:#000000;}
 
/* make the second level visible when hover on first level list OR link */
.jrmenu ul li:hover ul,
.jrmenu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.jrmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.jrmenu ul :hover ul :hover ul{ visibility:visible;}
  
/* keep the fourth level hidden when you hover on second level list OR link */
.jrmenu ul :hover ul :hover ul ul{visibility:hidden;}
/* keep the fourth level visible when you hover on third level list OR link */
.jrmenu ul :hover ul :hover ul :hover ul {visibility:visible;}


.srmenu {width:1020px; height:22px; position:relative; z-index:100; border-right:1px solid #000066; font-family:verdana, arial, sans-serif; align:center;}
/* hack to correct IE5.5 faulty box model */
* html .srmenu {width:1001px; w\idth:1000px;}

/* remove all the bullets, borders and padding from the default list styling */
.srmenu ul {padding:0;margin:0;list-style-type:none;}
.srmenu ul ul {width:179px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown srmenu positon */
.srmenu li {float:left;width:169px;position:relative;}

/* style the links for the top level */
.srmenu a, .srmenu a:visited {display:block;font-size:13px;text-decoration:none; color:#fff; width:176px; height:22px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#414141; padding-left:10px; line-height:20px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .srmenu a, * html .srmenu a:visited {width:179px; w\idth:118px;}
 
/* style the second level background */
.srmenu ul ul a.drop, .srmenu ul ul a.drop:visited {background:#414141 url(../gray-a.gif) no-repeat 190px;}
/* style the second level hover */
.srmenu ul ul a.drop:hover{background:#000000 url(../black-a.gif) no-repeat 190px;}
.srmenu ul ul :hover > a.drop {background:#000000 url(../black-a.gif) no-repeat 190px;}

/* style the third level background */
.srmenu ul ul ul a, .srmenu ul ul ul a.drop:visited {background:#414141;}
/* style the third level hover */
.srmenu ul ul ul a:hover {background:#000000 190px;}

/* style the fourth level background */
.srmenu ul ul ul ul a, .srmenu ul ul ul ul a:visited {background:#414141;}
/* style the fourth level hover */
.srmenu ul ul ul ul a:hover {background:#000000;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.srmenu ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:188px;border-top:1px solid #000;}
.srmenu ul ul ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:188px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .srmenu ul ul {top:30px;t\op:31px;}
* html .srmenu ul ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout srmenu */
.srmenu ul ul ul{left:209px; top:-1px; width:209px;}
 
/* position the third level flyout srmenu for a left flyout */
.srmenu ul ul ul.left {left:-209px;}
  
/* position the fourth level flyout srmenu */
.srmenu ul ul ul ul{left:209px; top:-1px; width:209px;}
 
/* position the fourth level flyout srmenu for a left flyout */
.srmenu ul ul ul ul.left {left:-209px;}
 
/* style the table so that it takes no part in the layout - required for IE to work */
.srmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.srmenu ul ul a, 
.srmenu ul ul a:visited {background:#414141; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:188px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .srmenu ul ul a, * html .srmenu ul ul a:visited {width:210px;w\idth:188px;}
 
/* style the top level hover */
.srmenu a:hover, 
.srmenu ul ul a:hover{color:#fff; background:#000ee0;}
.srmenu :hover > a, 
.srmenu ul ul :hover > a {color:#fff; background:#000000;}
 
/* make the second level visible when hover on first level list OR link */
.srmenu ul li:hover ul,
.srmenu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.srmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.srmenu ul :hover ul :hover ul{ visibility:visible;}
  
/* keep the fourth level hidden when you hover on second level list OR link */
.srmenu ul :hover ul :hover ul ul{visibility:hidden;}
/* keep the fourth level visible when you hover on third level list OR link */
.srmenu ul :hover ul :hover ul :hover ul {visibility:visible;}