/* main menu */

#nav {

	

}



.float-ptr {

	font-size: 130%;

	float: right;

	background: url(images/arrows.gif) no-repeat scroll -16px 0 transparent;

	height: 8px;

	width: 8px;

	top: 45%;

	right: 3px;

	position: absolute;

}

.down-ptr {

	font-size: 130%;

	float: right;

	background: url(images/arrows.gif) no-repeat scroll 0 0 transparent;

	height: 8px;

	width: 8px;

	top: 45%;

	right: 5px;

	position: absolute;

	margin-left: 5px;

}

#nav ul li a.with-arrow, #nav-top ul li a.with-arrow { padding-right: 22px;}

/* remove all the bullets, borders and padding from the default list styling */

#nav ul {

	list-style: none;

	list-style-type:none;

	display: block;

	margin: 0 0 0 0;

	padding: 0;

	float: right;

	vertical-align: bottom;

}



#nav ul li {

	margin: 0 4px 0 0;

	padding: 0;

	float: left;

	border: 1px solid #009000;

}

#nav.continuous ul, #nav-top.continuous ul {

	margin-left: 10px;

}

#nav.continuous ul ul, #nav-top.continuous ul ul {

	margin-left: 0;

}

#nav.continuous ul li {

	margin: 0;

	border: none;

}



#nav ul li a {

	padding: 8px 8px 5px 8px;

	text-decoration: none;

	color: #222;

	display: inline-block;

}



#nav ul ul li,

#nav ul ul li a {

	z-index: 100;

}



#nav .current_page_item a,

#nav .current_page_item a:hover,

#nav li a:active {

	text-decoration: none;

}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#nav li {

	float:left;

	position:relative;

	z-index: 1;

}



#nav li a:hover,

#nav li:hover,

#nav li.sfHover {

	z-index: 100;

}



/* Styling for navigation menus */

#nav ul ul li a,

#nav ul ul li a:visited {

	padding: 8px 8px 5px 8px;

	text-decoration: none;

	color: #222;

	display: block;

	line-height:22px;

}



#nav ul ul li a:hover {

	color: #fff;

}



/* style the links for the top level */

#nav a,

#nav a:visited {

	color: #000000;

}



#nav a,

#nav a:visited {

	display:block;

	font-size: 100%;

	text-decoration:none;

	height:22px;

	padding: 8px 8px 5px 8px;

	line-height:22px;

	font-weight:bold;

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav ul ul {

	visibility:hidden;

	position:absolute;

	height:0;

	top:35px;

	left:0;

	width:149px;

}



/* position the third level flyout menu */

#nav ul ul ul {

	left:145px;

	top:-1px;

	width:149px;

}



/* position the third level flyout menu for a left flyout */

#nav ul ul ul.left {

	left:-149px;

}



/* style the second level links */

#nav ul ul a,

#nav ul ul a:visited {

	height:auto;

	line-height:1em;

	padding:8px 10px 5px 10px;

	width:100%;

	border-width:1px 1px 1px 1px;

	text-align: left;

}



/* make the second level visible when hover on first level list OR link */

#nav ul li:hover ul,

#nav ul li.sfHover ul,

#nav ul a:hover ul {

	visibility:visible;

}



/* keep the third level hidden when you hover on first level list OR link */

#nav ul li:hover ul ul,

#nav ul li.sfHover ul ul,

#nav ul a:hover ul ul {

	visibility:hidden;

}



/* make the third level visible when you hover over second level list OR link */

#nav ul :hover ul li:hover ul,

#nav ul :hover ul li.sfHover ul,

#nav ul :hover ul a:hover ul {

	visibility:visible;

}



/* make the fourth level hidden when you hover over second level list OR link */

#nav ul :hover ul li:hover ul ul,

#nav ul :hover ul li.sfHover ul ul,

#nav ul :hover ul a:hover ul ul {

	visibility:hidden;

}



#nav-top {

	font-size: 100%;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	padding: 0 10px;

}



/* remove all the bullets, borders and padding from the default list styling */

#nav-top ul {

	list-style: none;

	list-style-type:none;

	display: block;

	margin: 0 0 -1px 0;

	padding: 0;

	vertical-align: bottom;

}



#nav-top ul li {

	margin: 0 0 0 0;

	padding: 0;

	float: left;

	border-width: 1px;

	border-style: solid;

}



#nav-top ul li a {

	line-height:2em;

	padding: 8px 8px 5px 8px;

	text-decoration: none;

	color: #222;

	display: inline-block;

}



#nav-top ul ul li,

#nav-top ul ul li a,

#nav-top ul ul ul li,

#nav-top ul ul ul li a,

#nav-top ul ul ul ul li,

