/*
Title:		Rosetta Stone: nav.css
Created:	June 2007
Description:    Nav.css defines rules to style all navigation elements: primary nav, utility nav, footer, product menu, etc.
*/


/* Primary Navigation Menu - see personal, schools, organizations and homeschool CSS files for specific rules */

#menu-area ul {
    width: 900px;
    float: left;
}

#menu-area li {
	list-style: none;
	float: left;
	display: inline;
}



/* Channel Navigation */

#channel_menu {
	position: absolute;
        left: 0;
	top: 91px;
	z-index: 1000;
	width: 243px;
	overflow: hidden;
}

#channel_menu a img {
        margin-bottom: 0;
        height: 30px;
        display: block;
}

#channel_menu img, #content-header-a img {
	behavior: url(http://www.rosettastone.it/us_assets/styles/pngHack.htc);
}



/* Utility Navigation */

#top-area-right ul { /*this should really be renamed to something like #utility ul or #utility-nav ul */
       font-size: 85%;
       float: right;
       list-style: none;
       margin: 1.5em 0;
}

#top-area-right ul li {
       display: inline;
       padding-right: 10px;
       padding-left: 10px;
       border-right: 1px solid #D9B515;
}

#top-area-right ul li.last {
       border-right: 0;
}

#top-area-right select {
  margin: 0px;
}

/* Footer Navigation */


#footer {
   clear:both;
   float:left;
   font-size:92%;
   padding-top:1em;
   width:900px;
}
#footer .footer-left, #footer-home .footer-left {
	float: left;
        clear: both;
        margin: 5px 0 15px 0;
}

#footer .footer-left ul li, #footer-home .footer-left ul li, #footer .footer-center ul li, #footer-home .footer-center ul li {
        display: inline;
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #D9B515;
}

#footer .footer-left ul li.first, #footer-home .footer-left ul li.first, #footer .footer-center ul li.first, #footer-center .footer-left ul li.first {
        display: inline;
        padding-right: 4px;
        padding-left: 0px;
}


#footer .footer-left ul li.last, #footer-home .footer-left ul li.last, #footer .footer-center ul li.last, #footer-home .footer-center ul li.last {
        border-right: 0;
}

#footer .footer-right, #footer-home .footer-right {
	float: right;
        margin: 5px 0 15px 0;
}



#footer .footer-center, #footer-home .footer-center {
        width: 900px;
        float: left;
        clear: both;
        margin: 5px 0 15px 0;
}

#footer .footer-center p {
        align: center
}