/*************************************************************************************/
/*** Styles related to suckerfish-style CSS based primary and secondary navigation ***/
/*************************************************************************************/

/* Personal and About Us Styles
----------------------------------------------- */

#PrimaryNav, .secondaryNav, .secondaryNavDis, #MyCingNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
#PrimaryNav {
	float: left;
	position: relative;
	width: 100%;
	height: 36px;
	top: 0px; /* JPA: move the nav down a bit */
	margin: 0 0 36px 0; /* JPA: compensates layout of subsequent elements of page by providing consistent bottom margin; same bottom margin value as MyCingNav's height and negated top margin */
	/* background: url(../img/topNav/midspace.gif) repeat-x; */
	
}

#PrimaryNav li {
	float: left;
	position: relative;
}

#PrimaryNav li .secondaryNavDis {display: block;}

#PrimaryNav li:hover .secondaryNav, #PrimaryNav li.over .secondaryNav {display: block;}

#selectedSecondaryNav {
	color: #F27D00;
}

.secondaryNav {
	display: none;
	position: absolute;
	top: 36px;/* gr fix the ie7 bug waiting for the margins to calculate to auto*/
	left: 0;
	width: 950px;
	height: 25px;
}

.secondaryNav li {
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
}
.secondaryNav li a {
	padding: 0 8px;
	margin: 0px;
	border-right: 1px solid #ccc;
}

.secondaryNav li a.last {
	padding: 0 8px;
	margin: 0px;
	border: 0px;
}

.secondaryNavDis {
	display: none;
	position: absolute;
	top: auto;
	left: 0;
	width: 950px;
	height: 25px;
}

.secondaryNavDis li {
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
}
.secondaryNavDis li a {
	padding: 0 8px;
	margin: 0px;
	border-right: 1px solid #ccc;
}
.secondaryNavDis li a.last {
	padding: 0 8px;
	margin: 0px;
	border: 0px;
}

#MyCingNav {
	float: right;
	position: relative; /* JPA */
	width: 339px; /* JPA */
	height: 36px; /* JPA */
	top: -26px; /* JPA: adjusts element vertical position on screen; primarynav top - primarynav height */
	margin-top: -36px; /* JPA: corrects layout for subsequent elements, but doesn't adjust this element's vertical position */
	margin-bottom: 10px; /* JPA: seems to be the difference between the top and the margin-top... */
}
#MyCingNav li {
	float: right;
	position: relative;
	/* width: 339px; */
}
#MyCingNav .secondaryNav {
	display: block;
	top: -25px; /* JPA */
	width: 339px;
	height: 25px; /* JPA */
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	float: right;
	text-align: right;
}
/* #MyCingNav .secondaryNav #SN-Register, #MyCingNav .secondaryNav #SN-Password { */
#MyCingNav .secondaryNav li {
	float: left;
	padding: 4px 0 0 0;
	margin: 0;
}
/* #MyCingNav .secondaryNav #SN-Password {float: right;}
#MyCingNav .secondaryNav #SN-Register a, #MyCingNav .secondaryNav #SN-Password a {border: 0;} */






/* DEBUG styles */
#MyCingNav {
	/* outline: 1px dashed green; */
	/* top: auto; */
	/* float: left; */
}
#PrimaryNav {
	/* outline: 1px dashed blue;  */
}