/* ---- QUICK NAVIGATION ---------------------------------------------------------- */ 
#quick-navigation
{
	width			: 810px;
	line-height		: 29px;
	
	
	border-width	: 0px 0px 1px 0px;
	border-style	: solid;
	
	font-weight		: bold;
	
	padding			: 0px 0px 0px 0px;
	margin			: 0px auto;
}

#quick-navigation ul, #mainnavigation ul, #footernav, .sublinks
{
	list-style-type	: none;
	margin			: 0px;
	padding			: 0px;	
}

	#quick-navigation ul li { float : left; }
	#quick-navigation ul li a { text-decoration	: none; }
	#quick-navigation ul li a:focus, #quick-navigation ul li a:hover { text-decoration : underline; outline : none; }
	 

#generic-nav
{
	margin-left		: 24px !important;
	text-transform	: uppercase;
}
	#generic-nav li { margin-right : 20px;}

#accessibility
{
	float			: right;
	font-weight		: normal;
}

	#accessibility li {	padding-right : 30px; margin-right : 20px;}
	#accessibility li.accesskeys { background : url('i/icons/keys.png') right center no-repeat; }	
			
	#accessibility li.notepad { background : url('i/icons/notepad.png') right center no-repeat; }	
	#accessibility li.sitemap { background : url('i/icons/sitemap.png') right center no-repeat; }
	#accessibility li.sizes { padding-right : 0px; }
	
    #accessibility li.sizes a.inctext, #accessibility li.sizes a.dectext
    {
        display         : block;
        height          : 11px;
        width           : 11px;
        float           : left;
        margin-top      : 10px;
        background      : url('i/icons/plusminus.png') left top no-repeat;
    }

        html>body #accessibility li.sizes a.inctext, #accessibility li.sizes a.dectext { margin-top : 9px; } 

        #accessibility li.sizes a.inctext:hover, #accessibility li.sizes a.inctext:focus { background-position: left bottom; outline:none; }
        #accessibility li.sizes a.dectext:hover, #accessibility li.sizes a.dectext:focus { background-position: right bottom; outline:none; }
        
        #accessibility li.sizes span.text { display : block; float : left; margin-right : 10px;}
        #accessibility li.sizes a.dectext { background-position : right top; margin-left : 2px;}
    	#accessibility li.sizes a span { display : none; }

/* ---- ACCESSKEYS PANEL ---------------------------------------------------------- */ 
#accesskeys-panel 
{ 
	clear			: both;
	display			: none;

	font-weight		: normal;
	
	border-style	: solid;
	border-width	: 1px 0px 0px 0px;
	
	overflow		: hidden;
}

	#accesskeys-panel li 
	{
		display			: inline !important;
		float			: none;
		margin-left		: 22px;
	}
	
	#accesskeys-panel li a { display : inline !important; }
	
	#accesskeys-panel li.first { margin-left : 26px; }
	
	#accesskeys-panel span
	{
		font-weight		: bold;
	}
	
	

/* ---- MAIN NAVIGATION ---------------------------------------------------------- */ 
#mainnavigation 
{ 
	background		: url('i/bg/topnav.png') left top no-repeat;
	width			: 766px;
	margin			: 0px auto;
}

	#navigation
	{
		background		: url('i/bg/bottomnav.png') left bottom no-repeat;
		overflow		: hidden;
		height          : 100%;
	}
	
	#navigation li
	{
		float			: left;
		margin			: 2px 0px;
		margin-left		: 36px;
	}
	    
	    #navigation li.first { margin-left : 12px; }
		html>body #navigation li.first { margin-left : 28px; }
	
	#navigation	li a
	{
		display			: block;
		float			: left;
		
		text-transform	: uppercase;
		text-decoration	: none;
		
		
		padding			: 4px 8px;
		font-weight		: bold;
	}
	
	#navigation li a:hover, #navigation li a:focus { outline : none; }
	
/* SUB NAVIGATION ------------------------------------------------------------------ */
.sublinks
{
	margin			: 0px 0px 10px 7px;
	
	border-style	: solid;
	border-width	: 0px 1px 1px 1px;
	
	width			: 150px;
	padding			: 10px;
}
	.sublinks li 
	{
		margin-bottom	: 5px;
		font-weight		: bold;
	}
	
	.sublinks a 
	{ 
		text-decoration : none; 
		display			: block;
		padding-left	: 14px;
		background		: url('i/icons/down_arrow.png') left 6px no-repeat; 
	}
	
	.sublinks a:hover { text-decoration : underline;  }
	
/* ---- FOOTER NAVIGATION ---------------------------------------------------------- */
#footernav
{
	text-align		: center;
	margin-left     : 12px;
	height          : 20px !important;
}

	#footernav li { display : block; float : left; padding : 0px; margin : 0px 9px 4px 9px; }
	#footernav li a { text-decoration : none; padding : 0px 4px;}
	#footernav li a:hover { text-decoration : underline; }
	
/* PAGER NAVIGATION ---------------------------------------------------------- */	
.pager
{
	text-align		: center;
	margin-bottom	: 10px;
}

	.pager a 
	{
		border-style		: solid;
		border-width		: 1px;
		padding				: 2px 0.8em;
		text-decoration		: none;
		margin              : 0em 0.3em 0em 0.3em;
	}