/* CSS Document */

/* mark */

#nav1, #nav1 ul { 
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, Verdana, sans-serif; 
color:#FFF; background: transparent;
font-size:10px;
font-weight:bold;
padding: 3px;
}

#nav1 a {
display: block;
width:75px;  /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
color:#FFF; 
text-shadow: 2px 2px 3px black;
text-decoration:none;
 }
 
 #nav1 a:hover {
display: block;
width:75px; /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
color:#FFFFFF; 
text-decoration:none;
 }
 
#nav1 li { float: left;
width:75px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px;
 }

#nav1 li ul {
position: absolute;
background: #B0171C;
width:135px; /* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;

}

#nav1 li:hover ul {
left: auto;
}

#nav1 li:hover ul, #nav1 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
	 font-size:11px;
text-shadow: none;
	  line-height: 12px;
}

/* mark2 */

#nav2, #nav2 ul { 
padding: 0;
margin: 0;
width:75px; 
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
	 
}

#nav2 a {
display: block;
width:135px; /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;

 }
 
 #nav2 a:hover {
display: block;
width:135px; /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav2 li { float: left;
width:75px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px; }

#nav2 li ul {
position: absolute;
background: #B0171C;
width:135px; /* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav2 li:hover ul {
left: auto;
}

#nav2 li:hover ul, #nav2 li.sfhover ul { 
/* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
display: block; 
}

/* mark3 */

#nav3, #nav3 ul { 
padding: 0;
margin: 0;
width:125px;
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
}



#nav3 a {
display: block;
width:135px; /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;
 }
 
 #nav3 a:hover {
display: block;
width:135px; /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav3 li { float: left;
width:125px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px; }

#nav3 li ul {
position: absolute;
background: #B0171C;
width:135px; /* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav3 li:hover ul {
left: auto;
}

#nav3 li:hover ul, #nav3 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
}

/* mark3 */

#nav4, #nav4 ul { 
padding: 0;
margin: 0;
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
}

#nav4 a {
display: block;
width:70px;  /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;
 }
 
 #nav4 a:hover {
display: block;
width:70px; /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav4 li { float: left;
width:70px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px; }

#nav4 li ul {
position: absolute;
background: #B0171C;
width:135px; /* changes the drop menu width of text on hover*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav4 li:hover ul {
left: auto;
}

#nav4 li:hover ul, #nav4 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
}

/* mark3 */

#nav5, #nav5 ul { 
padding: 0;
margin: 0;
width:70px; 
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
}

#nav5 a {
display: block;
width:135px;  /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;
 }
 
 #nav5 a:hover {
display: block;
width:135px; /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav5 li { float: left;
width:70px;  /* changes the top level width */
 padding-top: 6px; padding-bottom: 10px; }

#nav5 li ul {
position: absolute;
background: #B0171C;
width:135px;/* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav5 li:hover ul {
left: auto;
}

#nav5 li:hover ul, #nav5 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
}


/* mark6 */

#nav6, #nav6 ul { 
padding: 0;
margin: 0;
width:110px;
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
}

#nav6 a {
display: block;
width:135px; /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;
 }
 
 #nav6 a:hover {
display: block;
width:135px;  /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav6 li { float: left;
width:110px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px; }

#nav6 li ul {
position: absolute;
background: #B0171C;
width:135px; /* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav6 li:hover ul {
left: auto;
}

#nav6 li:hover ul, #nav6 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
}

/* mark7 */

#nav7, #nav7 ul { 
padding: 0;
margin: 0;
width:100px;
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
}

#nav7 a {
display: block;
width:135px;  /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;
 }
 
 #nav7 a:hover {
display: block;
width:135px;  /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav7 li { float: left;
width:100px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px; }

#nav7 li ul {
position: absolute;
background: #B0171C;
width:135px; /* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav7 li:hover ul {
left: auto;
}

#nav7 li:hover ul, #nav7 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
}

/* mark3 */

#nav8, #nav8 ul { 
padding: 0;
margin: 0;
list-style: none;
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; background: transparent;
 font-size:10px;
 font-weight:bold;
	  padding: 3px;
}

#nav8 a {
display: block;
width:135px;  /* changes the drop menu width of text */
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFF; 
 	text-shadow: 2px 2px 3px black;
 text-decoration:none;
 }
 
 #nav8 a:hover {
display: block;
width:135px;  /* changes the drop menu width of text on hover*/
font-family: Arial, Helvetica, Verdana, sans-serif; 
 color:#FFFFFF; 
 text-decoration:none;
 }
 
#nav8 li { float: left;
width:100px; /* changes the top level width */ 
padding-top: 6px; padding-bottom: 10px; }

#nav8 li ul {
position: absolute;
background: #B0171C;
width:110px; /* changes the drop menu width of background*/
left: -999em;
padding-left: 5px;
margin-top: 5px;
border: 1px solid #660000;
}

#nav8 li:hover ul {
left: auto;
}

#nav8 li:hover ul, #nav8 li.sfhover ul { /* lists nested under hovered list items */	
left: auto;
font-size:11px;
line-height: 12px;
}

.mainnav {
background-image: url(http://psaonline.live.radicaldesigns.org/img/menu_bg.gif);
}

.mainnavon {
background-image: url(http://psaonline.live.radicaldesigns.org/img/menu_bg_on.gif);
}

li, ul{
z-index: 100;
}