#header {position:relative;}

/* ul#nav { position: relative; float: right; width: 485px; margin: -17px 10px 0 0; } */
ul#nav {position: absolute; right:0; bottom:0; width: 485px; margin: 0 10px 0 0;}
ul#nav li ul, ul#nav li ul { margin: 0; padding: 0; }
ul#nav a { text-decoration: none; }
ul#nav ul { width: 485px !important; }
ul#nav li {  margin: 0; float: left; display: block; padding:0 0 0 4px; margin:0 1px 0 0; width: auto; } /*float the main list items*/
ul#nav li a.main { display:block; padding:7px 15px 4px 6px; }

ul#nav li#begin { background:url("/static/img/beginLeft.png") no-repeat left bottom;  }
ul#nav li#begin a.main { color: #D0E2F1; background:url("/static/img/beginRight.png") no-repeat right bottom; padding:7px 15px 4px 8px; }
ul#nav li#begin.over, ul#nav li#begin.on, ul#nav li#begin:hover { background:url("/static/img/beginLeftOn.png") no-repeat left bottom; margin:0 1px 0 0; padding:0 0 0 4px; }
ul#nav li#begin.on a.main, ul#nav li#begin:hover a.main, ul#nav li#begin.over a.main { color: #FFF; display:block; background:url("/static/img/beginRightOn.png") no-repeat right bottom; padding:7px 15px 4px 8px; }
/**/
ul#nav li#knowledge{ background:url("/static/img/knowledgeLeft.png") no-repeat left bottom; }
ul#nav li#knowledge a.main { color: #fdefd9; background:url("/static/img/knowledgeRight.png") no-repeat right bottom; padding:7px 15px 4px 8px; }
ul#nav li#knowledge.over, ul#nav li#knowledge.on, ul#nav li#knowledge:hover { background:url("/static/img/knowledgeLeftOn.png") no-repeat left bottom; margin:0 1px 0 0; padding:0 0 0 4px; }
ul#nav li#knowledge.on a.main, ul#nav li#knowledge:hover a.main, ul#nav li#knowledge.over a.main { display:block; color: #FFF; background:url("/static/img/knowledgeRightOn.png") no-repeat right bottom; padding:7px 15px 4px 8px; }
/**/
ul#nav li#education{ background:url("/static/img/educationLeft.png") no-repeat left bottom; margin:0; padding:0 0 0 4px; }
ul#nav li#education a.main { display:block; color: #edf5cc; background:url("/static/img/educationRight.png") no-repeat right bottom; padding:7px 15px 4px 8px; }
ul#nav li#education.on, ul#nav li#education:hover, ul#nav li#education.over{ background:url("/static/img/educationLeftOn.png") no-repeat left bottom; margin:0; padding:0 0 0 4px; }
ul#nav li#education.on a.main, ul#nav li#education:hover a.main, ul#nav li#education.over a.main { display:block; color: #FFF; background:url("/static/img/educationRightOn.png") no-repeat right bottom; padding:7px 15px 4px 8px; }

ul#nav li#learning, ul#nav li#learning:hover a.main, ul#nav li#learning.over a.main { background:url("/static/img/learningLeft.png") no-repeat left bottom; margin:0 1px 0 0; padding:0 0 0 4px; }
ul#nav li#learning a.main { display:block; color: #edf5cc; background:url("/static/img/learningRight.png") no-repeat right bottom; padding:7px 15px 4px 8px;}
ul#nav li#learning.over, ul#nav li#learning.on, ul#nav li#learning:hover { background:url("/static/img/learningLeftOn.png") no-repeat left bottom; margin:0; padding:0 0 0 4px; }
ul#nav li#learning.on a.main, ul#nav li#learning:hover a.main, ul#nav li#learning.over a.main { display:block; color: #FFF; background:url("/static/img/learningRightOn.png") no-repeat right bottom; padding:7px 15px 4px 8px; }

/*put the subnav below*/
#nav li ul { display: none; position: absolute; top: 24px; left: 0; height: 25px; width: 100%; }

#nav li#begin ul, #nav li#begin:hover ul, #nav li#begin.over ul { background:url("/static/img/beginBottomBg.png") no-repeat left top; }
#nav li#knowledge ul, #nav li#knowledge:hover ul, #nav li#knowledge.over ul{ background:url("/static/img/knowledgeBottomBg.png") no-repeat left top; }
#nav li#learning ul, #nav li#learning:hover ul, #nav li#learning.over ul{ background:url("/static/img/learningBottomBg.png") no-repeat left top; }
#nav li#education ul, #nav li#education:hover ul, #nav li#education.over ul{ background:url("/static/img/educationBottomBg.png") no-repeat left top; }
#nav li a { color: #FFF; font-weight: bold; padding: 0; }
#nav li.on ul a, #nav li ul a {
 border: 0;
 float: left; /*ie doesn't inherit the float*/
 color: #FFF;
 font-weight: normal;
 /*margin: 0 5px;
 padding: 0 10px 0 0;*/
 margin: 0 3px;
 padding: 0 9px 0 0;
 line-height: 24px;
}
#nav li.on ul a:hover, #nav li ul a:hover { text-decoration: underline; }
#nav li#begin a{ background: url("/static/img/beginBottomBorder.png") no-repeat right top; }
#nav li#begin li.active { background: url("/static/img/beginActive.png") no-repeat left center;}
#nav li#begin li.active a{
color: #0A63AA;
margin-left: -1px;
padding-left: 2px;
background: url("/static/img/beginActiveHref.png") no-repeat 100% 50%;
}
#nav li#knowledge a{ background: url("/static/img/knowledgeBottomBorder.png") no-repeat right top; }
#nav li#knowledge li.active { background: url("/static/img/knowledgeActive.png") no-repeat left center; }
#nav li#knowledge li.active a{
color: #C77800;
margin-left: -1px;
padding-left: 2px;
background: url("/static/img/knowledgeActiveHref.png") no-repeat right center;
}
#nav li#learning a{ background: url("/static/img/learningBottomBorder.png") no-repeat right top; }
#nav li#education a{ background: url("/static/img/educationBottomBorder.png") no-repeat right top; }
#nav li#learning li.active { background: url("/static/img/learningActive.png") no-repeat left center; }
#nav li#education li.active { background: url("/static/img/educationActive.png") no-repeat left center; }
#nav li#learning li.active a{
color: #779500;
margin-left: -1px;
padding-left: 2px;
background: url("/static/img/learningActiveHref.png") no-repeat right center;
}
#nav li#education li.active a{
color: #986b00;
margin-left: -1px;
padding-left: 2px;
background: url("/static/img/educationActiveHref.png") no-repeat right center;
}
#nav li#begin a.last, #nav li#knowledge a.last, #nav li#learning a.last, #nav li#education a.last{ background: none; }
#nav li.on:hover ul a, #nav li.over ul li a { background: none; }
#nav li.on ul { display: block; padding-left: 10px; }
#nav li:hover ul, #nav li.over ul { display: block; padding-left: 10px; z-index: 6000; }