/* -------------------------------------------------------------- 
* navigation.css
* Governs the main navigation for www.roll-a-way.com
* @ Last updated on 9/11/2009
* Update notes:
-------------------------------------------------------------- */

.rightNav:link 
{
	color: #000;            /* text color */
    text-decoration: none;  /* no underline */
	display: block;
	border-bottom: 1px dashed #ccc;
	padding: 5px 0px 5px 10px;
	margin-left:-5px;
}

.rightNav:visited 
{
	color: #000;            /* text color */
    text-decoration: none;  /* no underline */
	display: block;
	border-bottom: 1px dashed #ccc;
	padding: 5px 0px 5px 10px;
	margin-left:-5px;
}

.rightNav:active 
{
    color: #00F;
	background: #F4F4F4;
    text-decoration: none;
	margin-left:-5px;
}

.rightNav:hover 
{
    color: #00F;
	background: #F4F4F4;
    text-decoration: none;
	margin-left:-5px;
}

#navigation
{
	background: #fff url(./images/NavigationBackground.gif) repeat-x;       /* white content background, header image */
	height: 43px;      /* set size equal to banner image */
    position: relative;
    width:955px;
	margin: 0;
	float: right;
}

#navigation ul
{
	float: right;
	list-style: none;
    margin: 1px 0 0 0;
    padding: 0;
}

#navigation li
{
    float: left;
    margin: 0;
    padding: 0;
	/*
	border-right: #CCC 1px double;
	border-left: #fff 1px solid;
	*/
	font-size: 1.2em;
	background: url(./Images/Divider.gif) no-repeat left;
}

#navigation .last
{
	border: 0;
	display: block;
	line-height: 12px;
	padding: 11px 0 11px 11px;
	/*border-left: #fff 1px solid;*/
}

#navigation li a:link, #navigation li a:visited {
    display: block;         /* block mode for graphical button */
    color: #000;            /* text color */
    text-decoration: none;  /* no underline */
    padding: 11px; /* line up text*/
    line-height: 12px;
	font-weight: bold;
}

#navigation li a:hover, #navigation li a:active {
	background: #fff;
	
}

.navsur
{
	float: right;	
	margin: .5em 2em 0 0;	
}