/* CSS Document */

/*--------------------------------------------------------------------------
Navigation - Top
--------------------------------------------------------------------------*/

#navigation {
 width: 734px;
 padding: 15px 0 0 0;
 margin: 0 15px 0 15px;
  border-bottom: 6px solid #e7eff5;
  background-color: #ffffff;
  clear: both;

}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden
	
	
	}
#navigation li {
 margin: 0;
 padding: 0;
float: left;
}

#navigation ul li a {
 margin: 0 2px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 12px;  	
 text-transform: lowercase;
 background: #76bae6 url('/images/design/bg-nav-left3.gif') no-repeat left top;
 display: block;
 float: left;
 text-decoration: none!important;
 cursor: pointer; 
}

#navigation a span {    
 padding: 5px 14px 6px 0;  
 background: #76bae6 url('/images/design/bg-nav-right3.gif') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#navigation a:hover {background: #4d80ad url('/images/design/bg-nav-left3.gif') no-repeat 0 -52px;}
#navigation a:hover span {background: #4d80ad url('/images/design/bg-nav-right3.gif') no-repeat 100% -52px;}


/*Active State*/	
body.home #navigation #home,
body.laws #navigation #laws,
body.carseat #navigation #carseat,
body.fit #navigation #fit,
body.bup #navigation #bup,
body.tech #navigation #tech,
body.com #navigation #com,
body.vid #navigation #vid {background: #124577 url('/images/design/bg-nav-left3.gif') no-repeat 0 -104px;}

body.home #navigation #home span,
body.laws #navigation #laws span,
body.carseat #navigation #carseat span,
body.fit #navigation #fit span,
body.bup #navigation #bup span,
body.tech #navigation #tech span,
body.com #navigation #com span,
body.vid #navigation #vid span {background: #124577 url('/images/design/bg-nav-right3.gif') no-repeat 100% -104px;}


/*--------------------------------------------------------------------------
Top Links
--------------------------------------------------------------------------*/
#toplinks {
 float: right;
 color: #ffffff;
 font-size: 11px;
 position: absolute;
 bottom: 35px;
 right: 25px;
 }
 #toplinks p {
 	margin: 0;
	padding:0;
	}

 #toplinks p a:link,
 #toplinks p a:visited
  {
 	color: #ffffff;
	text-decoration: none;
	}
 #toplinks p a:hover
  {
 	text-decoration: none;
	color: #124577;
	}
 #toplinks p a:active
  {
 	color: #ffffff;
	text-decoration: none;
	}
	
/*--------------------------------------------------------------------------
Foot Links
--------------------------------------------------------------------------*/
#footlinks {
 float: left;
 color: #666666;
 font-size: 10px;
 margin: 20px 0 0 25px;
 padding-bottom: 10px;
 }
 #footlinks p {
 	margin: 0;
	padding:0;
	line-height: 18px;
	width: 600px;
	}

 #footlinks p a:link,
 #footlinks p a:visited
  {
 	color: #1192ec;
	text-decoration: none;
	}
 #footlinks p a:hover
  {
 	text-decoration: none;
	color: #124577;
	}
 #footlinks p a:active
  {
 	color: #1192ec;
	text-decoration: none;
	}
	
#footlinks span.top {
 	position: absolute;
    top: -20px;
    left: 690px;
	padding-right: 15px;
	background: transparent url(http://www.800bucklup.org/images/arrow_up_orange.gif) no-repeat 1.75em;
	cursor: pointer;
	z-index: 999;
	}	
#footlinks span.top a:link,
 #footlinks span.top a:visited
  {
 	color: #ff6633;
	text-decoration: none;
	}
 #footlinks span.top a:hover
  {
 	text-decoration: none;
	color: #124577;
	}
 #footlinks span.top a:active
  {
 	color: #ff6633;
	text-decoration: none;
	}
	
/*--------------------------------------------------------------------------
Legal Links
--------------------------------------------------------------------------*/
#legallinks {
 float: left;
 color: #505050;
 font-size: 10px;
 margin: 25px 0 0 25px;
 }
#legallinks p {
 	margin: 0;
	padding:0;
	}
#legallinks p a:link,
#legallinks p a:visited
  {
 	color: #666666;
	text-decoration: none;
	}
#legallinks p a:hover
  {
 	text-decoration: none;
	color: #505050;
	}
#legallinks p a:active
  {
 	color: #505050;
	text-decoration: none;
	}