/* css */

/* primary nav bar */

/* set base colors and fonts */
.menu {
	font-family: Verdana;
	font-size: .8em !important;
	font-weight:normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	color: #ffffff;
}


#pnavdiv {
  position: relative;
  float: left;
  display: inline;
  /*width: 800px;*/
  text-align: center;
  margin-bottom: 1em; /* pushes content below sub nav */
} 

#pnavdiv ul {
  float: left;
  display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	/*width: 880px;*/
}

#pnavdiv ul li {
	float: left;
	display: inline;
	width: 8.75em;
}

#pnavdiv ul li ul {
	position: absolute;
	left: -999em;
}


#pnavdiv ul li a {
	display: block;
	height: 40px;
	color: white;
  background: url(../images/navbar.gif) top right repeat-x;
  border-top: .25em solid white;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	font-weight:normal;
}

#pnavdiv ul li.first a {
  background: url(../images/navbar_first.gif) top left no-repeat;
}

#pnavdiv ul li.last a {
  background: url(../images/navbar_last.gif) top right no-repeat;
}

/* hover and selected color first uppernav */
#pnavdiv ul li.first a:hover, #pnavdiv ul li.first.selected a {
  background: url(../images/navbar_firsthover.gif) top left repeat-x;
}

/* hover and selected color last uppernav */
#pnavdiv ul li.last a:hover, #pnavdiv ul li.last.selected a {
  background: url(../images/navbar_lasthover.gif) top right repeat-x;
}


/* hover and selected color main bar */
#pnavdiv ul li.selected a, #pnavdiv ul li a:hover {
  color: #000; 
  border-top: .25em solid #fff;
  background: url(../images/navbar_hover.gif) top right repeat-x;
}



/* no bg image in the main subnav */
#pnavdiv ul li ul li.selected a, #pnavdiv ul li ul li a:hover
{
  background: none;
}

/* no bg image in the first subnav */
#pnavdiv ul li.first ul li.selected a, #pnavdiv ul li.first ul li a:hover, #pnavdiv ul li.first.selected ul li a
{
  background: none;
}

/* no bg image in the last subnav */
#pnavdiv ul li.last ul li.selected a, #pnavdiv ul li.last ul li a:hover, #pnavdiv ul li.last.selected ul li a
{
  background: none;
}


#pnavdiv ul li.selected ul, #pnavdiv ul li:hover ul, #pnavdiv ul li.menuhover ul {
	left: 0px;
	width: 880px; /* controls width of sub nav */
	background: white;
	margin-top:-.25em;
}

/* sub nav selected fix */
#pnavdiv ul li.selected ul {
  position: absolute;
  z-index: 0;
}
 
#pnavdiv ul li:hover ul, #pnavdiv ul li.menuhover ul {
  position: absolute;
  z-index: 1;
}
/* sub nav selected fix */



#pnavdiv ul li ul li {
  display: inline;
  height: 12px;
  line-height: 12px;
  border-left: 1px solid #999;
  margin-top: 10px;
  margin-bottom: 10px;
  background: white;
}

/* temporary hack for IE6 to manually control subnav since no auto width in IE  */
/* named according to pagelink */

#pnavdiv ul li ul li.smBI {
  width: 135px;
}
#pnavdiv ul li ul li.smCRM {
  width: 225px;
}
#pnavdiv ul li ul li.smFM {
  width: 145px;
}
#pnavdiv ul li ul li.smHCM {
  width: 180px;
}
#pnavdiv ul li ul li.smSCM {
  width: 160px;
}

#pnavdiv ul li ul li.smSR {
  width: 220px;
}

#pnavdiv ul li ul li.smRS {
  width: 125px;
}

#pnavdiv ul li ul li.smOR {
  width: 125px;
}
#pnavdiv ul li ul li.smPS {
  width: 145px;
}
#pnavdiv ul li ul li.smSI {
  width: 90px;
}

#pnavdiv ul li ul li.smDA {
  width: 90px;
}


