/* START SIDE NAVIGATION */

.sidebar_left .nav A.nav-selected {
  text-decoration: underline;
}

.sidebar_left {
  float: left;
  width: 17%;

  font-size: 10pt;
  font-weight: bold;
  line-height: 1.25em;

/*  padding-top: 2.75em; */
  padding-top: 3.5em;
  padding-bottom: 1.5em;

}

.sidebar_left .top_level {
  font-size: 110%;
  text-transform: uppercase;
}

.sidebar_left UL.nav {
  padding-top: 0.5em; padding-bottom: 5em;
  margin: 0px;
  padding-left: 0.5em; padding-right: 0.5em;
  border-right: solid 2px #cca02c; /* gold yellow */

  list-style-type: none;
}
.sidebar_left UL.nav UL {
  padding-top: 0px; padding-bottom: 1em;
  margin: 0px;
  padding-left: 0.75em; padding-right: 0em;
  font-size: 9pt;

  list-style-type: none;
}

.sidebar_left UL.nav A, .sidebar_left .top_level A {
  text-decoration: none;
  color: #194679; /* dark blue */
  display: block;
  padding-bottom: 0.5em;
}
.sidebar_left UL.nav A:hover, .sidebar_left .top_level A:hover {
  background: #cca02c;
}



/* START SEARCH or TOOLS NAVIGATION */
.nav_tools {
  float: right;
  color: #cca02c; /* gold yellow */
  padding-top: 0.5em;
}
.nav_tools BUTTON {
  border: solid 1px #cca02c; /* gold yellow */
  background-color: #fffccf;
  color: #002855;
}
.nav_tools INPUT {
  border: solid 1px #002855;
}
.nav_tools {
  text-align: right;
}
.nav_tools FORM.search, .nav_tools .search, .nav_tools .gift {
/* No idea why I need to specify search and gift here too. Whatever. */
  display: inline;
}
.nav_tools FORM.gift {
  padding-right: 1.5em;
  display: inline;
}
.nav_tools .gift BUTTON { /* Make a gift */
  font-family: 'Georgia', 'Times New Roman', 'serif';
  font-style: italic;
}
.nav_tools .login {
  font-family: 'Georgia', 'Times New Roman', 'serif';
  text-align: right;
  font-size: 80%;
  margin-top: 1em;
  float: right;
}
.second_page .nav_tools .login {
  margin-top: 0.5em;
}
.nav_tools A {
  color: #194679; /* medium blue */
  text-decoration: none;
}



/* START TOP NAVIGATION */

.nav_main .nav
{
//	width: 100%; /* this was making it show a grey edge on the right */
	margin: 0;
	list-style: none;  
	background-color: #194679; /* For browsers not CSS3 */
	background: -moz-linear-gradient(#194679, #002855); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#194679, #002855);	
	background: -o-linear-gradient(#194679, #002855);
	background: -ms-linear-gradient(#194679, #002855);
	background: linear-gradient(#194679, #002855);
	box-shadow: 0px -6px 10px 5px #111; /* top-level shadow over content */
	-moz-box-shadow: 0px -6px 10px 5px #111; 
	-webkit-box-shadow: 0px -6px 10px 5px #111; 
	border-bottom: 4px solid #cca02c; /* gold yellow bar */
}

.nav_main .nav li {
	float: left;
	position: relative;
}

.nav_main .nav a {
	font-size: 1em;
	padding-right:27px;
	padding-top:10px;
	padding-bottom:12px;
	padding-left:7px;

	float: left;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

.nav_main .nav li:hover > a {
    background: #cca02c; /* gold yellow */
}

*html .nav_main .nav li a:hover /* IE6 */ {
    background: #cca02c; /* gold yellow */
}

.nav_main .nav li:hover > ul {
	display: block;
}

/* Sub-menu */

.nav_main .nav ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
	background-color: #194679; /* For browsers not CSS3 */
	background: -webkit-linear-gradient(#194679, #002855);	
	background: -o-linear-gradient(#194679, #002855);
	background: -ms-linear-gradient(#194679, #002855);
	background: linear-gradient(#194679, #002855);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.nav_main .nav ul ul {
  top: 0;
  left: 205px; /* this is tied to the (ul a) nav item width below */
}

.nav_main .nav ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

.nav_main .nav ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

.nav_main .nav ul a
{    
	font-size: 0.9em;
    padding: 10px;
	height: 10px;
	width: 185px;
	height: auto;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

*html .nav_main .nav ul a /* IE6 */ {    height: 10px; }
*:first-child+html .nav_main .nav ul a /* IE7 */ {    height: 10px; }

.nav_main .nav ul a:hover {
    background: #cca02c; /* gold yellow */
/* bright cyan? Not sure where this even comes up with the above line subverting it.
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#cca02c,  #aa901c);
*/
	color: #fff;
}

.nav_main .nav ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.nav_main .nav ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

.nav_main .nav ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

.nav_main .nav ul li:first-child a:hover:after /* Top triangle */
{
    border-bottom-color: #cca02c; 
}

.nav_main .nav ul ul li:first-child a:hover:after /* Top triangle */
{
    border-right-color: #cca02c; 
    border-bottom-color: transparent; 	
}


.nav_main .nav ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
.nav_main .nav:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .nav_main .nav             { zoom: 1; } /* IE6 */
*:first-child+html .nav_main .nav { zoom: 1; } /* IE7 */