/* CSS Document */


<style type="text/css">

body {
	font-size: 62.5%;
	}

div#nav-box {
	float: left;        /* creates box for navigation tower */
	width: 170px;    
	height: 550px;
	background-color: #ffBD00;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	border-bottom: 2px solid #a67a00;
	padding-right: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	
	}
	
#navigation {
  	width: 170px;     /* Sets width for navigation buttons */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 1.2em;      /* Sets type style for navigation buttons */
  	font-weight: bold;

	margin-left: 0px;
	margin-bottom: 15px;
  }
  
 #navigation a {
	text-decoration: none;  /* Removes underline from links.  Makes text black */
	color: #000000;
	display: block;
	}
 
  #navigation a:hover {
	text-decoration: none;  /* Removes underline from links.  Makes hover text purple */
	color: #612fae;
	display: block;
	}
	
#navigation ul {
	margin:0px;     /* makes background color for links */
	padding:0px; 
	background-color:#ffefc2;	
	}

#navigation ul li {
	height:25px;
	line-height:25px;
	list-style: none;
	padding-left: 8px;        /* Sets dimensions and borders for nav buttons */
	color:#fff;
	border-top:#8e0B1E solid 4px;
	border-right:#8e0B1E solid 6px;
	border-bottom:#8e0B1E solid 4px;
	border-left:#8e0B1E solid 6px;
	cursor:pointer;
	}



#navigation ul li:hover {
	background-color: #BCC55E; 
	position:relative;
	z-index: 9;
	}
	
	
.home-link {
	background-color: #573882;  /* Sets background color for HOME button */
	}
	
#navigation .white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;               /* Sets type for HOME button */
	color:#FFFFFF;
	font-weight: bold;
	}	


#navigation ul li.home-link:hover {
	background-color: #BCC55E;  /* HOVER background color for HOME button */
	}
	
#navigation a.white:hover {
	text-decoration: none;     /* HOVER type color for HOME text */
	color: #000;
	}


.ship-link {
	background-color: #573882;  /* Sets background color for SHIPPING button */
	}


#navigation .white2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;                /* Sets type for SHIPPING button */
	color:#FFFFFF;
	font-weight: bold;
	}	

#navigation ul li .white2:hover {
	text-decoration: none;     /* Sets hover type color for SHIPPING text */
	color: #000;
	}
	
#navigation ul li.ship-link:hover {
	background-color: #BCC55E;  /* HOVER background color for SHIPPING button */
	}
	


	
#navigation ul ul {
	display:none;
	position:absolute;
	left:150px;          /* Formats overall block for the shoot-out menu items */
	top:0px;
	border-top:#8e0B1E solid;
	border-bottom:#8e0B1E solid;
	border-width:4px;
	background-color:#FFEFC2;	
	}

#navigation ul li:hover ul {
	display: block;
	}

#navigation ul ul li {
border-top:#8e0B1E solid 4px;
border-bottom:#8e0B1E solid 4px;   /* Formats design for individual shoot-out menu items */
width:245px; 
float:left; 
display:inline;} 

#navigation ul ul li:hover {
border-top:#8e0B1E solid 4px;   /*  Formats shoot-out menu for HOVER */
border-bottom:#8e0B1E solid 4px;
background-color: #BCC55E;
}

#navigation ul ul li:hover a {
color: #612fae;                  /* Sets shoot-out menu text color purple for HOVER  */
}

.clearthefloats {
	clear: both;
	}
	

</style>

