body {
	background-color: #241103;
}


div#priNav_container2 {
	width: 462px;
	margin: 0 0 0 448px;
	padding: 0;
	z-index: 51;
}

	div#priNav_container2 a {
		text-decoration: none;
	}
	
	ul#priNav2 {
		padding: 0;
		margin: 0;
		z-index: 51;
	}
	
	ul#priNav2 li#top_first, ul#priNav2 li#top_middle, ul#priNav2 li#top_last {
		position: relative;
		float: left;
		color: #fff;
		width: 144px;
		height: 22px;
		margin: 1px 10px 0 0;
		padding: 3px 0 0 0;
		text-transform: uppercase;
		text-align: right;
		font-size: 12px;
		list-style: none;
		z-index: 51;
	}
	
		ul#priNav2 a.padright, ul#priNav2 a.padright:visited, ul#priNav2 a.padright:active, ul#priNav2 a.padright:hover {
			padding-right: 5px;
			color: #fff;
		}
		
		li#top_first {
			margin: 0;
			padding: 0;
			border-top: solid 7px #78dff2;
		}
				
			li#top_first:hover {
				background-color: #78dff2;
			}
			
			div.scroll_up {
				position: relative;
				width: 100%;
				height: 20px;
				margin:5px 0 0;
				cursor: hand; cursor: pointer;
				background-color: #78dff2;
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
				border-top: solid 7px #000;
				display: none;
			}
			
			div.scroll_down {
				position: relative;
				width: 100%;
				height: 20px;
				cursor: hand; cursor: pointer;
				background-color: #78dff2;
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
				display: none;
			}
			
				div#scroll_up img, div#scroll_down img {
					padding: 5px 10px 5px 0px;
				}
						
			div#dropdown_first {
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
				position: relative;
				width: 144px;
				min-height: 50px;
				max-height: 200px;
				margin: 0;
				padding: 0;
				margin: 5px 0 0;
				overflow: hidden;				
				background-color: #78dff2;
				border-top: solid 7px #000;
				display: none;
			}
		
				/*
				Begin Conditional Statement for Drop Down Menu
				
				Ok, so here is what is going on. The drop down menu is many little pieces that make up the menu.
				In order for it to display correctly, we must make sure that if the mouse is over ANY piece,
				all pieces show up, otherwise we do not have a menu but instead a piece of junk.
				
				1. It starts off by checking to see if the mouse is over the priNav. In this case, we have three
				   main elements in the priNav (first,middle,last). We want to know which element the mouse is in
				   on the priNav because we do not want all three menus showing up on the mouse over, which is why
				   we have to have seperate statements for each priNav element.
				
				2. Next it will see if the mouse is in the dropdown, regardless if it is in the priNav.
				   We must check for this because if you require the mouse to be in the priNav AND the dropdown,
				   then you would need to mouses!
				   
				3. Then it will check to see if the mouse is within the scrolling part of the list, which is not
				   actually in the list, but on top, aka Javascript fun!
				   
				4. Finally it checks to see if the mouse is right under the list, because we want to give the
				   user some space, otherwise the menu disappears on the first pixel below the menu.
				   
				   We do not have to apply the bottom check for the top of the menu because the black space between
				   the priNav and the dropdown is actually a border for the top of the dropdown that takes care of
				   the empty space/disconnected look desired. With out the border, the user is unable to move their
				   mouse to the drop down because unless the user moves their mouse VERY fast, the menu will disappear
				   into a black hole.
				   
				5. Since the bottom 'holding' div is not a part of the list, and the list is hiding, we must make it act
				   as if it is a part of the list even though it is a seperate element. We do this by hiding it and
				   only allowing it to show its self when the menu shows.
				   
				   
				FAQ: Do we really have to make a seperate check for each menu? Can we not just use one for all three?
				Technically we could, but the problem is this:
				
				I tried doing it but the last priNav element was loading the middle's elements and colors, and when I
				switched the last one to its own check, I then realized for all the elements to show up correctly,
				and assuming that browsers would interpet the loop below differently, I then made the check for all three.
				*/
				
				ul#priNav2:hover li#top_first,
				ul#priNav2:hover li#top_first:hover div#dropdown_first,
				ul#priNav2:hover li#top_first:hover div#dropdown_first:hover ul,
				ul#priNav2:hover li#top_first:hover div#dropdown_first:hover ul:hover li,
				ul#priNav2:hover li#top_first:hover div#dropdown_first:hover ul:hover li:hover,
				
				ul#priNav2 li#top_first:hover div#dropdown_first,
				ul#priNav2 li#top_first:hover div#dropdown_first:hover ul,
				ul#priNav2 li#top_first:hover div#dropdown_first:hover ul:hover li,
				ul#priNav2 li#top_first:hover div#dropdown_first:hover ul:hover li:hover,
				
				ul#priNav2 li#top_first div#dropdown_first:hover ul,
				ul#priNav2 li#top_first div#dropdown_first:hover ul:hover li,
				ul#priNav2 li#top_first div#dropdown_first:hover ul:hover li:hover,
				
				ul#priNav2 li#top_first div#dropdown_first ul:hover li,
				ul#priNav2 li#top_first div#dropdown_first ul:hover li:hover,
				
				ul#priNav2 li#top_first div#dropdown_first ul li:hover,
				
				ul#priNav2:hover li#top_first:hover div#scroll_up,
				ul#priNav2:hover li#top_first:hover div#scroll_up:hover,
				
				ul#priNav2 li#top_first:hover div#scroll_up,
				ul#priNav2 li#top_first:hover div#scroll_up:hover,
				
				ul#priNav2 li#top_first div#scroll_up:hover,
				
				ul#priNav2:hover li#top_first:hover div#scroll_down,
				ul#priNav2:hover li#top_first:hover div#scroll_down:hover,
				
				ul#priNav2 li#top_first:hover div#scroll_down,
				ul#priNav2 li#top_first:hover div#scroll_down:hover,
				
				ul#priNav2 li#top_first div#scroll_down:hover
				{
					display: block;
				}
				
				div#hold_first { /* This is the space below the menu that 'holds' or keeps the menu appearing even though
				                    the user technically does not have their mouse in the menu anymore. */
					position: relative;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 10px;
					background-color: #78dff2;
					filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
					display: none;
				}
	
		li#top_middle {
			margin: 0;
			padding: 0;
			border-top: solid 7px #80bd0c;
		}
				
			li#top_middle:hover {
				background-color: #80bd0c;
			}
			
			div#dropdown_middle {
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
				position: relative;
				width: 144px;
				min-height: 50px;
				max-height: 200px;
				margin: 5px 0 0 0;
				padding: 0;
				overflow: hidden;
				border-top: solid 7px #000;
				background-color: #80bd0c;
				display: none;
			}
			
				ul#priNav2:hover li#top_middle,
				ul#priNav2:hover li#top_middle:hover div#dropdown_middle,
				ul#priNav2:hover li#top_middle:hover div#dropdown_middle:hover ul,
				ul#priNav2:hover li#top_middle:hover div#dropdown_middle:hover ul:hover li,
				ul#priNav2:hover li#top_middle:hover div#dropdown_middle:hover ul:hover li:hover,
				
				ul#priNav2 li#top_middle:hover div#dropdown_middle,
				ul#priNav2 li#top_middle:hover div#dropdown_middle:hover ul,
				ul#priNav2 li#top_middle:hover div#dropdown_middle:hover ul:hover li,
				ul#priNav2 li#top_middle:hover div#dropdown_middle:hover ul:hover li:hover,
				
				ul#priNav2 li#top_middle div#dropdown_middle:hover ul,
				ul#priNav2 li#top_middle div#dropdown_middle:hover ul:hover li,
				ul#priNav2 li#top_middle div#dropdown_middle:hover ul:hover li:hover,
				
				ul#priNav2 li#top_middle div#dropdown_middle ul:hover li,
				ul#priNav2 li#top_middle div#dropdown_middle ul:hover li:hover,
				
				ul#priNav2 li#top_middle div#dropdown_middle ul li:hover,
				
				ul#priNav2:hover li#top_middle:hover div#hold_middle,
				ul#priNav2:hover li#top_middle:hover div#hold_middle:hover,
				
				ul#priNav2 li#top_middle:hover div#hold_middle,
				ul#priNav2 li#top_middle:hover div#hold_middle:hover,
				
				ul#priNav2 li#top_middle div#hold_middle:hover
				{
					display: block;
				}
				
				div#hold_middle { /* This is the space below the menu that 'holds' or keeps the menu appearing even though
				                    the user technically does not have their mouse in the menu anymore. */
					position: relative;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 10px;
					background-color: #80bd0c;
					filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
					display: none;
				}
		
		li#top_last {
			margin: 0;
			padding: 0;
			border-top: solid 7px #f29923;
		}
			
			li#top_last:hover {
				background-color: #f29923;
			}
			
			div#dropdown_last {
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
				position: relative;
				width: 144px;
				min-height: 50px;
				max-height: 200px;
				margin: 5px 0 0 0;
				padding: 0;
				overflow: hidden;
				border-top: solid 7px #000;
				background-color: #f29923;
				display: none;
			}
			
			ul#priNav2:hover li#top_last,
				ul#priNav2:hover li#top_last:hover div#dropdown_last,
				ul#priNav2:hover li#top_last:hover div#dropdown_last:hover ul,
				ul#priNav2:hover li#top_last:hover div#dropdown_last:hover ul:hover li,
				ul#priNav2:hover li#top_last:hover div#dropdown_last:hover ul:hover li:hover,
				
				ul#priNav2 li#top_last:hover div#dropdown_last,
				ul#priNav2 li#top_last:hover div#dropdown_last:hover ul,
				ul#priNav2 li#top_last:hover div#dropdown_last:hover ul:hover li,
				ul#priNav2 li#top_last:hover div#dropdown_last:hover ul:hover li:hover,
				
				ul#priNav2 li#top_last div#dropdown_last:hover ul,
				ul#priNav2 li#top_last div#dropdown_last:hover ul:hover li,
				ul#priNav2 li#top_last div#dropdown_last:hover ul:hover li:hover,
				
				ul#priNav2 li#top_last div#dropdown_last ul:hover li,
				ul#priNav2 li#top_last div#dropdown_last ul:hover li:hover,
				
				ul#priNav2 li#top_last div#dropdown_last ul li:hover,
				
				ul#priNav2:hover li#top_last:hover div#hold_last,
				ul#priNav2:hover li#top_last:hover div#hold_last:hover,
				
				ul#priNav2 li#top_last:hover div#hold_last,
				ul#priNav2 li#top_last:hover div#hold_last:hover,
				
				ul#priNav2 li#top_last div#hold_last:hover
				{
					display: block;
				}
				
				div#hold_last { /* This is the space below the menu that 'holds' or keeps the menu appearing even though
				                    the user technically does not have their mouse in the menu anymore. */
					position: relative;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 10px;
					background-color: #f29923;
					filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
					display: none;
				}

					div#dropdown_first ul li, div#dropdown_middle ul li, div#dropdown_last ul li {
						margin: 0;
						padding: 0 5px 0 0;
						text-transform: lowercase;
						text-align: right;
						font-size: 12px;
						list-style: none;
						line-height: 22px;
					}
					
					div#priNav_container2 ul#priNav2 li div ul li a, div#priNav_container2 ul#priNav2 li div ul li a:visited, div#priNav_container2 ul#priNav2 li div ul li a:active {
						color: #fff;
					}
					
					div#priNav_container2 ul#priNav2 li div ul li a:hover {
						color: #000;
					}