Centering Web Site Logo in Header
Currently the website logo of my site is all the way to the left. I have been trying to center it and would really appreciate any help. My website is
www.pennlets.com. Currently the CSS for my header looks like this:
/* header */
.header_top_res { margin:0 auto; width:940px; }
.header_top_res p { padding:8px 0 8px 8px; color:#fff; text-align:right; }
.header_top_res p a:hover { text-decoration:underline; }
.header_top_res p img.srvicon { margin:-4px 0; border:none; }
.header_main_res .searchblock .form_search { margin:0; padding:0;}
.header_main_res .searchblock label { margin:3px 4px; padding:0; float:left; color:#fff;}
.header_main_res .searchblock .editbox_search { margin:0 4px; padding:3px; float:left; width:174px; font:normal 12px/1.5em Arial, Helvetica, sans-serif; background:#fff; border:1px solid #949494;}
.header_main_res .searchblock .list_search { margin:0 4px; padding:2px; float:left; width:100px; height:23px; font:normal 12px/1.5em Arial, Helvetica, sans-serif; background:#fff; border:1px solid #949494;}
.header_main_res { margin:10 auto; width:940px;}
.header_main_res #logo { float:center;}
.header_main_res .adblock { margin-top:10px; float:right;}
.header_menu_res{margin:0 auto; width:940px; padding:7px 0;}
.header_menu_res .obtn{float:right; font-size:16px; padding:4px 40px}