#pnavdiv ul li ul li.smFA {
  width: 120px;
}

#pnavdiv ul li ul li.smOV {
  width: 75px;
}
#pnavdiv ul li ul li.smOL {
  width: 120px;
}
#pnavdiv ul li ul li.smSS {
  width: 180px;
}
#pnavdiv ul li ul li.smSA {
  width: 145px;
}
#pnavdiv ul li ul li.smCT {
  width: 110px;
}
#pnavdiv ul li ul li.smOW {
  width: 130px;
}
#pnavdiv ul li ul li.smOM {
  width: 130px;
}
#pnavdiv ul li ul li.smOT {
  width: 135px;
}
#pnavdiv ul li ul li.smCI {
  width: 125px;
}


#pnavdiv ul li ul li.smPR {
  width: 105px;
}
#pnavdiv ul li ul li.smPN {
  width: 85px;
}
#pnavdiv ul li ul li.smCN {
  width: 105px;
}
#pnavdiv ul li ul li.smEC {
  width: 90px;
}
#pnavdiv ul li ul li.smES {
  width: 170px;
}
#pnavdiv ul li ul li.smEUGM {
  width: 135px;
}
#pnavdiv ul li ul li.smRRM {
  width: 130px;
}
#pnavdiv ul li ul li.smRP {
  width: 105px;
}
/* end IE fix */



#pnavdiv ul li.selected ul li a, #pnavdiv ul li ul li a, #pnavdiv ul li.last ul li a, #pnavdiv ul li.first ul li a {
  display: block;
  border: none;
  background: white;
  font-size: .7em;
  color: #36a;
  height: 12px;
  line-height: 12px;
  font-weight:bold;
}

#pnavdiv ul li.selected ul li.selected a, #pnavdiv ul li.selected ul li a:hover, #pnavdiv ul li ul li a:hover {
  color: #D7181F;
  border: none;
}




/* global nav header and footer */

.navcontainer {
    float: right;
    margin: .5em 2em .5em 2em;
	color: #36a;
	text-decoration: none;
    font-size: .75em;
}

.navcontainer a, a:link, a:visited {
	color: #36a;
	text-decoration: none; 
	font-weight:normal;
}

.navcontainer a:visited {
	color: #36a;
	text-decoration: none; 
}


.navcontainer a:hover {
	color: #000;
	text-decoration: none;    
}


.navcontainer a:active,
.navcontainer a.current, a.current:link, a.current:visited,
.navcontainer a.current:hover,
.navcontainer a.current:active 
 {
	color: #000;
	text-decoration: none; 
}



/* page level tabs */

/**
 * Class for the DIV that has all the pagetabs 
 */
div.pagetabs {
    padding: 0 0 0 0; 
    margin:  .9em 0 1.2em .0625em ; /* to align with minitabs */
}

/** 
 * Class for a DIV that has one pagetab.
 * This is required to keep the pagetabs to a uniform width
 */
div.pagetab {
    width: auto; 
    float: left;
}

div.pagetabs h3 {
display:inline;
}

/*** pagetab link classes ***/
h3 a.pagetab:link , h3 a.pagetab:visited  {
/* 
    border-style: solid;
    border-color: #999;
    border-width: 0 0 0 .0625em;
*/
    color: #36a;
	padding: 0 0 0 .6875em;
    text-decoration: none;
}

h3 a.pagetab:hover , h3 a.pagetab:active  {
    color: #000;
}

h3 a.pagetabActive:link , h3 a.pagetabActive:visited , h3 a.pagetabActive:hover , h3 a.pagetabActive:active  {
    color: #D7181F;
    border-color: #000;
}

/* for the toolkit sub section where the list runs long */

div.shrink {
padding-top:0;
margin-top:.25em;
border-top: .0625em solid #999;
}

div.shrink h3 a.pagetab:link , div.shrink h3 a.pagetab:visited  {
font-size: .9em;
}