How to create a simple header with a logo and a search box?

How to style an html header with a logo vertically centered on the left and the search box vertically centered on the right inside a header:

<body bgcolor="#ffffff">

<div class="header">

    <div class="subheader">
        <img class="logo" src="logo.png">
        <div class="description">Hello World</div>
        <div class="search_wrapper">
            <div class="search_field">
                <input id="search" value="Search">



I can do the simple part but for the rest it’s too difficult for me:

body {
	margin: 0px;
	padding: 0px;
	background-color: black;
	font-family: "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 10px;

.header {
	background-image: url(images/header.png);
	background-repeat: repeat-x;
	height: 81px;