/* ---------------------------------------------------
CVS: $Id: nav.css,v 1.7 2009/05/27 16:25:38 cvsdevel Exp $
Title: nav.css
Copyright: (c) 2008
Author: Smitty
Company: Rhino Internet Solutions
Description: Navigation styles for phoenix.gov
Modified by BenW 09-25-08 to modify placeholder styles for subnavs 6 and 7 linked-on for Oracle wysiwig editor
--------------------------------------------------- */

/* ---------------------------------------------------
=Primary Nav
Constitutes 3 columns of main site navigation
--------------------------------------------------- */

#primary-nav-1, #primary-nav-2, #primary-nav-3 {
	float: left;
	padding-top: 7px;
	margin: 0 0 0 0;
	width: 160px;
}
#primary-nav-1 {
	border-top: 1px solid #666;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}
#primary-nav-3 {
	margin-right: 0px;
}
#primary-nav-2, #primary-nav-3 {
	border-top: 1px solid #666;
}
#primary-nav-1 li, #primary-nav-2 li, #primary-nav-3 li {
	height: 1%;
	list-style: none;
	margin-bottom: .32em;
	margin-left: 0;
	padding: 0;
}
#primary-nav-1 li a, #primary-nav-2 li a, #primary-nav-3 li a {
	color: #333;
	display: block;
	line-height: 1.25em !important;
	padding: 2px 0;
	text-decoration: none;
	width: 160px;
}
#primary-nav-1 li a:hover, #primary-nav-2 li a:hover, #primary-nav-3 li a:hover {
	background-color: #EFEFEF;
	color: #906;
}
#primary-nav-1 .on, #primary-nav-2 .on, #primary-nav-3 .on {
	background-color: #EFEFEF;
	color: #906;
	font-weight: bold;
}

/* ---------------------------------------------------
=Primary Nav for Spanish pages
tighter horizontal spacing to accommodate wider logo
added by BenW 10-03-2008

--------------------------------------------------- */
#primary-nav-1-sp, #primary-nav-2-sp, #primary-nav-3-sp {
	float: left;
	padding-top: 7px;
	margin: 0 0 0 0;
	width: 150px;
}
#primary-nav-1-sp {
	border-top: 1px solid #666;
	font-weight: bold;
	margin-left: 6px;
	margin-right: 10px;
}
#primary-nav-3-sp {
	margin-right: 0px;
}
#primary-nav-2-sp, #primary-nav-3-sp {
	border-top: 1px solid #666;
}
#primary-nav-1-sp li, #primary-nav-2-sp li, #primary-nav-3-sp li {
	height: 1%;
	list-style: none;
	margin-bottom: .32em;
	margin-left: 0;
	padding: 0;
}
#primary-nav-1-sp li a, #primary-nav-2-sp li a, #primary-nav-3-sp li a {
	color: #333;
	display: block;
	line-height: 1.25em !important;
	padding: 2px 0;
	text-decoration: none;
	width: 150px;
}
#primary-nav-1-sp li a:hover, #primary-nav-2-sp li a:hover, #primary-nav-3-sp li a:hover {
	background-color: #EFEFEF;
	color: #906;
}
#primary-nav-1-sp .on, #primary-nav-2-sp .on, #primary-nav-3-sp .on {
	background-color: #EFEFEF;
	color: #906;
	font-weight: bold;
}


/* ---------------------------------------------------
=Subnav
Includes:
   Second (subnav-2)
   Third (subnav-3)
   Fourth (subnav-4)
   Fifth (subnav-5)
--------------------------------------------------- */

/* --{ Second }------------------------------------ */

.subnav-2 {
	/*border-bottom: 1px solid #CCC;*/
   font-size: 1em;
	line-height: 1em;
	margin-bottom: 20px;
	padding: 0;
	display:inline;
}
.subnav-3, .subnav-4, .subnav-5 {
	font-size: inherit;
}
.subnav-2 li {
	display: inline; /* Eliminates extra vertical space in IE */
	margin: 0;
	padding: 0;
	width: 100%;
}
.subnav-2 li a {
	background-color: #EFEFEF;
	border-top: 1px solid #CCC;
	color: #333;
	display: block;
	font-weight: bold;
	line-height: 1.25em;
	padding: .32em .6em;
	vertical-align: bottom;
}
.subnav-2 li a:hover, .subnav-2 li a.on {
	background-color: #FFF;
	color: #906;
	text-decoration: none;
}
/* the following subnavs replicate subnav bullet lists without the li tag, for Oracle wysiwig editor */

.subnav-2 {
	display: inline; /* Eliminates extra vertical space in IE */
	margin: 0;
	padding: 0;
	width: 100%;
}
.subnav-2 a {
	background-color: #EFEFEF;
	border-top: 1px solid #CCC;
	color: #333;
	display: block;
	font-weight: bold;
	line-height: 1.25em;
	padding: .32em .6em;
	vertical-align: bottom;
}
.subnav-2 a:visited {
	color: #333;
	border-top: 1px solid #CCC;
}
.subnav-2 a:hover, .subnav-2 a.on {
	background-color: #FFF;
	color: #906;
	border-top: 1px solid #CCC;
}
.subnav-2_linked_on {
	background-color: #ffffff;
	border-top: 1px solid #CCC;
	color: #906;
	font-size:1em;
	margin: 0 0 4px 0;
	padding: 0.32em 0 3px 7px;
	display: block;
	font-weight: bold;
	line-height: 1.25em;/*padding: .32em .6em;*/
   /*vertical-align: bottom;*/
     }
.subnav-2_linked_on a, a:visited {
	color:#906;
}
/* --{ Third }---------------------------------------- */

