Three Column Theme Formatting Issue

Hello all. I have setup my site using Trident: https://www.circleofhealers.com. It looks fine on the main page but when an archive is visited the items in the right hand column get cut-off and put in the left hand colum when the content in the middle ends (see https://www.circleofhealers.com/?cat=3 for an example)

Here is my (slightly modified from the original) css..Any help is MUCH appreciated!:

/* ——————– Body and Page Layout ———————– */

body {
background: #97B997;
font-family: ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
text-align: center; /* IE 5.5 hack */
}

/* Whole Page */
#rap {
width: 765px;
background: #669966;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #669966;
border-bottom: 0em inherit;
text-align: left; /* IE 5.5 hack part II */
}

#container {
background: #669966;
}

/* header */
#masthead {
background: #669966;
font: italic normal 100% ‘Times New Roman’, Times, serif;
letter-spacing: 0.2em;
margin: 0;
padding: 0 10px 0 60px;
border-bottom: 1px solid #565;
}

#main {
float: left;
width: 610px;
height: 100%;
}

/*main column */
#content {
float: right;
width: 450px;
background: #97B997
}

/* left sidebar */
#menu {
float: left;
width: 150px;
background: #669966;
}

/* right sidebar */
#rmenu {
float: right;
width: 150px;
background: #669966;
}

.clearer {
clear: both;
height: 0;
margin: 0;
padding: 0;
}

#footer {
margin-bottom: 0;
}

/* ——————— WordPress Stuff ———————– */

a {
color: #262682;
}

a img {
border: none;
}

a:visited {
color: #262682;
}

a:hover {
color: #7171D5;

}

acronym, abbr {
border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
}

blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}

cite {
font-size: 90%;
font-style: normal;
}

#header a {
color: #fff;
text-decoration: none;
}

#header a:hover {
color: #D3031E
text-decoration: underline;
}

h1 {
margin: 0;
padding: 20px;
text-align: right;
}

h2 {
border-bottom: 1px dotted #ccc;
font: 100% “Times New Roman”, Times, serif;
letter-spacing: 0.2em;
margin: 15px 20px 0 30px;
padding-bottom: 2px;
}

h3 {
border-bottom: dotted 1px #eee;
font: bold 140% “Times New Roman”, Times, serif;
margin-top: 0;
padding-bottom: 0;
}

h3 a:hover {
color: #A60216;
}

ol#comments li p {
font-size: 100%;
}

li, .feedback {
font: 90%/175% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
letter-spacing: -1px;
}

/* —————— Classes used by the_meta() ————–*/

ul.post-meta {
list-style: none;
}

ul.post-meta span.post-meta-key {
font-weight: bold;
}

/* footer */
.credit {
background: #669966;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}

.credit a:link, .credit a:hover {
color: #fff;
}

.feedback {
color: #ccc;
text-align: left;
clear: both;
margin-right: 30px;
font-size: .75em;
}

.meta {
font-size: .75em;
}

.meta li, ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

/* filed under text color */
.meta, .meta a {
color: #000000;
font-weight: normal;
letter-spacing: 0;

}
a:hover {
color: #65010E;

}

.post {
margin-top: 5px;
margin-right: 15px;
margin-left: 15px;
}

.storytitle {

}

.storytitle a {
text-decoration: none;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 100%;
}

#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}

/* —————-All menu styling except #menu itself (in layout above) ——— */

#menu form {
margin: 0 0 0 13px;
}

#menu input#s {
width: 80%;
background: #eee;
border: 1px solid #999;
color: #000;
}

#menu ul {
/* left side heading text color */
color: #253825;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;

}

#menu ul li {
font: italic normal 110% ‘Times New Roman’, Times, serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

#menu ul ul li {
border: 0;
font: normal normal 70%/115% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}

/* left side text color */
#menu ul ul li a {
color: #ffffff;
text-decoration: none;
}
color: #ffffff;
#menu ul ul li a:hover {
border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}