#navigation {
 width: 700px;
 float: left;
 margin: 0;
 border-bottom: 6px solid #e7eff5;
 display: inline;
 float: left;	
}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#navigation a {
 margin: 0 1px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 12px;
 background: #76bae6 url('../gfx/bg-nav-left.gif') no-repeat left top;
 display: inline-block;
 float: left;   
}

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

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


/*Active State*/	
body.home #navigation #home,
body.about #navigation #about,
body.services #navigation #services,
body.links #navigation #links,
body.news #navigation #news,
body.communities #navigation #communities,
body.careers #navigation #careers {background: #124577 url('../gfx/bg-nav-left.gif') no-repeat 0 -104px;}

body.home #navigation #home span,
body.about #navigation #about span,
body.services #navigation #services span,
body.links #navigation #links span,
body.news #navigation #news span,
body.communities #navigation #communities span,
body.careers #navigation #careers span {background: #124577 url('../gfx/bg-nav-right.gif') no-repeat 100% -104px;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #fff;}



/*--------------------------------------------------------------------------
Sub Navigation - Level Two
--------------------------------------------------------------------------*/

ul#sub-navigation {
 width: 232px;
 padding-top: 20px;
 background: transparent url('../gfx/bg-sub-top.gif') no-repeat 0 0;
 float: left;
}

ul#sub-navigation ul {
 padding-bottom: 20px;
 margin: 0;
 background: #e7eff5 url('../gfx/bg-sub-bottom.gif') no-repeat 0 100%;
}

ul#sub-navigation ul li {
 margin: 0; 
 padding: 4px 0;
 background: none;
}

ul#sub-navigation ul li a {
 font-size: 11px;
 height: 28px;
 font-weight: bold;
 line-height: 26px;
 background: transparent url('../gfx/a-subnav.gif') no-repeat 0 0;
 display: block;
 margin: 0 17px;
 padding: 0 0 0 22px;
 color: #2b5275;
}

ul#sub-navigation ul li a:hover {background-position: 0 -28px;}
ul#sub-navigation ul li a.active {background-position: 0 -56px; color:#699bc9;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Three
--------------------------------------------------------------------------*/

ul#sub-navigation ul ul {
 margin: 8px 0 0 0;
 padding: 0;
 background: none;
}

ul#sub-navigation ul ul li {
 margin: 0; 
 padding: 0;
}

ul#sub-navigation ul ul li a {
 margin: 0 17px 0 39px; 
 height: 20px;
 line-height: 20px;
 padding: 0 0 0 10px;
 font-weight: normal;
 background: #e7eff5 url('../gfx/a-subnav-arrow.gif') no-repeat 0 50%;
 color: #2b5275;
}

ul#sub-navigation ul ul li a:hover,
ul#sub-navigation ul ul li a.active {
 background: #e7eff5 url('../gfx/a-subnav-arrow.gif') no-repeat 0 50%;
 color: #73a1cc;
}

/*--------------------------------------------------------------------------
Site Map - Level One
--------------------------------------------------------------------------*/

#map {width: 438px;}

#map li {
 width: 438px;
 margin: 0; 
 padding: 0 0 5px 0;
 background: none;
 float: left;
}

#map li a {
 font-size: 11px;
 height: 30px;
 line-height: 30px;
 font-weight: bold; 
 background: transparent url('../gfx/a-sitemap.gif') no-repeat 0 0;
 display: block;
 padding: 0 0 0 22px;
 color: #2b5275;
}

#map li a:hover {
 background: transparent url('../gfx/a-sitemap.gif') no-repeat 0 -30px;
 color: #699bc9;
}

/*--------------------------------------------------------------------------
Site Map - Level Two
--------------------------------------------------------------------------*/

#map .leveltwo li {
 margin: 0 0 0 0; 
 padding: 6px 0 0 0;
 background: none;
}

#map .leveltwo li a {
 height: 28px; 
 line-height: 27px;
 margin: 0 0 0 20px; 
 padding: 0 0 0 10px; 
 background: #c4d6e5 url('../gfx/a-sitemap-sub.gif') no-repeat 0 0;
 color: #fff;
}

#map .leveltwo li a:hover {
 background: #f1f5f9 url('../gfx/a-sitemap-sub.gif') no-repeat 0 -28px;
 color: #699bc9;
}

/*--------------------------------------------------------------------------
Site Map - Level Three
--------------------------------------------------------------------------*/

#map .leveltwo .levelthree li {
 margin: 0; 
 padding: 4px 0 0 0;
 background: none;
}

#map .leveltwo .levelthree li a {
 font-weight: normal;
 height: 15px;
 line-height: 15px;
 margin: 0 0 0 40px; 
 padding: 0 0 0 10px; 
 background: transparent url('../gfx/a-subnav-arrow.gif') no-repeat 0 50%;
 color: #2b5275;
}

#map .leveltwo .levelthree li a:hover {
 color: #699bc9;
}