#navigation {
margin: 0;
padding: 0;
float: left;
width: 100%;
height: 38px;
background: #ddd;
}

#navigation ul {
width: 400px;
margin: 0 0 0 320px;
padding: 0 0 0 0;
list-style-type: none;
height: 38px;
background: url("/images/YouDeserveBetter-TopNav.png") 0 0 no-repeat;
}

#navigation ul li {
margin: 0;
padding: 0;
display: block; 
float: left;
height: 38px;
}

#navigation ul li a {
margin: 0;
padding: 0;
display: block;
text-indent: -9999em;
overflow: hidden;
}

#navigation ul li.join a {
width: 110px;
height: 38px;
background: url("/images/YouDeserveBetter-TopNav.png") 0 0 no-repeat;
}

#navigation ul li.join a:hover {
background: url("/images/YouDeserveBetter-TopNav.png") 0 36px;
}

#navigation ul li.spread a {
width: 170px;
height: 38px;
background: url("/images/YouDeserveBetter-TopNav.png") -110px 0 no-repeat;
}


#navigation ul li.spread a:hover {
background: url("/images/YouDeserveBetter-TopNav.png") -110px 36px;
}


#navigation ul li.action a {
width: 120px;
height: 38px;
background: url("/images/YouDeserveBetter-TopNav.png") -280px 0 no-repeat;
}

#navigation ul li.action a:hover {
background: url("/images/YouDeserveBetter-TopNav.png") -280px 36px;
}


#sideNav {
margin: 0;
padding: 0;
}


#sideNav a {
color: #369;
text-decoration: none;
}

#sideNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#sideNav ul li {
margin: 0;
padding: 0 0 1em 42px;
}

#sideNav ul li a {
display: block;
margin: 0;
padding: 0 0 0 18px;
font-size: 14px;
}

#sideNav ul li a:hover {
background: url("/images/bullet-rarrow.png") 0 5px no-repeat;
}