.subnav-3 li a {
	background-color: #FFF;
	padding-left: 1.5em;
	border-top: 1px solid #CCC;
}
.subnav-3 li a:hover {
	text-decoration: underline;
}
/* the following subnavs replicate subnav bullet lists without the li tag, for Oracle wysiwig editor */

.subnav-3 a {
	background-color: #FFF;
	padding-left: 1.5em;
	border-top: 1px solid #CCC;
	font-weight:bold;
	color:#333;
	line-height: 20px;
	display: block;
}
.subnav-3 a:visited {
	color: #333;
	border-top: 1px solid #CCC;
}
.subnav-3 a:hover {
	text-decoration: underline;
}
.subnav-3 {
	font-size:1.0em;
	margin: 0;
	padding: 0;
	width: 100%;
	display:inline;
}
.subnav-3_linked_on {
	font-size: 1.0em;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	padding: 0.32em 0 3px 1.5em;
	margin: 0 0 0 0;
	font-weight:bold;
	color:#906;/*line-height: 20px;*/
   /*width: 100%;*/
   /*display: inline;*/
   }
.subnav-3_linked_on a, a:visited {
	color:#906;
}
/* --{ Fourth }--------------------------------------- */

.subnav-4 li {
}
.subnav-4 li a {
	background: url("/images/bullets_icons/subnav_3_bullet.gif") 0 .75em no-repeat;
	border-top: none;
	font-weight: normal;
	margin-left: 1.5em;
	padding-left: 1em;
}
.subnav-4 li a:hover {
	text-decoration: underline;
}
.subnav-4 li a.on {
	background: none;
	border-bottom: 1px dotted #CCC;
	color: #906;
	font-weight: bold;
}
/* the following subnavs replicate subnav bullet lists without the li tag, for Oracle wysiwig editor */
   

.subnav-4 {
	font-size:1.0em;
}
.subnav-4 p {
	display:inline;
}
.subnav-4 a {
   background: url("/images/bullets_icons/subnav_3_bullet.gif") 0.75em .50em no-repeat;
	border-top: none;
	font-weight: normal;
	margin-left: .75em;
	padding-left: 1.5em;
	color: #666;
	display:block;
}
.subnav-4 a:visited {
	color: #333;
}
.subnav-4 a:hover {
	text-decoration: underline;
	color:#906;
}
.subnav-4 a.on {
	background: none;
	border-bottom: 1px dotted #CCC;
	color: #906;
	font-weight: bold;
}
.subnav-4_linked_on {
	font-size:1.0em;
	border-top: none;
	margin-left: .75em;
	padding-left: 1.5em;
	background: none;
	border-bottom: 1px dotted #CCC;
	color: #906;
	font-weight: bold;
}
.subnav-4_linked_on a {
	color: #906;
}
/* --{ Fifth }---------------------------------------- */

.subnav-5 li a {
	background-position: .5em .75em;
	margin-left: 1.95em;
	padding-left: 1.5em;
}
.subnav-5 li a.on {
	color: #906;
}
/* the following subnavs replicate subnav bullet lists without the li tag, for Oracle wysiwig editor */
 
 .subnav-5 {
	font-size:1.0em;
	font-weight:bold;
}
.subnav-5 a {
	background:url("/images/bullets_icons/subnav_3_bullet.gif") 0.75em .5em no-repeat;
	margin-left: 1.66em;
	padding-left: 1.6em;
	color:#666;
	font-weight:normal;
	display:block;
}
.subnav-5 a.on {
	color: #906;
}
.subnav-5_linked_on {  /* additional parameters added to force down to correct size and padding */
	font-size:1.0em;
	color: #906;
	margin-left: 1.66em;
	padding-left: 1.6em;
	display:block;
	border-bottom: 1px dotted #CCC;
}
.subnav-5_linked_on a { /* additional parameters added to force down to correct size and padding */
	color: #906;
	font-weight:bold;
}
/* --{ Sixth }--------------------------------------- */ 

.subnav-6 li a {
	background-position: .5em .75em;
	margin-left: 2.65em;
	padding-left: 1.5em;
}
.subnav-6 li a.on {
	color: #906;
}
 .subnav-6 {
font-size:1.0em;
	font-weight:normal;
}
.subnav-6 a {
	background-position: .5em .75em;
	background:url("/images/bullets_icons/subnav_3_bullet.gif") 0.75em .5em no-repeat;
	margin-left: 2.65em;
	padding-left: 1.5em;
	color:#666;
	display:block;
}
.subnav-6_linked_on { /*placeholder style so Oracle wysiwig editor can recognize the real style below */
	font-size:1.0em;
	color: #906;
	margin-left: 2.65em;
	padding-left: 1.5em;
	display:block;
	border-bottom: 1px dotted #CCC;
}
.subnav-6_linked_on a { /* additional parameters added to force down to correct size and padding */
	color: #906;
	font-weight:bold;
}
/* --{ Seventh }-------------------------------------- */ 

.subnav-7 li a {
	background-position: .5em .75em;
	margin-left: 3.35em;
	padding-left: 1.5em;
}
.subnav-7 li a.on {
	color: #906;
}
 .subnav-7 {
	font-size:1.0em;
	font-weight:normal;
}
.subnav-7 a {
	background-position: .5em .75em;
	background:url("/images/bullets_icons/subnav_3_bullet.gif") 0.75em .5em no-repeat;
	margin-left: 3.35em;
	padding-left: 1.5em;
	color:#666;
	display:block;
}
.subnav-7_linked_on { /*placeholder style so Oracle wysiwig editor can recognize the real style below */
	color: #906;
	display:block;
	font-size:1.0em;
	border-bottom: 1px dotted #CCC;
}
.subnav-7_linked_on a { /* additional parameters added to force down to correct size and padding */
	color: #906;
	font-size:1.0em;
	font-weight:bold;
}