navigation bar doesn't line up

http://i.domaindlx.com/wheelofgod/kingjames.asp

The navigation bar isn't lining up I use Mozilla Firefox and the 2 images "examples" and "articles" are not in the column no matter how hard I tried. This might be a CSS problem. This is what I have:

Code:

---

/* Layout Stylesheet */

body {
 margin:10px;
 background:#FFFFFF;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border:1px solid #000000;
 width:1050px;
 margin:auto;
 }
#hdr {
 height:60px;
 background:#9ACD32;
 color: #333333;
 }

#bar {
 height:25px;
 background:#688E23;
 color: #FFFFFF;
 border:solid #000000; 
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background: #FFCC80;
 color: #FFFF33;
 width:650px;
 padding:0;
 }

#l-col {
 font: Verdana;
 float:left;
 background:#9ACD32;
 color: #333333;
 width:120px;
 }

#cont {
 width:800px;
 background:#FFFFFF;
 font: verdana;
 color: #333333;
 border:solid #000000; 
 border-width:0 0 0 1px;
 text-align:left;
 }

#ftr {
 height:25px;
 background:#9ACD32;
 color: #FFFFFF;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }

---

Code:

---

/* Presentation Stylesheet */

h3, p {
 margin:0;
 padding:15px;
 }

h4 {
 margin:0;
 padding: 5px 0;
 }
 
p:first-letter {
 font-size: 80%;
 font-weight: bold;
 color:blue;
 }


/*<![CDATA[*/a.piclink:active{color:red;background-color:grey;text-decoration:none}
a.piclink:visited{color:blue;background-color:grey;text-decoration:none}
a.piclink:hover{color:#B36B00;background-color:white;text-decoration:none}/*]]>*/

---

Its not only your navigation bar thats off. There seems to be a small matter of a popup on your site that it crashing my web broswer. All 5 of them when I try and look atit.

Might want to sort this one out first eh??