#nav-top ul ul ul ul li a,

#nav-top ul ul ul ul ul li,

#nav-top ul ul ul ul ul li a,

#nav-top ul ul ul ul ul ul li,

#nav-top ul ul ul ul ul ul li a {

	z-index: 100;

}



#nav-top .current_page_item a,

#nav-top .current_page_item a:hover,

#nav-top li a:active {

	text-decoration: none;

}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#nav-top li {

	float:left;

	position:relative;

	z-index: 1;

}



#nav-top li a:hover,

#nav-top li:hover,

#nav-top li.sfHover {

	z-index: 100;

}



/* Styling for navigation menus */

#nav-top ul ul li a,

#nav-top ul ul li a:visited {

	padding: 8px 8px 5px 8px;

	text-decoration: none;

	color: #222;

	display: block;

	line-height:22px;

}



#nav-top ul ul li a:hover {

	color: #fff;

}



/* style the links for the top level */

#nav-top a,

#nav-top a:visited {

	color: #000000;

}



#nav-top a,

#nav-top a:visited {

	display:block;

	font-size: 108%;

	text-decoration:none;

	height:22px;

	padding: 8px 8px 5px 8px;

	line-height:22px;

	font-weight:bold;

}



#nav-top.continuous ul {

	margin: 0;

}

#nav-top.continuous ul li {

	margin: 0;

	border: none;

}

#nav-top.continuous a,

#nav-top.continuous a:visited {

	font-size: 100%;

	height:22px;

	padding: 8px 8px 5px 8px;

	line-height:22px;

	font-weight:bold;

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav-top ul ul {

	visibility:hidden;

	position:absolute;

	height:0;

	top:35px;

	left:0;

	width:149px;

}



/* position the third level flyout menu */

#nav-top ul ul ul {

	left:145px;

	top:-1px;

	width:149px;

}



/* position the third level flyout menu for a left flyout */

#nav-top ul ul ul.left {

	left:-149px;

}



/* style the second level links */

#nav-top ul ul a,

#nav-top ul ul a:visited {

	height:auto;

	line-height:1em;

	padding:8px 10px 5px 10px;

	width:128px;

	border-width:1px 1px 1px 1px;

	text-align: left;

}



/* make the second level visible when hover on first level list OR link */

#nav-top ul li:hover ul,

#nav-top ul li.sfHover ul,

#nav-top ul a:hover ul {

	visibility:visible;

}



/* keep the third level hidden when you hover on first level list OR link */

#nav-top ul li:hover ul ul,

#nav-top ul li.sfHover ul ul,

#nav-top ul a:hover ul ul {

	visibility:hidden;

}



/* make the third level visible when you hover over second level list OR link */

#nav-top ul :hover ul li:hover ul,

#nav-top ul :hover ul li.sfHover ul,

#nav-top ul :hover ul a:hover ul {

	visibility:visible;

}



/* make the fourth level hidden when you hover over second level list OR link */

#nav-top ul :hover ul li:hover ul ul,

#nav-top ul :hover ul li.sfHover ul ul,

#nav-top ul :hover ul a:hover ul ul {

	visibility:hidden;

}



/* sub menu */

#subnav {

	background: #fff;

	margin-top: 15px;

	border: 1px solid #c0c0c0;

}

#subnav ul {

	margin: 0;

	padding: 0 0 0 5px;

	list-style: none;

}

#subnav li {

	border-right: 1px solid #D8D8D8;

	padding: 4px 7px;

	margin: 0;

	float: left;

	font-weight: bold;

}

#subnav li a, #subnav li a:visited, #subnav .page_item {

	text-decoration: none;

	color: #c0c0c0;

}



#subnav li a:hover {

	text-decoration: none;

}



#subnav ul li ul li{display: none;}



/* Level 3 */

.hier-nav {

	background: #EDF3E6;

	margin-top: 3px;

	border: 1px solid #c0c0c0;

}



.hier-nav ul {

	margin: 0;

	padding: 0 0 0 5px;

	list-style: none;

}



.hier-nav li {

	border-right: 1px solid #D8D8D8;

	padding: 4px 7px;

	margin: 0;

	float: left;

	font-weight: normal;

	font-size: 91.67%;

}



.hier-nav li a, .hier-nav li a:visited, .hier-nav .page_item {

	text-decoration: none;

	color: #c0c0c0;

}



.hier-nav .current_page_item, .hier-nav .current_page_parent {

	background: #fff;

	border-left: 1px solid #D8D8D8;

}



.hier-nav li a:hover {

	text-decoration: none;

}



.hier-nav ul li ul li {

	display: none;

}



.breadcrumb {

	font-size: 108%;

	padding: 3px 5px 3px 8px;

}