/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/
		
html, body, ul, li { padding: 0; margin: 0; list-style: none;}


/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {
	position: relative;
	width: 100%;
	font: small normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}

.button {
	background: #bbddff;
	color: #000033;
	width: 138px;
	float: left;
	border: 1px solid #888; /* borders the bottom of the top nav */
	margin: 0 auto;
}

.button a {
  color: #000033;
}

.button a:hover {
	background: #7799bb;
	color: #fff;
}

.parent {	position: relative;	}	/* for Opera 7 bug */
	
.floatfix { margin-right: -3px; }	/* for IE 3px bug that is common in this type of float arrangement */ 


/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 170px;
	position: absolute;		
	left: -3000px;
	top: -30px; /* puts dropdowns directly beside top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(Images/bgfix.gif);
	}

.dropdown ul { 
  width: 140px;
  margin: 30px 0 30px 30px; /* creates "sticky hovering" zones for dropdown */
	border-bottom: 1px solid #888;
}
		
.nav li {
	text-align: center;
	margin-bottom: 3px;
	margin-left: 5px;
}

.nav a {
  display: block;
	text-decoration: none;
	padding: 5px 0 5px;
	font-weight: normal;
	}
	
.nav a:visited { color: #7249a0; }
	
.nav ul ul li {
	margin-left: 0;
}

.nav ul ul a {
	background: #bbddff;
	color: #000055;
	padding: 4px 0 4px;
 } 
	
.dropdown li {
	position: relative; 
	vertical-align: bottom; /* IE5/win bugfix */
	border: 1px solid #888;
	border-width: 1px 1px 0 1px;
	margin-bottom: 0px;
  }
				
.parent:hover { background-image: url(Images/bgfix.gif); } 	/* the image needs to exist */
				
.parent:hover div.dropdown {left: -170px;} /* hover rule for dropdowns */ 
	
.dropdown li:hover { background: #235; } /* hover color effect on dropdown links */

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* 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;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div { width: 140px; }
.nav .button .dropdown ul { margin: 0px; }
.nav .dropdown, .nav .dropdown div { position: static; }
.nav .dropdown ul { border: 0; }
/* this rule block "dumbs down" the nav for IEmac */