/* CSS Document */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:552px;
	cursor:pointer;
}

#nav li a {
	display: block;
	color:#fff;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	width: 69px; /* width for main nav items */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 160px;/* width for drop nav items */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	z-index:100;
}
#nav li ul li {
	width:160px;/* width for drop nav items */
	border-bottom: 1px solid #FFFFFF;
} /* second level items */
#nav li ul li a {
	padding:5px;
	display:block;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 160px;/* set left margin to width of drop nav items */
	font-weight:normal;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* #nav li ul ul.subleft {margin: -2em 0 0 -162px !important; }force flyout to go left */

/*specific to Reunions*/
.gettingStarted {background: #FF9900;}
.gettingStarted .hasSub{background: #FF9900 url(images/navArrow.gif) no-repeat right 6px;}/*shows arrow for third level*/
.gettingStarted a:hover {background: #D88200;}
.gettingStarted .hasSub:hover {background: #D88200 url(images/navArrow.gif) no-repeat right 6px;}
.gettingStartedsub {background: #D88200;}
.gettingStartedsub a:hover {background: #FF9900;}

.family {background: #BA340E;}
.family a:hover {background: #D93E11;}

.military {background: #009900;}
.military a:hover {background: #00BB00;}

.class {background: #00cc00;}
.class a:hover {background: #009900;}

.stories {background: #33CCFF;}
.stories a:hover {background: #00B1EC;}

.subscribe{background: #3399FF;}
.subscribe a:hover {background: #6CB6FF;}

.future {
	background: #3366FF;
	color: #FFFFFF;
}
.future a:hover {background: #648BFF;}

.past {background: #3333FF;}
.past a:hover {background: #3366FF;}