@charset "utf-8";
/*  Generic page styling rules  */

#wrapper {
  padding-left: 13px;
  margin: 0 auto;
  width: 700px;
  height: 50px;
  }

/* Box model hack \*/
* html #wrapper {
  width: 680px;
  w\idth: 682px;
  }

/*  Primary top nav rules  */

.nav {
	text-align:center;
	position: relative;
	z-index: 60;
	background: #9f1b32;
	width: 680px;
	}
	
.nav ul, li { padding: 0; margin: 0; list-style: none;}

/* styles top nav links */
.button {
	width: 76px;
	float: left;
	margin-top: 6px;
	border-right: 0px solid #FFF;
	background:url(../img/LinkSpacer.gif) no-repeat center right;
	}

.parent {position: relative;}
/* fixes a strange bug in Op7.
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 6 3px bug that is common in this type of float arrangement */ 


/*   Primary dropdown/flyout rules   */

.dropdown {
	width: auto;
	position: absolute;	
	left: -3000px;
	top: auto; /* puts dropdowns under top nav */
	text-align: left; /* fixes IE misapplies text centering */
	border-top: 1px solid white;	
	background: url(img/bgfix.gif);
	text-indent: 8px;
	margin-left: 30px;
	}
	
.dropdown div {
	width: 220px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(img/bgfix.gif);
	text-align: left; /* fixes IE misapplies text centering */
	}
	
.dropdown ul { 
  width: 188px; /* tweaked so that dropdowns appear to "line up" with top links */
  /*margin: 0 0px 0px 0px;  creates "sticky hovering" zones for dropdowns */
  /*border-bottom: 0px solid #FFFFFF;*/
  /*border-width: 0px 0px 0px;*/
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown div ul {margin: 25px 0px 0px -1px; border-top: 1px solid #FFF; border-left: 1px solid #F694a5} /* creates "hovering zones" for flyouts */
	
.four .dropdown ul {width: 189px;} /* modifies width for right most "visible" dropdown */
		
.four .dropdown div ul {margin: 25px 0 30px 31px; position: relative; border-left: 0px solid; border-right: 1px solid #F694a5} /* rule reversal right drop flyouts */

.nav li {text-align: center; }

.nav li li {text-align: left; } /* Aligns the text left on drop downs */

.nav a {
  	display: block;
  	color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
	text-decoration: none;
	padding: 6px 0 10px; /* makes the dividers between the top nav links */
	}
	
.nav a:hover{color: #59060e;} /* Change text color on hover */

.four a {border-right: 0px;} /* Removes the right border on last link */
	
.nav ul ul a {
  color: #fff;
  border-bottom: 1px solid #FFF;  /* borders the bottoms of the dropdown and flyout links */
  padding: 6px 0 4px; 
  }
  
.nav ul ul a:hover{color: #59060e;}
	
.dropdown li {
  position: relative;
  vertical-align: bottom; /* IE5/win bugfix */
  }
				
.parent:hover {background-image: url(img/bgfix.gif);} 
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. */
							
.parent:hover div.dropdown {left: -31px;}
/* hover rule for dropdowns */ 

.dropdown li:hover div {
	left: 179px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	margin-left: 10px;
	}
	
.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -231px;  
	top: -26px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
    padding: 0;
    width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;
	background: url(img/bgfix.gif);
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}

.dropdown li:hover {background: #9f1b32;} /* hover color effect on dropdown links */

.dropdown div li:hover {background: #9f1b32;} /* hover color effect on flyout links */


/* Primary dropdown backgrounds */
	
.one ul {background: #9f1b32;}
.two ul {background: #9f1b32;}
.three ul {background: #9f1b32;}
.four ul {background: #9f1b32;}
.dropdown div ul {background: #9f1b32;} /* colors BG of flyouts */ 
.dropdown div ul a {color: #FFF;} /* colors text of  flyouts */ 
.dropdown div ul a:hover {color: #59060e;} /* colors text of flyouts hover*/ 


/*  z-index rules for top nav  */

.one {z-index: 10;}
.two {z-index: 11;}
.three {z-index: 10;}
.four {z-index: 13;}
.four:hover {z-index: 10;}
/* This, and the previous rules work together so that when a user is on the top link
 of any flyout, they can move vertically to the top link directly above. */
 

/*   Special fixes   */

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}
