Increasing Navigational Column

I am trying to make the navigational column to the left on http://www.strongfamilies.us/index.php longer so that I could fit in more links. How can I make this column longer? Thanks.

 

Try the Nav.css file and altering the height attribute. You may have to alter some of the other heights for the site too though to accommodate the change

If you don't get it sorted over night PM me and I will have a look in the morning

 

Thank you so much for your response. However, it doesn't appear that I have a Nav.css. Rather, I have a Layout.css, general.css, and sitemap.css. Which of these three should I open? Also, which descriptor should I alter the height? I noticed that under the layout.css, height is listed several times under different descriptors. Thanks.

 

I just found nav.css and I adjusted the height several times, but the height of the navigational column never changed. The nav.css is below. Please advise. Thanks.

#main_nav {
background-image: url('../images/layout/nav-background.png');
background-repeat: no-repeat;
width: 239px;
/*
margin-top: -29px;
*/
float: left;
left: -10px;
z-index: 400;
position: relative;
top: -39px;
height: 740px;
overflow: hidden;
}

#main_nav ul {
margin: 0px;
padding: 10px;
}
#main_nav ul li {

margin: 0px;
padding: 3px;
list-style: none;
margin: 5px;
width: 220px;
}
#main_nav ul li a.active {
color: #690;
font-size: 14px;
font-weight: bold;
padding-left: 30px;
background-image: url('../images/layout/active-menu-arrow.png');
}

#main_nav ul li a:hover {
color: #690;
font-size: 14px;
font-weight: bold;
padding-left: 30px;
background-image: url('../images/layout/active-menu-arrow.png');
}

#main_nav ul li a {
color: #333;
font-size: 14px;
text-decoration: none;
padding-left: 15px;
display: block;
background-image: url('../images/layout/menu-arrow.png');
background-repeat: no-repeat;
background-position: 0px 5px;
}

 

Right in Nav.css alter the height to the appropriate height.
In Layout.css add a height to div #content (line 174)
In Layout.css add a height to div #maincontent (line 165) or alter the height to the right one.

Then, find the images for the template "images/layout/nav-background.png" you need to alter that one to the desired height using photoshop as this is the background for your menu, hence why it doesn't appear as if the height is actually changing.

Job done....