Center text in navigation bar
===

I'm having trouble aligning the text in my navigaiton bar to center (vertically) within its container.

HTML for nav bar:

    <ul class="navigation">
				<li class="navbar"><a href="index.html" class="navbarlink" >Home</a></li>
				<li class="navbar"><a href="second.html" class="navbarlink">About</a></li>
				<li class="navbar"><a href="index.html" class="navbarlink">Portfolio</a></li>
				<li class="navbar"><a href="index.html" class="navbarlink">Contact</a></li>
			</ul>

CSS for nav bar:

    .navigation {
	background:#1841c8 url(Navigation/Navigation/nav_background.png);
	height:40px;
	margin-bottom:0px;
	display:block;
    }

    .navigation .navbar .navbarlink{
	color:#FFFFFF;
	background:gray;
	display:block;
    }

    .navigation .navbar .navbarlink:hover{
	color:#00CCFF;
	background: url(Navigation/Navigation/nav_hover.png);
	text-decoration:none;
        }


Can anyone tell me which property i'm missing in my CSS?