/* horizontal-drop nav */

#navtop, #navtop ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
/*line-height: 1;*/
}
#navtop li {
float: right;
white-space: nowrap;
width: 160px;
padding: 0px;
margin: 0px;
}
#navtop a {
padding: 0px;
margin: 0px;
text-decoration: none;
display: block;
width: 160px;
height: 54px;
}

#navtop li.about a:link , #navtop li.about a:visited {
color: #330;
background: transparent url(../images/nav-images/rip-paper-top-nav_r1_c1.gif) top left no-repeat;
}
#navtop li.about a:hover, #navtop li.about a:active {
color: #036;
background: transparent url(../images/nav-images/rip-paper-bot-nav_r1_c1.gif) top left no-repeat;
}
#navtop li.community a:link , #navtop li.community a:visited {
color: #330;
background: transparent url(../images/nav-images/rip-paper-top-nav_r1_c5.gif) top left no-repeat;
}
#navtop li.community a:hover, #navtop li.community a:active {
color: #036;
background: transparent url(../images/nav-images/rip-paper-bot-nav_r1_c5.gif) top left no-repeat;
}
#navtop li.exploration a:link , #navtop li.exploration a:visited {
color: #330;
background: transparent url(../images/nav-images/rip-paper-top-nav_r1_c4.gif) top left no-repeat;
}
#navtop li.exploration a:hover, #navtop li.exploration a:active {
color: #036;
background: transparent url(../images/nav-images/rip-paper-bot-nav_r1_c4.gif) top left no-repeat;
}
#navtop li.using a:link , #navtop li.using a:visited {
color: #330;
background: transparent url(../images/nav-images/rip-paper-top-nav_r1_c3.gif) top left no-repeat;
text-decoration: none;
}
#navtop li.using a:hover, #navtop li.using a:active {
color: #036;
background: transparent url(../images/nav-images/rip-paper-bot-nav_r1_c3.gif) top left no-repeat;
text-decoration: none;
}
#navtop li.collection a:link , #navtop li.collection a:visited {
color: #330;
background: transparent url(../images/nav-images/rip-paper-top-nav_r1_c2.gif) top left no-repeat;
text-decoration: none;
}
#navtop li.collection a:hover, #navtop li.collection a:active {
color: #036;
background: transparent url(../images/nav-images/rip-paper-bot-nav_r1_c2.gif) top left no-repeat;
text-decoration: none;
}

#navtop li.none a {
width: 150px;
}

#navtop li.none a:link, #navtop li.none a:visited {
color: #330;
background: transparent;
text-decoration: none;
padding: 5px 0px 0px 10px;
margin: 0;
height: 20px;
}
#navtop li.none a:hover, #navtop li.none a:active {
color: #fff;
background-color: #330;
background-image: none;
text-decoration: none;
padding: 5px 0px 0px 10px;
margin: 0;
height: 20px;
}

#navtop li ul {
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
}
#navtop li:hover ul ul, #navtop li.subhover ul ul {
left: -999em;
} 

#navtop li:hover ul, #navtop li li:hover ul , #navtop li li li:hover ul, #navtop li.subhover ul, #navtop li li.subhover ul ,#navtop li li li.subhover ul{
left: auto;
}
#navtop ul li ul {
background: #fff url(../images/nav-images/rip-paper-ulul-back.jpg) bottom left no-repeat;
}
#navtop li ul {
/*margin: -1.08em 0 0 0px;*/
margin: -0.5em 0 0 0px;
z-index: 2100;
font-size: 100%;
}
#navtop li ul li.none ul {
margin: -2.2em 0 0 150px;
z-index: 2100;
font-size: 100%;
}
/* horizontal nav in header */

#navtop-header, #navtop-header ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
line-height: 1;
}
#navtop-header li {
float: right;
white-space: nowrap;
padding: 0 2px;
margin: 0px;
/*width: 120px;*/
}
#navtop-header li.access {
padding-right: 0;
}

#navtop-header a {
padding: 0px;
text-decoration: none;
display: block;
width: 95px;
height: 110px;
}
/* horizontal nav in header classes for hover */
#navtop-header ul li.home a:link, #navtop-header ul li.home a:visited {
color: #000;
background: transparent url(../images/nav-images/home-top.jpg) top left no-repeat;
text-decoration: none;
}
#navtop-header ul li.home a:hover, #navtop-header ul li.home a:active{
color: #000;
background: transparent url(../images/nav-images/home-bot.jpg) top left no-repeat;
text-decoration: none;
}

#navtop-header ul li.contact a:link, #navtop-header ul li.contact a:visited {
color: #000;
background: transparent url(../images/nav-images/contact-top.jpg) top left no-repeat;
text-decoration: none;
}
#navtop-header ul li.contact a:hover, #navtop-header ul li.contact a:active{
color: #000;
background: transparent url(../images/nav-images/contact-bot.jpg) top left no-repeat;
text-decoration: none;
}

#navtop-header ul li.links a:link, #navtop-header ul li.links a:visited {
color: #000;
background: transparent url(../images/nav-images/links-top.jpg) top left no-repeat;
text-decoration: none;
}
#navtop-header ul li.links a:hover, #navtop-header ul li.links a:active{
color: #000;
background: transparent url(../images/nav-images/links-bot.jpg) top left no-repeat;
text-decoration: none;
}

#navtop-header ul li.gifts a:link, #navtop-header ul li.gifts a:visited {
color: #000;
background: transparent url(../images/nav-images/gifts-top.jpg) top left no-repeat;
text-decoration: none;
}
#navtop-header ul li.gifts a:hover, #navtop-header ul li.gifts a:active{
color: #000;
background: transparent url(../images/nav-images/gifts-bot.jpg) top left no-repeat;
text-decoration: none;
}

#navtop-header ul li.access a:link, #navtop-header ul li.access a:visited {
color: #000;
background: transparent url(../images/nav-images/accessibility-top.jpg) top left no-repeat;
text-decoration: none;
}
#navtop-header ul li.access a:hover, #navtop-header ul li.access a:active{
color: #000;
background: transparent url(../images/nav-images/accessibility-bot.jpg) top left no-repeat;
text-decoration: none;
}

/*footer navigation*/
#footer ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 800px;
line-height: 1;
}
#footer li {
float: left;
white-space: nowrap;
padding: 0;
margin: 0px;
border-right: 1px solid #ccc; 
}
#footer li.end {
border-right: none; 
}
#footer li.begin a {
padding-left: 0; 
}
#footer a {
padding: 5px;
text-decoration: none;
display: block;
}
#footer a:link, #footer a:visited {
color: #330;
background-color: #fff; 
text-decoration: none;
}
#footer a:hover, #footer a:active {
color: #036;
background-color: #fff;
text-decoration: none;
}