I have my site almost exactly like I want it. The only problem left is that the navigation bar is just right of center in the page and is eating up content space. I have tried what little I know to move it, but only was able to move the words themselves. The bar that appears before each stayed put.
I just changed a few minor things from the template I used. I'm posting the code. I don't think it'd be in the subnavigation area but since I don't know what I'm doing it very well could be and I'll post it as well in case. Any help would be appreciated more than you know.
Thanks.
*/
.sf_navigation {
width:230px;
margin-bottom:3em;
}
.sf_navigation h3 {
display:none;
}
.sf_navigation ul {
margin:0;
padding:0;
list-style:none;
width:230px;
}
.sf_navigation li {
font-size: 32px;
width:230px;
float:left;
line-height:1.5em;
}
.sf_navigation ul li a {
color:#999999;
background-image:url(images/631_navigation_bg.gif);
background-position: left 4px;
background-repeat:no-repeat;
padding-left:10px;
text-transform:uppercase;
text-decoration:none;
width:220px;
display:block;
}
.sf_navigation ul li a:visited {
color:#999999;
background-image:url(images/631_navigation_bg.gif);
background-position: left 4px;
background-repeat:no-repeat;
}
.sf_navigation ul li a:hover {
color:#000000;
background-image:url(images/631_navigation_bg_over.gif);
background-position: left 4px;
background-repeat:no-repeat;
}
.sf_navigation .subnav {
position:absolute;
left: -999em;
margin:-1.5em 0 0 -480px;
padding:0;
width:480px;
z-index:1000;
border:0;
background-image:url(images/631_flyout_bg.gif);
background-position:0 0;
background-repeat:repeat;
}
.sf_navigation .subnav li {
margin:0;
padding:0;
width:auto;
font-size:15px;
width:117px;
float:left;
display:block;
line-height:1.5em;
}
.sf_navigation .subnav li a {
background:none;
border:0;
display: block;
margin:0;
padding:5px 10px;
width:95px;
height:70px;
word-wrap:break-word;
color:#dddddd;
background-image:none;
}
.sf_navigation .subnav li a:visited {
color:#dddddd;
background-image:none;
}
.sf_navigation .subnav li a:hover {
color:#ffffff;
background-image:none;
}
#Nav1 iframe {
position: absolute;
left: -0.25em;
top: -0.25em;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
margin-left: 3px;
}
#Nav1 li:hover ul,
#Nav1 li.sfhover ul {
left: auto;
}
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}