/* -----------------------------------------------------------------------
Title: PHXNavMultiVertical.css
Copyright: (c) 2009
Author: BenW
Company: City of Phoenix
Description: Dynamic navigation styles for the Oracle CMS for phoenix.gov
Adapted from nav.css produced by Smitty at Rhino Internet Solutions
------------------------------------------------------------------------- */

a.PHXNavMultiVertical:hover, a.PHXNavMultiVertical-1:hover, a.PHXNavMultiVertical-2:hover, a.PHXNavMultiVertical-3:hover, a.PHXNavMultiVertical-4:hover, a.PHXNavMultiVertical-5:hover, a.PHXNavMultiVertical-6:hover, a.PHXNavMultiVertical-7:hover, a.PHXNavMultiVertical-8:hover, a.PHXNavMultiVertical-9:hover {
	background-color:#FFFFFF !important;
	color:#990066;
	text-decoration:underline;
}
.PHXNavMultiVertical-focus, .PHXNavMultiVertical-focus-1, .PHXNavMultiVertical-focus-2, .PHXNavMultiVertical-focus-3, .PHXNavMultiVertical-focus-4, .PHXNavMultiVertical-focus-5, .PHXNavMultiVertical-focus-6, .PHXNavMultiVertical-focus-7, .PHXNavMultiVertical-focus-8, .PHXNavMultiVertical-focus-9 {
	color:#990066;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
a.PHXNavMultiVertical-focus:hover, a.PHXNavMultiVertical-focus-1:hover, a.PHXNavMultiVertical-focus-2:hover, a.PHXNavMultiVertical-focus-3:hover, a.PHXNavMultiVertical-focus-4:hover, a.PHXNavMultiVertical-focus-5:hover, a.PHXNavMultiVertical-focus-6:hover, a.PHXNavMultiVertical-focus-7:hover, a.PHXNavMultiVertical-focus-8:hover, a.PHXNavMultiVertical-focus-9:hover {
	background-color:#FFFFFF !important;
	color:#990066 !important;
}
dt.PHXNavMultiVertical, dt.PHXNavMultiVertical-focus {
	margin-bottom:5px !important;
	margin-left:0;
}
.PHXNavMultiVertical {
	display:inline;
	font-size:1em;
	line-height:1em;
	margin:0 0 20px;
	padding:0;
	width:100%;
}
.PHXNavMultiVertical a {
	background-color:#EFEFEF;
	/*border-top:1px solid #CCCCCC;*/
	color:#333333;
	display:block;
	font-weight:bold;
	line-height:1.25em;
	padding:0.32em 0.6em;
	vertical-align:bottom;
}
.PHXNavMultiVertical a:visited {
	/*border-top:1px solid #CCCCCC;*/
	color:#333333;
}
.PHXNavMultiVertical a:hover {
	background-color:#FFFFFF;
	/*border-top:1px solid #CCCCCC;*/
	color:#990066;
}
/* ----------------------------------
   Vertical 1 - not used normally, displays entire leftnav on site
------------------------------------*/

.PHXNavMultiVertical-1 {
	display:inline;
	font-size:1em;
	line-height:1em;
	margin-bottom:20px;
	padding:0;
}
.PHXNavMultiVertical-1 {
	display:inline;
	margin:0;
	padding:0;/*width:100%;*/
}
.PHXNavMultiVertical-1 a {
	background-color:#EFEFEF !important;
	border-top:1px solid #CCCCCC;
	color:#333333;
	display:block;
	font-weight:bold;
	line-height:1.25em;
	padding:0.32em 0.6em;
	vertical-align:bottom;/*width:100%;*/
}
.PHXNavMultiVertical-1 a:visited {
	color:#333333;
}
.PHXNavMultiVertical-1 a:hover {
	background-color:#FFFFFF;
	color:#990066;
}
.PHXNavMultiVertical-focus-1 {
	border-top:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#990066;
	display:block;
	font-size:1em;
	font-weight:bold;
	line-height:1.25em;
	margin:0;
	padding:0.32em 0.6em;
	width:100%;
}
dt.PHXNavMultiVertical-1, dt.PHXNavMultiVertical-focus-1 {
	display:inline !important;
	font-size:1em !important;
	line-height:1em !important;
	padding:0 !important;
}
/* ----------------------------------
   Vertical 2 -- same as subnav-2 in rhino's css
------------------------------------*/

.PHXNavMultiVertical-2 {
	display: inline; /* Eliminates extra vertical space in IE */
	margin: 0;
	padding: 0;
}
.PHXNavMultiVertical-2 a {
   background-color: #EFEFEF;
   border-top: 1px solid #CCC;
   border-bottom: none !important;
   color: #333;
   display: block;
   font-weight: bold;
   line-height: 1.25em;
   padding: .32em .6em;
   vertical-align: bottom;
}
.PHXNavMultiVertical-2 a:visited {
   color: #333;
   border-top: 1px solid #CCC;
}
.PHXNavMultiVertical-2 a:hover a.focus {
	background-color: #FFF;
	color: #906;
	border-top: 1px solid #CCC;
}
.PHXNavMultiVertical-focus-2 {
   background-color: #ffffff;
   border-top: 1px solid #CCC;
   color: #906;
   font-size:1em;
   margin: 0 0 0 0;
   padding: 4px 0 4px 7px;
   display: block;
   font-weight: bold;
   line-height: 1.25em;
    /*padding: .32em .6em;*/
   /*vertical-align: bottom;*/
}
.PHXNavMultiVertical-focus-2 a, a:visited {
	color: #906;
	border-top: none;
}
dt.PHXNavMultiVertical-2, dt.PHXNavMultiVertical-focus-2 {
	margin-bottom:0;
	padding:0;
}
/* ----------------------------------
   Vertical 3 -- same as subnav-3 in rhino's css
------------------------------------*/

.PHXNavMultiVertical-3 {
   font-size:1.0em;
   margin: 0;
   padding: 0;
   width: 94%;
   display:inline;
}
.PHXNavMultiVertical-3 a {
   background-color: #FFF;
padding: .32em 0 .32em 1.5em;
   border-top: 1px solid #CCC;
   font-weight:bold;
   color:#333;
   line-height: 1.25em;
   display: block;
}
.PHXNavMultiVertical-3 a:visited {
   color: #333;
   /*border-top: 1px solid #CCC;*/
}
.PHXNavMultiVertical-3 a:hover {
	color:#990066;
	text-decoration:underline;
}
.PHXNavMultiVertical-focus-3 {
   font-size: 1.0em;
   background-color: #FFF;
   border-top: 1px solid #CCC;
   padding: .32em 0 .32em 1.5em;
   margin: 0 0 0 0;
   font-weight:bold;
   color:#906;
   line-height: 1.25em;
   /*width: 100%;*/
   display: block;
}
dd.PHXNavMultiVertical-3, dd.PHXNavMultiVertical-focus-3 {
	margin:0 !important;
	padding:0 !important;
	border-top: none !important;
	}
/* ----------------------------------
   Vertical 4 -- same as subnav-4 in rhino's css
------------------------------------*/

.PHXNavMultiVertical-4 {
	font-size:1em;
	font-weight:normal !important; /*was originally bold in this stylesheet */
}
.PHXNavMultiVertical-4 a {
	background:transparent url(../../../webcms/groups/internet/documents/web_asset/subnav_3_bullet.gif) no-repeat scroll 0.75em 0.6em;
	/*border-bottom: 1px dotted #CCCCCC; removed to comply with April 2008 rhino design */
	color:#666666;
	display:block;
	font-weight:normal !important;
	margin-left:.75em; /* was 1.66em, but changed to match 04/08 rhino nav.css file */
	margin-top:4px;
	padding-bottom:4px;
	padding-left:1.5em;
}
.PHXNavMultiVertical-4 a.focus {
	color:#990066;
}
.PHXNavMultiVertical-focus-4 {
	color:#990066;
	display:block;
	font-size:1em;
	margin-left:0;
	line-height: 1.25em;
}
.PHXNavMultiVertical-focus-4 a {
	border-bottom:1px dotted #CCCCCC;
	color:#990066;
	display: block;
	font-weight: bold;
	padding: 0px 0 4px 2.25em;
	line-height: 1.25em;
	margin-top:4px;
}
dd.PHXNavMultiVertical-4, dd.PHXNavMultiVertical-focus-4 {
	margin-bottom:0;
	margin-left:0;
}
/* ----------------------------------
   Vertical 5 -- same as subnav-6 in rhino's css
------------------------------------*/

.PHXNavMultiVertical-5 {
	font-size:1em;
	font-weight:normal;
}
.PHXNavMultiVertical-5 a {
	background:transparent url(../../../webcms/groups/internet/documents/web_asset/subnav_3_bullet.gif) no-repeat scroll 0.75em 0.5em;
	color:#666666;
	display:block;
	margin:4px 0 7px 1.5em;
	padding-left:1.5em;
}
.PHXNavMultiVertical-focus-5 {
	font-size:1em;
	margin-left:0;
	line-height:1.25em;
}
.PHXNavMultiVertical-focus-5 a {
	border-bottom:1px dotted #CCCCCC;
	color:#990066;
	display:block;
	margin-top:4px;
	font-weight:bold;
	padding-bottom:1px;
	padding-left:3.1em;
	padding-top: 0px;
	line-height:1.25em;
	/*margin-left:.75em;*/
}
dd.PHXNavMultiVertical-5, dd.PHXNavMultiVertical-focus-5 {
	margin-bottom:0;
	margin-left:0;
}
/* ----------------------------------
   Vertical 6 -- same as subnav-7 in rhino's css
------------------------------------*/

.PHXNavMultiVertical-6 {
	font-size:1em;
	margin-left:0;
}
.PHXNavMultiVertical-6 a {
	background-position: .5em .75em;
	background:transparent url(../../../webcms/groups/internet/documents/web_asset/subnav_3_bullet.gif) no-repeat scroll 0.75em 0.5em;
	color:#666666;
	display:block;
	margin:4px 0 7px 2.65em;
	padding-left:1.5em;
}
.PHXNavMultiVertical-focus-6 {
	/*border-bottom:1px dotted #ccc;*/
	background:none;
	line-height:1.25em;
}
.PHXNavMultiVertical-focus-6 a {
	color:#906;
	background:none;
	display:block;
	padding-top:0px;
	padding-bottom: 1px;
	padding-left:4.15em;
	line-height:1.25em;
	border-bottom:1px dotted #ccc;
	margin-top:4px;
}
dd.PHXNavMultiVertical-6, dd.PHXNavMultiVertical-focus-6 {
	margin-bottom:0;
	margin-left:0;
}
/* ----------------------------------
   Vertical 7
------------------------------------*/

.PHXNavMultiVertical-7 {
	font-size:1em;
	margin-left:0;
}
.PHXNavMultiVertical-7 a {
	background:transparent url(../../../webcms/groups/internet/documents/web_asset/subnav_3_bullet.gif) no-repeat scroll 0.75em 0.5em;
	color:#666666;
	display:block;
	margin:4px 0 7px 3.65em;
	padding-left:1.5em;
}
.PHXNavMultiVertical-focus-7 {
	font-size:1em;
	margin-left:0;
	line-height:1.25em;
}
.PHXNavMultiVertical-focus-7 a {
	border-bottom:1px dotted #CCCCCC;
	color:#990066;
	display:block;
	font-size:1em;
	font-weight:bold;
	padding-bottom: 0;
	padding-left:5.25em;
	padding-top:0px;
	line-height:1.25em;
}
dd.PHXNavMultiVertical-7, dd.PHXNavMultiVertical-focus-7 {
	margin-bottom:0;
	margin-left:0;
}
/* ----------------------------------
   Vertical 8
------------------------------------*/

.PHXNavMultiVertical-8 {
	font-size:1em;
	margin-left:0;
}
.PHXNavMultiVertical-8 a {
	background:transparent url(../../../webcms/groups/internet/documents/web_asset/subnav_3_bullet.gif) no-repeat scroll 0.75em 0.5em;
	color:#666666;
	display:block;
	margin:4px 0 4px 5.61em;
	padding-left:1.5em;
}
.PHXNavMultiVertical-focus-8 {
	font-size:1em;
	margin-left:0;
	line-height:1.25em;
}
.PHXNavMultiVertical-focus-8 a {
	border-bottom:1px dotted #CCCCCC;
	color:#990066;
	display:block;
	font-size:1em;
	font-weight:bold;
	padding-bottom:0;
	padding-left:6.86em;
	padding-top:4px;
	line-height:1.25em;
}
dd.PHXNavMultiVertical-8, dd.PHXNavMultiVertical-focus-8 {
	margin-bottom:0;
	margin-left:0;
}
/* ----------------------------------
   Vertical 9
------------------------------------*/

.PHXNavMultiVertical-9 {
	font-size:1em;
	margin-left:0;
}
.PHXNavMultiVertical-9 a {
	background:transparent url(../../../webcms/groups/internet/documents/web_asset/subnav_3_bullet.gif) no-repeat scroll 0.75em 0.5em;
	color:#666666;
	display:block;
	margin:4px 0 4px 6.61em;
	padding-left:1.5em;
}
.PHXNavMultiVertical-focus-9 {
	font-size:1em;
	margin-left:0;
	line-height:1.25em;
}
.PHXNavMultiVertical-focus-9 a {
	border-bottom:1px dotted #CCCCCC;
	color:#990066;
	display:block;
	font-size:1em;
	font-weight:bold;
	padding-bottom:0;
	padding-left:7.86em;
	padding-top:4px;
	line-height:1.25em;
}
dd.PHXNavMultiVertical-9, dd.PHXNavMultiVertical-focus-9 {
	margin-bottom:0;
	margin-left:0;
}