savache27
asked on
Right column content overlaping footer
Hi,
I have a three column layout and I'm having an issue with my right column content overlapping my footer. I was wondering if someone could take a look at my CSS, and see if I have something set wrong. I would really appreciate any help you could offer. Thanks in advance.
I have a three column layout and I'm having an issue with my right column content overlapping my footer. I was wondering if someone could take a look at my CSS, and see if I have something set wrong. I would really appreciate any help you could offer. Thanks in advance.
/* root.css */
/* Table of Contents
------------------------------------
1. Reset
2. Elements (a, body, p, etc.)
3. ID's (#container, etc.)
4. Classes (.red, .clear, etc.)
5. Print
6. Handheld
COLORS
Main Text: #3d3d3d
Army Gold: #ffd54a
Army Green: #7b8738
Light Gray bg: #f7f7f7
Fort Polk Green: #909078;
------------------------------------*/
/* 1. Reset
------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
:focus {
outline: 0;
}
body {
background: #f7f7f7;
color: #000;
line-height: 1;
}
ol, ul {
list-style: none;
}
/* 2. Elements
------------------------------------*/
body {
background: #000000;
color: #3d3d3d;
font-family: Verdana, Arial, sans-serif;
}
a {
color: #3d3d3d;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #7b8738;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2.6em;
line-height: 1.2em;
}
h2 {
font-size: 1.1em;
}
img {
border: 1px solid #3d3d3d;
}
p {
font-size: .9em;
line-height: 1.4em;
margin: 1.1em 0;
}
/* 3. ID's
------------------------------------*/
#container {
background: #f7f7f7 repeat-y;
font-size: 62.5%;
margin: 0 auto 14px;
padding: 14px 0;
overflow: auto;
width: 996px;
}
#contentBackground {
background-color:#f7f7f7;
width: 996px;
overflow: hidden;
}
#dropDownNav {
float: left;
font-size: 1.1em;
}
#dropDownNav li {
background: url(../rv4_images/drop_down_border1.gif) no-repeat right;
float: left;
display: block;
height: 2.6em;
line-height: 2.6em;
margin: 0 -1px;
position: relative;
z-index: 999;
}
#dropDownNav li a {
display: block;
padding: 0 15px;
}
#dropDownNav li:hover, #dropDownNav li.sfHover, #dropDownNav li a:active, #dropDownNav li:hover a, #dropDownNav li.sfHover a {
background: url(../rv4_images/nav_hover_gradient.gif) repeat-x;
color: #7b8738;
}
#dropDownNav li ul {
background: url(../rv4_images/drop_down_bg.png);
border: 1px solid #b6b6b6;
border-top: none;
display: none;
position: absolute;
left: 0;
padding: 0;
top: 29px;
width: 148px;
}
#dropDownNav li ul li {
background: none;
border: none;
display: block;
font-size: 0.9em;
height: auto;
line-height: 2.6em;
padding: 0;
}
#dropDownNav li ul li a, #dropDownNav li:hover li a, #dropDownNav li.sfHover li a {
background: none;
color: #3d3d3d;
display: block;
height: auto;
padding: 0 0 0 10px;
width: 139px;
}
#dropDownNav li ul li a:focus, #dropDownNav li ul li a:hover {
background-image: none;
background-color: #b4b4b4;
color: #7b8738;
}
#dropDownNavNS{
position:absolute;
top:10px;
left:5px;
}
#dropDownNavNS li{
line-height:15px;
}
#footer {
background: #4e4e4e;
clear: both;
position: relative;
color: #e3e3e3;
font-size: 1.2em;
padding: 5px 10px;
overflow: auto;
width: 976px;
}
#footer a {
color: #e3e3e3;
font-weight: normal;
}
#footer ul {
text-align: center;
}
#footer li {
display: inline;
margin-right: 2.4em;
}
#footerLeft, #footerMiddle, #footerRight {
float: left;
}
#footerLeft, #footerRight {
width: 200px;
}
#footerMiddle {
margin: 2.8em 0 0;
width: 576px;
}
#footerRight {
text-align: right;
}
#footerRight a {
color: #ffd54a;
}
#header {
background: url(../rv4_images/banners/Banner2.jpg) no-repeat;
border-bottom: 1px solid #8f8f8f;
height: 151px;
width: 996px;
}
#headerBorder {
background: url(../rv4_images/banners/banner_column.gif) no-repeat;
height: 7px;
width: 996px;
}
#headerCrest {
background: url(../rv4_images/banners/crest.jpg) no-repeat;
height: 77px;
width: 996px;
}
#marquee {
background-color:#000000;
color:#FFFFFF;
marquee-style: slide;
marquee-direction: ;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#headerStar {
display: block;
position: relative;
top: 24px;
left: 15px;
height: 102px;
width: 80px;
}
#leftCol {
background: #c2c2c2;
display: inline;
float: left;
width: 196px;
}
#leftCol .rss, #leftCol .podcasts {
margin-left: 10px;
}
#leftColNav li {
font-size: 11px;
line-height: 2.8em;
}
#leftColNav .level3 {
border-left: 1px solid #c2c2c2;
}
#leftColNav .level4 {
background: #fff;
border-top: 1px solid #c2c2c2;
padding: 10px 0;
}
#leftColNav .level4 a {
font-weight: normal;
line-height: 15px;
}
#leftColNav .level4 a:hover {
background: none;
color: #3d3d3d;
}
#leftColNav li a.current {
background: #4e4e4e;
color: #fff;
}
#leftColNav li a.current:hover {
background: #4e4e4e;
color: #fff;
}
#leftColNav li a.subNav {
background: #f7f7f7;
font-weight: normal;
border-top: 1px solid #c2c2c2;
}
#leftColNav li a.subNav:hover {
background: #f7f7f7;
color: #3d3d3d;
}
#leftColNav li#last {
border-bottom: 1px solid #939393;
margin: 0.2em 5px 0;
}
#leftColNav li#sections {
background: #a1a1a1;
font-weight: bold;
padding: 0 10px;
}
#leftColNav li a {
display: block;
padding: 0 10px;
width: 176px;
}
#leftColNav li a:hover {
background-color: #b4b4b4;
color: #7b8738;
}
#leftColRSS {
padding: 1em 0;
margin-bottom: 2em;
}
/* Live Search */
#liveSearch {
position: relative;
background: #525252;
float: right;
height: 2.8em;
width: 19em;
}
#liveSearch input {
color: #737373;
float: left;
font-size: 1em;
height: 1.2em;
margin: 4px 5px;
padding: 0;
}
#liveSearch input#search {
width: 140px;
}
#liveSearch input.close {
background: url(../rv4_images/searchbutton.png) no-repeat 4px 5px;
border: none;
color: #fff;
cursor: pointer;
display: inline;
float: right;
height: 26px;
width: 28px;
margin: 0;
padding: 0;
}
#liveSearchTabs {
position:absolute;
display:none;
cursor:pointer;
top:-22px;
left:-1px;
width:230px;
height:22px;
background: url(../rv4_images/live_search_tab_1.png) no-repeat;
}
#liveSearchTabs li {
height:22px;
display:inline;
float:left;
text-align:center;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Sans-serif;
padding-top:7px;
}
#liveSearchTabs1 {
width:36px;
}
#liveSearchTabs2 {
width:64px;
}
#liveSearchTabs3 {
width:66px;
}
#liveSearchTabs4 {
width:64px;
}
#liveSearchLeft {
background: url(../rv4_images/live_search_left.gif) no-repeat;
float: left;
height: 2.8em;
width: 6px;
}
#mainContent {
float: left;
padding-bottom: 10px;
padding-left: 20px;
width: 480px;
}
#mainContent h1, #mainContent h2 {
padding: 8px 10px;
}
#mainContent p, #rightCol p {
padding: 0 10px;
}
#mainContent ul {
font-size: 1.1em;
padding-left: 10px;
padding-right: 10px;
}
#navBar {
background: #cfcfcf url(../rv4_images/nav_gradient.gif) repeat-x;
border-bottom: 1px solid #b6b6b6;
height: 2.8em;
}
#rightCol {
background: #f7f7f7;
display: inline;
float: right;
width: 290px;
}
#rightCol h2 {
clear: both;
}
#rightCol ul {
margin: 1em 0 1em 15px;
}
#rightCol li {
line-height: 1.2em;
margin: 0.8em 0;
}
#rightCol li a {
display: block;
}
#wrapper {
background: url(../rv4_images/white_bg.gif) repeat-y top center;
width: 100%;
}
/* CSS Sprite Icons */
.rss {background: url(../rv4_images/icon_sprites.gif) 0px -114px no-repeat;}
.podcasts {background: url(../rv4_images/icon_sprites.gif) 0px -133px no-repeat;}
/* 4. Classes
------------------------------------*/
.block {
clear: both;
color: #fff;
font-size: 11px;
height: 26px;
line-height: 26px;
padding-left: 10px;
text-transform: uppercase;
}
.bold {
font-weight: bold;
}
.bordered {
background: #fff;
border-top: 1px solid #9b9b9b;
border-bottom: 1px solid #9b9b9b;
}
.bordered-large {
font-size: 1.5em;
font-weight: bold;
background: #fff;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}
.centered {
padding-left: 0;
text-align: center;
}
.dark-gray {
background: #4e4e4e;
}
.black {
background: #000000;
}
.dark-red {
background: #af2020;
}
.diamondList li {
background: url(../rv4_images/diamond_bullet.gif) no-repeat 0 2px;
padding-left: 16px;
margin: 12px 0;
}
.guardianList li {
background: url(../rv4_images/diamond_bullet.gif) no-repeat 0 2px;
padding-left: 16px;
margin: 12px 0;
font-size: 9px;
}
.hide {
display: none;
}
.hide2 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
.icon_sprite {
display: block;
float: left;
height: 19px;
margin: 0 4px;
width: 19px;
}
.light-gray {
background: #c0c0c0;
color: #565656;
}
.rss, .podcasts {
display: block;
height: 19px;
line-height: 19px;
margin: 0.4em 0;
}
.rss .textLink, .podcasts .textLink, #email .textLink, #print .textLink {
margin-left: 24px;
}
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../rv4_images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
/* 5. Print
------------------------------------*/
@media print {
body {
background: #fff;
}
#header, #navBar, #breadCrumbs, #leftCol, #rightCol, #footer {
display: none;
}
#mainContent {
overflow: visible;
}
}
/* 6. Handheld
------------------------------------*/
@media handheld {
}
Tony van Schaik
Do you have the HTML file too? It would be easier with it to help you out... The issue might be a floating problem that's not cleared.
Could you supply a live URL possibly?
ASKER
I can't provide a live URL. It's not currently on a production server. Right now I just have a serious of empty paragraphs pushing the content down on the left menu and the main content. On the left menu it was the only way I could get the background to go all the way to the footer. This is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- Enter your site's description inside the content value below. Search Engine's will display this text in their results. -->
<meta name="Description" content=""/>
<!-- Enter your site's keywords inside the content value below. Choose words/acronyms that describe your site. -->
<meta name="Keywords" content="US Army, Army, Army News, ARMY.mil, Headlines, Public Affairs, Official Army Homepage, Hot Topics, Images, Video, Audio, AMP, Social Media, Leaders, History, Organization, Service, AKO"/>
<title>The United States Army | JRTC and Fort Polk</title>
<link rel="stylesheet" type="text/css" href="rv4_css/root.css"/>
<link rel="stylesheet" type="text/css" href="rv4_css/SpryMenuBarVertical.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="rv4_css/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="rv4_css/ie7.css" />
<![endif]-->
<script type="text/javascript" src="rv4_js/utility.js"></script>
<script type="text/javascript" src="rv4_js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="rv4_js/superfish.js"></script>
<script type="text/javascript" src="rv4_js/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="rv4_js/jqueryui.slide.min.js"></script>
<script type="text/javascript" src="rv4_js/dropDown.js"></script>
<script type="text/javascript" src="rv4_js/SpryMenuBar.js"></script>
</head>
<body>
<div id="wrapper"><div id="container">
<div id="header" title="Fort Polk - Home of Heroes">
<a id="headerStar" href="http://www.jrtc-polk.army.mil/"></a>
</div>
<!--<div id="headerCrest"></div>!-->
<div id="headerBorder" title="Fort Polk - Home of Heroes"></div>
<div id="navBar" style="position: relative; z-index: 2000;">
<ul id="dropDownNav">
<a class="hide2" href="#skipNav">Skip main navigation</a>
<li><a href="">Home</a></li>
<li><a href="">Newcomers</a>
<ul id = "ul sidemenu">
<li><a href="">Commanding General's Welcome Letter</a></li>
<li><a href="../newcomer's_brief.pdf">Newcomers Brief</a></li>
<li><a href="mailto:polk.SponsorRequest@conus.army.mil">E-mail for Sponsorship Request</a></li>
<li><a href="http://www.jrtc-polk.army.mil/drive.htm">Driving Directions</a></li>
<li><a href="../DeliveryHHG.htm">Household Goods</a></li>
<li><a href="../SJA/CL.html">Claims</a></li>
<li><a href="http://www.jrtc-polk.army.mil/In_Out.htm">In and Out Processing</a></li>
<li><a href="http://www.jrtc-polk.army.mil/LendingCloset.htm">Lending Locker</a></li>
<li><a href="http://www.ihgarmyhotels.com/pal/en/us/home">Lodging*</a></li>
<li><a href="http://www.polkpicerne.com/">Picerne Housing* </a></li>
<li><a href="../pmoinfo.htm">Vehicle Registration</a></li>
</ul>
</li>
<li><a href="">Combat Training Center</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/OPS/index.html">Operations Group</a></li>
<li><a href="http://www.jrtc-polk.army.mil/ops/G357.html">G3/5/7</a></li>
</ul>
</li>
<li><a href="../PowerProjectionUnits.html">Units</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/1stCSB(ME)/1MEB/home.html">1st Maneuver Enhancement Brigade</a></li>
<li><a href="">4th Brigade, 10th Mountain Division</a></li>
<li><a href="http://www.jrtc-polk.army.mil/5th_AVN_BN/Index.htm">5th Aviation Battalion</a></li>
<li><a href="http://www.jrtc-polk.army.mil/115th_BDE/index.html">115th Combat Support Hospital</a></li>
<li><a href="../Transition_team/162nd_INF_BDE.html">162nd Infantry Brigade</a></li>
</ul>
</li>
<li><a href="">Tour Fort Polk</a>
<ul>
<li><a href="">Training Area</a></li>
<li><a href="">Installation Tours</a></li>
</ul>
</li>
<li><a href="">About Polk</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/commander/welcome.asp">Welcome Statement</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/about/history.asp">History</a></li>
<li><a href="">Climate/Other Demographics</a></li>
</ul>
</li>
<li><a href="">Contact Us</a>
<ul>
<li><a href="">Public Affairs Office</a></li>
<li><a href="mailto:polk.mr@conus.army.mil">Media Requests</a></li>
<li><a href="mailto:polk.cr@conus.army.mil">Community Requests</a></li>
<li><a href="mailto:usarmy.polk.106-sig-bde.mail.nec-web-dept@mail.mil">Webmaster</a></li>
<li><a href="">General Information</a></li>
</ul>
</li>
</ul>
<div id="liveSearch">
<div id="liveSearchLeft"></div>
<form id="searchForm" name="searchForm" method="get" action="">
<h6>
<label class="hide2">Search</label><input type="text" value="" name="search" id="search" size="32" />
<input type="submit" value="" class="close" id="searchbutton" />
</h6>
</form>
</div>
</div>
<div id="contentBackground"><div id="leftCol">
<div id="navLinks">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="current">JRTC and Fort Polk</a></li>
<li><a class="MenuBarItemSubmenu" href="">Leadership</a>
<ul>
<li><a href="">Commanding General</a></li>
<li><a href="">Post CSM</a></li>
<li><a href="">Garrison Commander</a></li>
<li><a href="">Mission and Vision</a></li>
</ul>
</li>
<li><a href="http://www.jrtc-polk.army.mil/generalstaff.htm">General Staff</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Directorates</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/DES_website/DES.html">Emergency Services (DES)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/DHR_WEB/index.htm">Human Resources (DHR)</a></li>
<li><a href="http://fortpolkmwr.com/">Morale Welfare Recreation (MWR)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/ptms.asp">Plans, TNG, MOB, SEC (DPTMS)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/logistics.asp">Logistics (DOL)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/pw.asp">Public Works (DPW)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/cpac/">Civilian Employment (CPAC)</a></li>
</ul>
</li>
<li><a href="../Main_Page_Docs/2011_PHONE_DIRECTORY.pdf">Phonebook</a></li> <li><a class="MenuBarItemSubmenu" href="http://www.jrtc-polk.army.mil/policypage.htm">Policy Letters</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/policy.htm">Command Policy Memorandums</a></li>
<li><a href="http://www.jrtc-polk.army.mil/GCpolicies.htm">Garrison Policy Memorandums</a></li>
<li><a href="../offlimits/off_limits_list.pdf">Off-limits Establishments</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="http://fortpolkmwr.com/">Fort Polk MWR*</a>
<ul>
<li><a href="http://fortpolkmwr.com/child_and_youth_services">Youth Services*</a></li>
<li><a href="http://www.fortpolkcyss.com/">School Liason Office*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/services/Library.asp">Allen Memorial Library</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="http://www.myarmyonesource.com/survey_Fort_Polk">ACS Needs Assessment*</a>
<ul>
<li><a href="../ACS/AFAPISSUESFORM.asp">AFAP</a>
<li><a href="http://www.jrtc-polk.army.mil/ACS/CommunityActionCouncil(CAC).html">Community Action Council</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Army Covenant</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/covenant/index.htm">Army Family Covenant</a></li>
<li><a href="http://www.jrtc-polk.army.mil/CommunityCovenant/index.html">Army Community Covenant</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="">Community Services</a>
<ul>
<li><a href="http://www.aafes.com/">AAFES*</a></li>
<li><a href="http://www.commissaries.com/stores/html/store.cfm">Commissary*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/Garrison/chaplain/index.htm">Chaplains Office</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/services/EducationCenter.asp">Education Center</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/imo.asp">Information Management</a></li>
<li><a href="">Polk Dining</a></li>
<li><a href="../ACS/ArmyFamilyTeamBuilding.html">Army Family Team Building</a></li>
<li><a href="../ACAPWEB/ACAP_index.htm">Career and Alumni Program</a></li>
<li><a href="http://www.libraries.army.mil/">Army Libraries*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/SJA/index.html">Legal Services</a></li>
<li><a href="../fpig/Index.htm">Inspector General's Office</a></li>
<li><a href="http://www.jrtc-polk.army.mil/Emergency/military%20discounts/military_discounts.html">Local Business Discounts</a></li>
<li><a href="http://www.jrtc-polk.army.mil/DHR_WEB/RSO_WEB/rso_index.htm">Retirement Services</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Community Resources</a>
<ul>
<li><a href="http://www.armyg1.army.mil/hr/suicide/default.asp">Army Suicide Prevention Program*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/acs/FamilyAdvocacy.htm">Report sexual assault: <br />
337-531-1848</a></li>
<li><a href="http://www.jrtc-polk.army.mil/acs/FamilyAdvocacy.htm">Report child/spouse abuse: 337-531-4673</a> </li>
<li><a href="http://www.jrtc-polk.army.mil/dhr_web/vao/vao_index.htm">Voting Assistance Officers Website</a></li>
<li><a href="https://forums.bcks.army.mil/secure/CommunityBrowser.aspx?id=352323">Wounded Soldier and Family (AKO Link) 1-800-984-8523*</a></li>
<li><a href="https://www.aw2.army.mil/">Wounded Warrior Program*</a></li>
<li><a href="../CommunityResources/index.html">Resource Guide</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Medical Services</a>
<ul>
<li><a href="http://www.polk.amedd.army.mil/">Bayne-Jones Hospital*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/dental.htm">Dental Services</a></li>
</ul>
</li>
<li><a href="http://www.jrtc-polk.army.mil/LandPurchase/index.html">Land Purchase</a></li>
<li><a class="current">Our Neighbors</a></li>
<li><a href="http://www.jrtc-polk.army.mil/communities.htm">Local Communities</a></li>
<li><a href="../LocalSchools.htm?sectiondetailid=5">Schools</a></li>
<li><a class="current">Quick Links</a></li>
</ul>
<br/>
<ul>
<a href="https://www.us.army.mil/appiansuite/login/login.fcc?TYPE=33554433&REALMOID=06-000a4cd6-218f-1122-97ea-832f882f0000&GUID=&SMAUTHREASON=0&METHOD=GET&SMAGENTNAME=$SM$HP4c7QPYp2KtCVeQ%2f723ECL4%2bJUIHQcnRMBd2KxCCSc%3d&TARGET=$SM$http%3a%2f%2fwww%2eus%2earmy%2emil%3a81%2fsuite%2fauthenticate%2edo" title="Army Knowledge Online" target="_blank"><img src="rv4_images/buttons/ako_logo.jpg" alt="Army Knowledge Online" width="166" height="41" border="0" /></a><br /><br />
<a href="http://www.acsim.army.mil/readyarmy/ra_resources.htm" title="Army One Source" target="_blank"><img src="rv4_images/buttons/Army-OneSource.jpg" alt="Army One Source" width="166" height="41" border="0" /></a><br /><br />
<a href="http://www.slideshare.net/USArmySocialMedia/army-social-media-handbook-2011" title="Army Social Media Guide" target="_blank"><img src="rv4_images/buttons/army_social_media.gif" alt="Army Social Media Guide" width="166" height="41" border="0" /></a><br /><br />
<a href="http://csf.army.mil/" title="Comprehensive Soldier Fitness" target="_blank"><img src="rv4_images/buttons/scf.gif" alt="Comprehensive Soldier Fitness" width="166" height="41" border="0" /></a><br /><br />
<a href="#" title="Facebook" target="_blank"><img src="rv4_images/buttons/facebook.gif" alt="Facebook" width="166" height="41" border="0" /></a><br /><br />
<a href="http://www.jrtc-polk.army.mil/Garrison/FOIA/foia.htm" title="Freedom Of Information Act" target="_blank"><img src="rv4_images/buttons/Freedom.gif" alt="Freedom Of Information Act" width="166" height="41" border="0" /></a><br /><br />
<a href="http://ice.disa.mil/index.cfm?fa=site&site_id=257" title="Interactive Customer Evaluation" target="_blank"><img src="rv4_images/buttons/ice_logo.gif" width="166" height="41" alt="Interactive Customer Evaluation"/></a><br /><br />
<a href="https://www.inscom.army.mil/isalute/default.aspx" title="ISALUTE" target="_blank"><img src="rv4_images/buttons/isalute.gif" width="166" height="41" alt="ISALUTE"/></a><br /><br />
<a href="http://www.acsim.army.mil/readyarmy/ra_resources.htm" title="Ready Army" target="_blank"><img src="rv4_images/buttons/ready_army.gif" alt="Ready Army" width="166" height="41" border="0" /></a><br /><br />
</ul><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="mainContent">
<h2 class="bordered-large" style="width:452px">JRTC Headlines - The Guardian Online</h2>
<div align="center"><table width="200" border="1" cellspacing="4" style="font-size:12px">
<tr>
<td colspan="1" ><img src="http://matchbin-assets.s3.amazonaws.com/public/sites/1304/assets/680U_4_13_West_Point.jpg" width="140" height="90" alt="Building character, honor, integrity" title="Building character, honor, integrity"/></td>
<td><img src="http://matchbin-assets.s3.amazonaws.com/public/sites/1304/assets/FO4O_3_23_BJACH.jpg" width="140" height="90" alt="BJACH reaches new heights with patient survey" title="BJACH reaches new heights with patient survey"/></td>
<td><img src="http://matchbin-assets.s3.amazonaws.com/public/sites/1304/assets/69C3_easterbasket.jpg" width="140" height="90" alt="Picerne Military Housing hosts Easter bunny" title="Picerne Military Housing hosts Easter bunny"/></td>
</tr>
<tr>
<td align="center"> <a href="http://www.thefortpolkguardian.com/view/full_story/18228050/article-Fort-Polk-Family-members-on-way-to-building-%E2%80%98character--honor--integrity%E2%80%99-?instance=home_local_news" target="_blank">Building 'character, honor, integrity'</a></td>
<td align="center"><a href="http://thefortpolkguardian.com/view/full_story/17981701/article-BJACH-reaches-new-heights-with-patient-survey?instance=left_column" target="_blank">BJACH reaches new heights with patient survey</a></td>
<td align="center"> <a href="http://thefortpolkguardian.com/view/full_story/17972249/article-Picerne-Military-Housing-hosts-Easter-bunny--garage-sale-for-Families?instance=left_column" target="_blank">Picerne Military Housing hosts Easter bunny</a></td>
</tr>
</table>
</div>
<br />
<br />
<!--Default News Story Ends Here-->
<!--Message Box Story Starts Here-->
<div style="margin-left:10px; margin-right:10px;">
<table width="470" border="1">
<tr>
<td>
<ul class="guardianList" style="width: 293" >
<li><a href="http://thefortpolkguardian.com/view/full_story/17973638/article-Museum-opens-soon--highlights-history?instance=left_column" target="_blank">Museum opens soon, highlights history</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973468/article-162nd-Senior-NCOs-bring-back-lessons-learned-from-Namibia?instance=left_column" target="_blank">162 Senior NCOs bring back lessons learned from Namibia</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973525/article-Advisory-academy-preps-mentors-to-improve-ANSF-capabilities?instance=left_column" target="_blank">Advisory academy preps mentors to improve ANSF capabilities</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973511/article-4-10-thanks-Leesville-chamber-for-Christmas-event?instance=left_column">4/10 thanks Leesville chamber for Christmas event</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17972626/article-Fort-Polk-DES-teams-up-with-5th-Aviation-for-medevac-training?instance=left_columnp">Fort Polk DES teams up with 5th Aviation for medevac training</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17972650/article-Fort-Polk-firefighters-conduct-Tiger-team-training?instance=left_column">Fort Polk firefighters conduct Tiger team training</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973394/article-Training-pays-dividends-for-DES--USAAAD--Soldier?instance=left_column">Training pays dividends for DES, USAAAD, Solider</a></li>
</ul></td>
<td><br /><a href="http://thefortpolkguardian.com/" target="_blank"><img src="images/news/Guardian_03_23_12.jpg" width="101" height="130" align="absbottom" title="The Guardian" alt="The Guardian"/></a></td>
</tr>
</table>
<!--Begin Facebook Feed-->
</div><p> </p>
<div><h2 class="bordered-large" style="width:452px">Fort Polk Guardian Facebook Feed</h2>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FFort-Polk-Guardian%2F277260803399&width=472&height=290&colorscheme=light&show_faces=false&border_color&stream=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:472px; height:290px;" allowTransparency="true"></iframe>
</div><p> </p>
<!--End Facebook Feed-->
<div><h2 class="bordered-large" style="width:452px">Hot Topics</h2>
<div style="margin-left:10px; margin-right:10px;">
<table width="463" border="1" >
<tr>
<td><br /><a href="#"><img src="images/news/news_extra_extra.jpg" title="Hot Topics" alt="Hot Topics" width="150" height="152" class="main_page_image" id="newsimgsmall3" /></a></td>
<td><br />
<ul class="guardianList" width: 293">
<li><a href="http://www.army.mil/article/75918/Army_works_to_improve_women_s_health/" target="_blank">Army works to improve Women’s Health</a></li>
<li><a href="http://www.army.mil/article/73764/Soldiers__civilians_help_save_money__resources_by_recycling/" target="_blank">Soldiers, civilians save money, resources by recycling</a></li>
<li><a href="http://www.army.mil/article/74187/Controlling_post_traumatic_stress_could_be_as_close_as_game_on_cell_phone/" target="_blank">Army developing PTSD-treatment mobile app</a></li>
<li><a href="http://www.flickr.com/photos/usagvicenza/sets/72157629169406092/" target="_blank">Vicenza Black History Month event (photos)</a></li>
<li><a href="http://www.army.mil/article/75151/Obama__Troops__veterans_will_benefit_from_housing_settlement/" target="_blank">Troops, vets wrongfully forcelosed on to receive benefits</a></li>
<li><a href="articles_news/2012_3_1_3.asp">Brain Injury Awareness Month</a></li>
<li><a href="http://www.army.mil/article/74584/Soldiers_to_be_tested_for_prescription_drug_abuse/" target="_blank">Soldiers to be tested for prescription drug abuse</a></li>
<li><a href="http://www.army.mil/article/74586/AFAP_delegates_to_bring_eight_new_issues_to_Army_leaders/" target="_blank">Army to consider 8 AFAP issues</a></li>
<li><a href="http://www.army.mil/article/74473/2013_re_enlistment_window_opens_with_restrictions/" target="_blank">2013 re-enlistment window opens with restrictions</a></li>
<li><a href="articles_news/cac.asp"><b style="color:#F00">New smart card request process</b> (LN only)</a></li>
</ul></td>
</tr>
</table></div><p> </p><p> </p></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- end mainContent -->
<div id="rightCol">
<!--Begin Calendar Script-->
<div>
<h2 class="block black centered">Community Calendar</h2>
<script type="text/javascript" src="http://www.calendarwiz.com/minical/minical.js?crd=fortpolkcommunity&mctheme=Master%20Theme"></script></div><!--End Calendar Script-->
<div><h2 class="block black centered">Calendars</h2>
<a href="http://www.calendarwiz.com/calendars/calendar.php?crd=fortpolkcommunity&nolog=1" title="Community Calendar" target="_blank"><img src="rv4_images/buttons/community_calendar_sm.gif" alt="Community Calendar" width="80" height="80" border="0" /></a> <a href="#" title="School Calendar" target="_blank"><img src="rv4_images/buttons/school_calendar_sm.gif" alt="School Calendar" width="80" height="80" border="0" /></a> <a href="#" title="MWR Calendar" target="_blank"><img src="rv4_images/buttons/mwr_calendar_sm.gif" alt="MWR Calendar" width="80" height="80" border="0" /></a>
</div>
<!--Begin Upcoming Events Script-->
<div > <h2 class="block black centered">Upcoming Events</h2>
<script type="text/javascript" src="http://www.calendarwiz.com/calendars/ucfeeder.php?crd=fortpolkcommunity&theme=Master%20Theme"></script></div>
<br/>
<h2 class="block black centered">News You Can Use</h2>
<ul class="guardianList">
<li><a href="http://www.army.mil/article/75918/Army_works_to_improve_women_s_health/" target="_blank">Army works to improve Women’s Health</a></li>
<li><a href="http://www.army.mil/article/73764/Soldiers__civilians_help_save_money__resources_by_recycling/" target="_blank">Soldiers, civilians save money, resources by recycling</a></li>
<li><a href="http://www.army.mil/article/74187/Controlling_post_traumatic_stress_could_be_as_close_as_game_on_cell_phone/" target="_blank">Army developing PTSD-treatment mobile app</a></li>
<li><a href="http://www.flickr.com/photos/usagvicenza/sets/72157629169406092/" target="_blank">Vicenza Black History Month event (photos)</a></li>
<li><a href="http://www.army.mil/article/75151/Obama__Troops__veterans_will_benefit_from_housing_settlement/" target="_blank">Troops, vets wrongfully forcelosed on to receive benefits</a></li>
<li><a href="articles_news/2012_3_1_3.asp">Brain Injury Awareness Month</a></li>
<li><a href="http://www.army.mil/article/74584/Soldiers_to_be_tested_for_prescription_drug_abuse/" target="_blank">Soldiers to be tested for prescription drug abuse</a></li>
<li><a href="http://www.army.mil/article/74586/AFAP_delegates_to_bring_eight_new_issues_to_Army_leaders/" target="_blank">Army to consider 8 AFAP issues</a></li>
<li><a href="http://www.army.mil/article/74473/2013_re_enlistment_window_opens_with_restrictions/" target="_blank">2013 re-enlistment window opens with restrictions</a></li>
<li><a href="articles_news/cac.asp"><b style="color:#F00">New smart card request process</b> (LN only)</a></li>
</ul>
</ul>
<div>
<h2 class="block black centered">Social Media</h2>
<img src="rv4_images/icons/social_media_transparent.jpg" alt="" width="287" height="50" align="absbottom" usemap="#Map_SM"/>
<map name="Map_SM" id="Map_SM">
<area shape="rect" coords="24,4,64,49" title="Facebook - JRTC Fort Polk" href="https://www.facebook.com/pages/Fort-Polk-Guardian/277260803399" target="_blank" alt=" Facebook - JRTC Fort Polk" />
<area shape="rect" coords="88,3,131,47" title="Flickr - JRTC Fort Polk" href="http://www.flickr.com/photos/fpgpics" target="_blank" alt="Flickr - JRTC Fort Polk" />
<area shape="rect" coords="154,3,196,49" title="Twitter - JRTC Fort Polk" href="http://twitter.com/#!/FortPolkPAO" target="_blank" alt="Twitter - JRTC Fort Polk" />
<area shape="rect" coords="221,4,260,48" title="YouTube - JRTC Fort Polk" href="http://www.youtube.com/user/FtPolkNews/" target="_blank" alt="YouTube - JRTC Fort Polk" />
</map>
</div>
<div style="height:290px" align="center" >
<h2 class="block black centered"><a href= "http://www.flickr.com/photos/fpgpics" target="_blank" style="color:#FFFFFF" onmouseover="this.style.color = '#7b8738';" onmouseout="this.style.color = '#FFFFFF';">Photo Gallery</a></h2>
<!--Top Headlines List Starts Here-->
<!-- Start of Flickr Badge -->
<style type="text/css">
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:250px;}
#flickr_www {display:block; padding:0 5px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_wrapper {text-align: center; padding:6px;}
#flickr_badge_wrapper { text-align: center; background-color: #f7f7f7;}
.flickr_badge_image {width: inherit; margin:0px 0px 0px 10px;}
.flickr_badge_image img { text-align: center; float: left; margin: 2px; border: 1px solid grey !important;}
#flickr_badge_source {clear: both; text-align:left; margin:10px 10px 0px 10px;}
#flickr_badge_icon {}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<div id="flickr_badge_uber_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user=76087329%40N06"></script><!-- End of Flickr Badge --></div><br /><br/>
<!--- Begin Youtube Video --->
<div> <h2 class="block black centered">Featured Video</h2>
<iframe width="288" height="175" title="Featured Video" alt="Featured Video" src="http://www.youtube.com/embed/HfchdsIM4IY" frameborder="0" allowfullscreen></iframe>
</a><br />
<!--- End Youtube Video --->
<h2 align="center"><a href="http://www.youtube.com/user/FtPolkNews/" target="_blank">More videos</a></h2><br/><br/></div>
</div>
<!-- end rightCol --></div>
<div id="footer">
<div id="footerLeft">
<a class="rss" href="http://www.army.mil/rss/"><span class="textLink">RSS</span></a>
<a class="podcasts" href="http://www.army.mil/rss/podcasts/"><span class="textLink">Podcasts</span></a>
</div>
<div id="footerMiddle">
<ul>
<li><a href="http://www.jrtc-polk.army.mil/508.htm">Section 508</a></li>
<li><a href="http://www.jrtc-polk.army.mil/notice.htm">Security and Privacy Policy</a></li>
<li><a href="mailto:usarmy.polk.106-sig-bde.mail.nec-web-dept@mail.mil">Contact Us</a></li>
</ul>
</div>
<div id="footerRight">
Need help? Try <a href="http://www.army.mil/info/a-z/">A-Z</a><br/>
<!--Last Updated starts here-->
<br />
<div id="footerRight"><script>
datUpdated = new Date(document.lastModified) ;
datMonth = datUpdated.getMonth() + 1 ;
datDate = datUpdated.getDate() ;
datYear = datUpdated.getYear() ;
document.write("Last Updated: " + datMonth + "/" + datDate + "/" + datYear + "") ;
</script></div>
<!--Last Updated ends here-->
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"rv4_images/SpryMenuBarRightHover.gif"});
</script>
</div>
</div><!-- end container -->
<!--Last Updated starts here-->
<br />
<div align="center"><script>
datUpdated = new Date(document.lastModified) ;
datMonth = datUpdated.getMonth() + 1 ;
datDate = datUpdated.getDate() ;
datYear = datUpdated.getYear() ;
document.write("Last Updated: " + datMonth + "/" + datDate + "/" + datYear + "") ;
</script></div>
<br />
<!--Last Updated ends here-->
</div><!-- end wrapper -->
</body>
</html>
I've attached some revised code. Try this.
Another thing you'll definitely want to do is go through the W3C validator. You have something like 68 errors in there. The things I saw immediately were things like inline styles that didn't have a style tag or quotes, etc.
Try this:
Another thing you'll definitely want to do is go through the W3C validator. You have something like 68 errors in there. The things I saw immediately were things like inline styles that didn't have a style tag or quotes, etc.
Try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- Enter your site's description inside the content value below. Search Engine's will display this text in their results. -->
<meta name="Description" content=""/>
<!-- Enter your site's keywords inside the content value below. Choose words/acronyms that describe your site. -->
<meta name="Keywords" content="US Army, Army, Army News, ARMY.mil, Headlines, Public Affairs, Official Army Homepage, Hot Topics, Images, Video, Audio, AMP, Social Media, Leaders, History, Organization, Service, AKO"/>
<title>The United States Army | JRTC and Fort Polk</title>
<style type="text/css">
/* root.css */
/* Table of Contents
------------------------------------
1. Reset
2. Elements (a, body, p, etc.)
3. ID's (#container, etc.)
4. Classes (.red, .clear, etc.)
5. Print
6. Handheld
COLORS
Main Text: #3d3d3d
Army Gold: #ffd54a
Army Green: #7b8738
Light Gray bg: #f7f7f7
Fort Polk Green: #909078;
------------------------------------*/
/* 1. Reset
------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
:focus {
outline: 0;
}
body {
background: #f7f7f7;
color: #000;
line-height: 1;
}
ol, ul {
list-style: none;
}
/* 2. Elements
------------------------------------*/
body {
background: #000000;
color: #3d3d3d;
font-family: Verdana, Arial, sans-serif;
}
a {
color: #3d3d3d;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #7b8738;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2.6em;
line-height: 1.2em;
}
h2 {
font-size: 1.1em;
}
img {
border: 1px solid #3d3d3d;
}
p {
font-size: .9em;
line-height: 1.4em;
margin: 1.1em 0;
}
/* 3. ID's
------------------------------------*/
#container {
background: #f7f7f7 repeat-y;
font-size: 62.5%;
margin: 0 auto 14px;
padding: 14px 0;
overflow: auto;
width: 996px;
}
#contentBackground {
background-color:#f7f7f7;
width: 996px;
overflow: hidden;
}
#dropDownNav {
float: left;
font-size: 1.1em;
}
#dropDownNav li {
background: url(../rv4_images/drop_down_border1.gif) no-repeat right;
float: left;
display: block;
height: 2.6em;
line-height: 2.6em;
margin: 0 -1px;
position: relative;
z-index: 999;
}
#dropDownNav li a {
display: block;
padding: 0 15px;
}
#dropDownNav li:hover, #dropDownNav li.sfHover, #dropDownNav li a:active, #dropDownNav li:hover a, #dropDownNav li.sfHover a {
background: url(../rv4_images/nav_hover_gradient.gif) repeat-x;
color: #7b8738;
}
#dropDownNav li ul {
background: url(../rv4_images/drop_down_bg.png);
border: 1px solid #b6b6b6;
border-top: none;
display: none;
position: absolute;
left: 0;
padding: 0;
top: 29px;
width: 148px;
}
#dropDownNav li ul li {
background: none;
border: none;
display: block;
font-size: 0.9em;
height: auto;
line-height: 2.6em;
padding: 0;
}
#dropDownNav li ul li a, #dropDownNav li:hover li a, #dropDownNav li.sfHover li a {
background: none;
color: #3d3d3d;
display: block;
height: auto;
padding: 0 0 0 10px;
width: 139px;
}
#dropDownNav li ul li a:focus, #dropDownNav li ul li a:hover {
background-image: none;
background-color: #b4b4b4;
color: #7b8738;
}
#dropDownNavNS{
position:absolute;
top:10px;
left:5px;
}
#dropDownNavNS li{
line-height:15px;
}
#footer {
background: #4e4e4e;
clear: both;
position: relative;
color: #e3e3e3;
font-size: 1.2em;
padding: 5px 10px;
overflow: auto;
width: 976px;
}
#footer a {
color: #e3e3e3;
font-weight: normal;
}
#footer ul {
text-align: center;
}
#footer li {
display: inline;
margin-right: 2.4em;
}
#footerLeft, #footerMiddle, #footerRight {
float: left;
}
#footerLeft, #footerRight {
width: 200px;
}
#footerMiddle {
margin: 2.8em 0 0;
width: 576px;
}
#footerRight {
text-align: right;
}
#footerRight a {
color: #ffd54a;
}
#header {
background: url(../rv4_images/banners/Banner2.jpg) no-repeat;
border-bottom: 1px solid #8f8f8f;
height: 151px;
width: 996px;
}
#headerBorder {
background: url(../rv4_images/banners/banner_column.gif) no-repeat;
height: 7px;
width: 996px;
}
#headerCrest {
background: url(../rv4_images/banners/crest.jpg) no-repeat;
height: 77px;
width: 996px;
}
#marquee {
background-color:#000000;
color:#FFFFFF;
marquee-style: slide;
marquee-direction: ;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#headerStar {
display: block;
position: relative;
top: 24px;
left: 15px;
height: 102px;
width: 80px;
}
#leftCol {
background: #c2c2c2;
display: inline;
float: left;
width: 196px;
}
#leftCol .rss, #leftCol .podcasts {
margin-left: 10px;
}
#leftColNav li {
font-size: 11px;
line-height: 2.8em;
}
#leftColNav .level3 {
border-left: 1px solid #c2c2c2;
}
#leftColNav .level4 {
background: #fff;
border-top: 1px solid #c2c2c2;
padding: 10px 0;
}
#leftColNav .level4 a {
font-weight: normal;
line-height: 15px;
}
#leftColNav .level4 a:hover {
background: none;
color: #3d3d3d;
}
#leftColNav li a.current {
background: #4e4e4e;
color: #fff;
}
#leftColNav li a.current:hover {
background: #4e4e4e;
color: #fff;
}
#leftColNav li a.subNav {
background: #f7f7f7;
font-weight: normal;
border-top: 1px solid #c2c2c2;
}
#leftColNav li a.subNav:hover {
background: #f7f7f7;
color: #3d3d3d;
}
#leftColNav li#last {
border-bottom: 1px solid #939393;
margin: 0.2em 5px 0;
}
#leftColNav li#sections {
background: #a1a1a1;
font-weight: bold;
padding: 0 10px;
}
#leftColNav li a {
display: block;
padding: 0 10px;
width: 176px;
}
#leftColNav li a:hover {
background-color: #b4b4b4;
color: #7b8738;
}
#leftColRSS {
padding: 1em 0;
margin-bottom: 2em;
}
/* Live Search */
#liveSearch {
position: relative;
background: #525252;
float: right;
height: 2.8em;
width: 19em;
}
#liveSearch input {
color: #737373;
float: left;
font-size: 1em;
height: 1.2em;
margin: 4px 5px;
padding: 0;
}
#liveSearch input#search {
width: 140px;
}
#liveSearch input.close {
background: url(../rv4_images/searchbutton.png) no-repeat 4px 5px;
border: none;
color: #fff;
cursor: pointer;
display: inline;
float: right;
height: 26px;
width: 28px;
margin: 0;
padding: 0;
}
#liveSearchTabs {
position:absolute;
display:none;
cursor:pointer;
top:-22px;
left:-1px;
width:230px;
height:22px;
background: url(../rv4_images/live_search_tab_1.png) no-repeat;
}
#liveSearchTabs li {
height:22px;
display:inline;
float:left;
text-align:center;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Sans-serif;
padding-top:7px;
}
#liveSearchTabs1 {
width:36px;
}
#liveSearchTabs2 {
width:64px;
}
#liveSearchTabs3 {
width:66px;
}
#liveSearchTabs4 {
width:64px;
}
#liveSearchLeft {
background: url(../rv4_images/live_search_left.gif) no-repeat;
float: left;
height: 2.8em;
width: 6px;
}
#mainContent {
float: left;
padding-bottom: 10px;
padding-left: 20px;
width: 480px;
}
#mainContent h1, #mainContent h2 {
padding: 8px 10px;
}
#mainContent p, #rightCol p {
padding: 0 10px;
}
#mainContent ul {
font-size: 1.1em;
padding-left: 10px;
padding-right: 10px;
}
#navBar {
background: #cfcfcf url(../rv4_images/nav_gradient.gif) repeat-x;
border-bottom: 1px solid #b6b6b6;
height: 2.8em;
}
#rightCol {
background: #f7f7f7;
display: inline;
float: right;
width: 290px;
}
#rightCol h2 {
clear: both;
}
#rightCol ul {
margin: 1em 0 1em 15px;
}
#rightCol li {
line-height: 1.2em;
margin: 0.8em 0;
}
#rightCol li a {
display: block;
}
#wrapper {
background: url(../rv4_images/white_bg.gif) repeat-y top center;
width: 100%;
}
/* CSS Sprite Icons */
.rss {background: url(../rv4_images/icon_sprites.gif) 0px -114px no-repeat;}
.podcasts {background: url(../rv4_images/icon_sprites.gif) 0px -133px no-repeat;}
/* 4. Classes
------------------------------------*/
.block {
clear: both;
color: #fff;
font-size: 11px;
height: 26px;
line-height: 26px;
padding-left: 10px;
text-transform: uppercase;
}
.bold {
font-weight: bold;
}
.bordered {
background: #fff;
border-top: 1px solid #9b9b9b;
border-bottom: 1px solid #9b9b9b;
}
.bordered-large {
font-size: 1.5em;
font-weight: bold;
background: #fff;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}
.centered {
padding-left: 0;
text-align: center;
}
.dark-gray {
background: #4e4e4e;
}
.black {
background: #000000;
}
.dark-red {
background: #af2020;
}
.diamondList li {
background: url(../rv4_images/diamond_bullet.gif) no-repeat 0 2px;
padding-left: 16px;
margin: 12px 0;
}
.guardianList li {
background: url(../rv4_images/diamond_bullet.gif) no-repeat 0 2px;
padding-left: 16px;
margin: 12px 0;
font-size: 9px;
}
.hide {
display: none;
}
.hide2 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
.icon_sprite {
display: block;
float: left;
height: 19px;
margin: 0 4px;
width: 19px;
}
.light-gray {
background: #c0c0c0;
color: #565656;
}
.rss, .podcasts {
display: block;
height: 19px;
line-height: 19px;
margin: 0.4em 0;
}
.rss .textLink, .podcasts .textLink, #email .textLink, #print .textLink {
margin-left: 24px;
}
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../rv4_images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
/* 5. Print
------------------------------------*/
@media print {
body {
background: #fff;
}
#header, #navBar, #breadCrumbs, #leftCol, #rightCol, #footer {
display: none;
}
#mainContent {
overflow: visible;
}
}
/* 6. Handheld
------------------------------------*/
@media handheld {
}
</style>
<link rel="stylesheet" type="text/css" href="rv4_css/SpryMenuBarVertical.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="rv4_css/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="rv4_css/ie7.css" />
<![endif]-->
<script type="text/javascript" src="rv4_js/utility.js"></script>
<script type="text/javascript" src="rv4_js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="rv4_js/superfish.js"></script>
<script type="text/javascript" src="rv4_js/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="rv4_js/jqueryui.slide.min.js"></script>
<script type="text/javascript" src="rv4_js/dropDown.js"></script>
<script type="text/javascript" src="rv4_js/SpryMenuBar.js"></script>
</head>
<body>
<div id="wrapper"><div id="container">
<div id="header" title="Fort Polk - Home of Heroes">
<a id="headerStar" href="http://www.jrtc-polk.army.mil/"></a>
</div>
<!--<div id="headerCrest"></div>!-->
<div id="headerBorder" title="Fort Polk - Home of Heroes"></div>
<div id="navBar" style="position: relative; z-index: 2000;">
<ul id="dropDownNav">
<a class="hide2" href="#skipNav">Skip main navigation</a>
<li><a href="">Home</a></li>
<li><a href="">Newcomers</a>
<ul id = "ul sidemenu">
<li><a href="">Commanding General's Welcome Letter</a></li>
<li><a href="../newcomer's_brief.pdf">Newcomers Brief</a></li>
<li><a href="mailto:polk.SponsorRequest@conus.army.mil">E-mail for Sponsorship Request</a></li>
<li><a href="http://www.jrtc-polk.army.mil/drive.htm">Driving Directions</a></li>
<li><a href="../DeliveryHHG.htm">Household Goods</a></li>
<li><a href="../SJA/CL.html">Claims</a></li>
<li><a href="http://www.jrtc-polk.army.mil/In_Out.htm">In and Out Processing</a></li>
<li><a href="http://www.jrtc-polk.army.mil/LendingCloset.htm">Lending Locker</a></li>
<li><a href="http://www.ihgarmyhotels.com/pal/en/us/home">Lodging*</a></li>
<li><a href="http://www.polkpicerne.com/">Picerne Housing* </a></li>
<li><a href="../pmoinfo.htm">Vehicle Registration</a></li>
</ul>
</li>
<li><a href="">Combat Training Center</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/OPS/index.html">Operations Group</a></li>
<li><a href="http://www.jrtc-polk.army.mil/ops/G357.html">G3/5/7</a></li>
</ul>
</li>
<li><a href="../PowerProjectionUnits.html">Units</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/1stCSB(ME)/1MEB/home.html">1st Maneuver Enhancement Brigade</a></li>
<li><a href="">4th Brigade, 10th Mountain Division</a></li>
<li><a href="http://www.jrtc-polk.army.mil/5th_AVN_BN/Index.htm">5th Aviation Battalion</a></li>
<li><a href="http://www.jrtc-polk.army.mil/115th_BDE/index.html">115th Combat Support Hospital</a></li>
<li><a href="../Transition_team/162nd_INF_BDE.html">162nd Infantry Brigade</a></li>
</ul>
</li>
<li><a href="">Tour Fort Polk</a>
<ul>
<li><a href="">Training Area</a></li>
<li><a href="">Installation Tours</a></li>
</ul>
</li>
<li><a href="">About Polk</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/commander/welcome.asp">Welcome Statement</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/about/history.asp">History</a></li>
<li><a href="">Climate/Other Demographics</a></li>
</ul>
</li>
<li><a href="">Contact Us</a>
<ul>
<li><a href="">Public Affairs Office</a></li>
<li><a href="mailto:polk.mr@conus.army.mil">Media Requests</a></li>
<li><a href="mailto:polk.cr@conus.army.mil">Community Requests</a></li>
<li><a href="mailto:usarmy.polk.106-sig-bde.mail.nec-web-dept@mail.mil">Webmaster</a></li>
<li><a href="">General Information</a></li>
</ul>
</li>
</ul>
<div id="liveSearch">
<div id="liveSearchLeft"></div>
<form id="searchForm" name="searchForm" method="get" action="">
<h6>
<label class="hide2">Search</label><input type="text" value="" name="search" id="search" size="32" />
<input type="submit" value="" class="close" id="searchbutton" />
</h6>
</form>
</div>
</div>
<div id="contentBackground"><div id="leftCol">
<div id="navLinks">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="current">JRTC and Fort Polk</a></li>
<li><a class="MenuBarItemSubmenu" href="">Leadership</a>
<ul>
<li><a href="">Commanding General</a></li>
<li><a href="">Post CSM</a></li>
<li><a href="">Garrison Commander</a></li>
<li><a href="">Mission and Vision</a></li>
</ul>
</li>
<li><a href="http://www.jrtc-polk.army.mil/generalstaff.htm">General Staff</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Directorates</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/DES_website/DES.html">Emergency Services (DES)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/DHR_WEB/index.htm">Human Resources (DHR)</a></li>
<li><a href="http://fortpolkmwr.com/">Morale Welfare Recreation (MWR)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/ptms.asp">Plans, TNG, MOB, SEC (DPTMS)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/logistics.asp">Logistics (DOL)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/pw.asp">Public Works (DPW)</a></li>
<li><a href="http://www.jrtc-polk.army.mil/cpac/">Civilian Employment (CPAC)</a></li>
</ul>
</li>
<li><a href="../Main_Page_Docs/2011_PHONE_DIRECTORY.pdf">Phonebook</a></li> <li><a class="MenuBarItemSubmenu" href="http://www.jrtc-polk.army.mil/policypage.htm">Policy Letters</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/policy.htm">Command Policy Memorandums</a></li>
<li><a href="http://www.jrtc-polk.army.mil/GCpolicies.htm">Garrison Policy Memorandums</a></li>
<li><a href="../offlimits/off_limits_list.pdf">Off-limits Establishments</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="http://fortpolkmwr.com/">Fort Polk MWR*</a>
<ul>
<li><a href="http://fortpolkmwr.com/child_and_youth_services">Youth Services*</a></li>
<li><a href="http://www.fortpolkcyss.com/">School Liason Office*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/services/Library.asp">Allen Memorial Library</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="http://www.myarmyonesource.com/survey_Fort_Polk">ACS Needs Assessment*</a>
<ul>
<li><a href="../ACS/AFAPISSUESFORM.asp">AFAP</a>
<li><a href="http://www.jrtc-polk.army.mil/ACS/CommunityActionCouncil(CAC).html">Community Action Council</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Army Covenant</a>
<ul>
<li><a href="http://www.jrtc-polk.army.mil/covenant/index.htm">Army Family Covenant</a></li>
<li><a href="http://www.jrtc-polk.army.mil/CommunityCovenant/index.html">Army Community Covenant</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="">Community Services</a>
<ul>
<li><a href="http://www.aafes.com/">AAFES*</a></li>
<li><a href="http://www.commissaries.com/stores/html/store.cfm">Commissary*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/Garrison/chaplain/index.htm">Chaplains Office</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/services/EducationCenter.asp">Education Center</a></li>
<li><a href="http://www.jrtc-polk.army.mil/JRTC-Polk_NEW/sites/directorates/imo.asp">Information Management</a></li>
<li><a href="">Polk Dining</a></li>
<li><a href="../ACS/ArmyFamilyTeamBuilding.html">Army Family Team Building</a></li>
<li><a href="../ACAPWEB/ACAP_index.htm">Career and Alumni Program</a></li>
<li><a href="http://www.libraries.army.mil/">Army Libraries*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/SJA/index.html">Legal Services</a></li>
<li><a href="../fpig/Index.htm">Inspector General's Office</a></li>
<li><a href="http://www.jrtc-polk.army.mil/Emergency/military%20discounts/military_discounts.html">Local Business Discounts</a></li>
<li><a href="http://www.jrtc-polk.army.mil/DHR_WEB/RSO_WEB/rso_index.htm">Retirement Services</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Community Resources</a>
<ul>
<li><a href="http://www.armyg1.army.mil/hr/suicide/default.asp">Army Suicide Prevention Program*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/acs/FamilyAdvocacy.htm">Report sexual assault: <br />
337-531-1848</a></li>
<li><a href="http://www.jrtc-polk.army.mil/acs/FamilyAdvocacy.htm">Report child/spouse abuse: 337-531-4673</a> </li>
<li><a href="http://www.jrtc-polk.army.mil/dhr_web/vao/vao_index.htm">Voting Assistance Officers Website</a></li>
<li><a href="https://forums.bcks.army.mil/secure/CommunityBrowser.aspx?id=352323">Wounded Soldier and Family (AKO Link) 1-800-984-8523*</a></li>
<li><a href="https://www.aw2.army.mil/">Wounded Warrior Program*</a></li>
<li><a href="../CommunityResources/index.html">Resource Guide</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Medical Services</a>
<ul>
<li><a href="http://www.polk.amedd.army.mil/">Bayne-Jones Hospital*</a></li>
<li><a href="http://www.jrtc-polk.army.mil/dental.htm">Dental Services</a></li>
</ul>
</li>
<li><a href="http://www.jrtc-polk.army.mil/LandPurchase/index.html">Land Purchase</a></li>
<li><a class="current">Our Neighbors</a></li>
<li><a href="http://www.jrtc-polk.army.mil/communities.htm">Local Communities</a></li>
<li><a href="../LocalSchools.htm?sectiondetailid=5">Schools</a></li>
<li><a class="current">Quick Links</a></li>
</ul>
<br/>
<ul>
<a href="https://www.us.army.mil/appiansuite/login/login.fcc?TYPE=33554433&REALMOID=06-000a4cd6-218f-1122-97ea-832f882f0000&GUID=&SMAUTHREASON=0&METHOD=GET&SMAGENTNAME=$SM$HP4c7QPYp2KtCVeQ%2f723ECL4%2bJUIHQcnRMBd2KxCCSc%3d&TARGET=$SM$http%3a%2f%2fwww%2eus%2earmy%2emil%3a81%2fsuite%2fauthenticate%2edo" title="Army Knowledge Online" target="_blank"><img src="rv4_images/buttons/ako_logo.jpg" alt="Army Knowledge Online" width="166" height="41" border="0" /></a><br /><br />
<a href="http://www.acsim.army.mil/readyarmy/ra_resources.htm" title="Army One Source" target="_blank"><img src="rv4_images/buttons/Army-OneSource.jpg" alt="Army One Source" width="166" height="41" border="0" /></a><br /><br />
<a href="http://www.slideshare.net/USArmySocialMedia/army-social-media-handbook-2011" title="Army Social Media Guide" target="_blank"><img src="rv4_images/buttons/army_social_media.gif" alt="Army Social Media Guide" width="166" height="41" border="0" /></a><br /><br />
<a href="http://csf.army.mil/" title="Comprehensive Soldier Fitness" target="_blank"><img src="rv4_images/buttons/scf.gif" alt="Comprehensive Soldier Fitness" width="166" height="41" border="0" /></a><br /><br />
<a href="#" title="Facebook" target="_blank"><img src="rv4_images/buttons/facebook.gif" alt="Facebook" width="166" height="41" border="0" /></a><br /><br />
<a href="http://www.jrtc-polk.army.mil/Garrison/FOIA/foia.htm" title="Freedom Of Information Act" target="_blank"><img src="rv4_images/buttons/Freedom.gif" alt="Freedom Of Information Act" width="166" height="41" border="0" /></a><br /><br />
<a href="http://ice.disa.mil/index.cfm?fa=site&site_id=257" title="Interactive Customer Evaluation" target="_blank"><img src="rv4_images/buttons/ice_logo.gif" width="166" height="41" alt="Interactive Customer Evaluation"/></a><br /><br />
<a href="https://www.inscom.army.mil/isalute/default.aspx" title="ISALUTE" target="_blank"><img src="rv4_images/buttons/isalute.gif" width="166" height="41" alt="ISALUTE"/></a><br /><br />
<a href="http://www.acsim.army.mil/readyarmy/ra_resources.htm" title="Ready Army" target="_blank"><img src="rv4_images/buttons/ready_army.gif" alt="Ready Army" width="166" height="41" border="0" /></a><br /><br />
</ul><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="mainContent">
<h2 class="bordered-large" style="width:452px">JRTC Headlines - The Guardian Online</h2>
<div align="center"><table width="200" border="1" cellspacing="4" style="font-size:12px">
<tr>
<td colspan="1" ><img src="http://matchbin-assets.s3.amazonaws.com/public/sites/1304/assets/680U_4_13_West_Point.jpg" width="140" height="90" alt="Building character, honor, integrity" title="Building character, honor, integrity"/></td>
<td><img src="http://matchbin-assets.s3.amazonaws.com/public/sites/1304/assets/FO4O_3_23_BJACH.jpg" width="140" height="90" alt="BJACH reaches new heights with patient survey" title="BJACH reaches new heights with patient survey"/></td>
<td><img src="http://matchbin-assets.s3.amazonaws.com/public/sites/1304/assets/69C3_easterbasket.jpg" width="140" height="90" alt="Picerne Military Housing hosts Easter bunny" title="Picerne Military Housing hosts Easter bunny"/></td>
</tr>
<tr>
<td align="center"> <a href="http://www.thefortpolkguardian.com/view/full_story/18228050/article-Fort-Polk-Family-members-on-way-to-building-%E2%80%98character--honor--integrity%E2%80%99-?instance=home_local_news" target="_blank">Building 'character, honor, integrity'</a></td>
<td align="center"><a href="http://thefortpolkguardian.com/view/full_story/17981701/article-BJACH-reaches-new-heights-with-patient-survey?instance=left_column" target="_blank">BJACH reaches new heights with patient survey</a></td>
<td align="center"> <a href="http://thefortpolkguardian.com/view/full_story/17972249/article-Picerne-Military-Housing-hosts-Easter-bunny--garage-sale-for-Families?instance=left_column" target="_blank">Picerne Military Housing hosts Easter bunny</a></td>
</tr>
</table>
</div>
<br />
<br />
<!--Default News Story Ends Here-->
<!--Message Box Story Starts Here-->
<div style="margin-left:10px; margin-right:10px;">
<table width="470" border="1">
<tr>
<td>
<ul class="guardianList" style="width: 293px;" >
<li><a href="http://thefortpolkguardian.com/view/full_story/17973638/article-Museum-opens-soon--highlights-history?instance=left_column" target="_blank">Museum opens soon, highlights history</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973468/article-162nd-Senior-NCOs-bring-back-lessons-learned-from-Namibia?instance=left_column" target="_blank">162 Senior NCOs bring back lessons learned from Namibia</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973525/article-Advisory-academy-preps-mentors-to-improve-ANSF-capabilities?instance=left_column" target="_blank">Advisory academy preps mentors to improve ANSF capabilities</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973511/article-4-10-thanks-Leesville-chamber-for-Christmas-event?instance=left_column">4/10 thanks Leesville chamber for Christmas event</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17972626/article-Fort-Polk-DES-teams-up-with-5th-Aviation-for-medevac-training?instance=left_columnp">Fort Polk DES teams up with 5th Aviation for medevac training</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17972650/article-Fort-Polk-firefighters-conduct-Tiger-team-training?instance=left_column">Fort Polk firefighters conduct Tiger team training</a></li>
<li><a href="http://thefortpolkguardian.com/view/full_story/17973394/article-Training-pays-dividends-for-DES--USAAAD--Soldier?instance=left_column">Training pays dividends for DES, USAAAD, Solider</a></li>
</ul></td>
<td><br /><a href="http://thefortpolkguardian.com/" target="_blank"><img src="images/news/Guardian_03_23_12.jpg" width="101" height="130" align="absbottom" title="The Guardian" alt="The Guardian"/></a></td>
</tr>
</table>
<!--Begin Facebook Feed-->
</div><p> </p>
<div><h2 class="bordered-large" style="width:452px">Fort Polk Guardian Facebook Feed</h2>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FFort-Polk-Guardian%2F277260803399&width=472&height=290&colorscheme=light&show_faces=false&border_color&stream=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:472px; height:290px;" allowTransparency="true"></iframe>
</div><p> </p>
<!--End Facebook Feed-->
<div><h2 class="bordered-large" style="width:452px">Hot Topics</h2>
<div style="margin-left:10px; margin-right:10px;">
<table width="463" border="1" >
<tr>
<td><br /><a href="#"><img src="images/news/news_extra_extra.jpg" title="Hot Topics" alt="Hot Topics" width="150" height="152" class="main_page_image" id="newsimgsmall3" /></a></td>
<td><br />
<ul class="guardianList" style="width: 293">
<li><a href="http://www.army.mil/article/75918/Army_works_to_improve_women_s_health/" target="_blank">Army works to improve Women’s Health</a></li>
<li><a href="http://www.army.mil/article/73764/Soldiers__civilians_help_save_money__resources_by_recycling/" target="_blank">Soldiers, civilians save money, resources by recycling</a></li>
<li><a href="http://www.army.mil/article/74187/Controlling_post_traumatic_stress_could_be_as_close_as_game_on_cell_phone/" target="_blank">Army developing PTSD-treatment mobile app</a></li>
<li><a href="http://www.flickr.com/photos/usagvicenza/sets/72157629169406092/" target="_blank">Vicenza Black History Month event (photos)</a></li>
<li><a href="http://www.army.mil/article/75151/Obama__Troops__veterans_will_benefit_from_housing_settlement/" target="_blank">Troops, vets wrongfully forcelosed on to receive benefits</a></li>
<li><a href="articles_news/2012_3_1_3.asp">Brain Injury Awareness Month</a></li>
<li><a href="http://www.army.mil/article/74584/Soldiers_to_be_tested_for_prescription_drug_abuse/" target="_blank">Soldiers to be tested for prescription drug abuse</a></li>
<li><a href="http://www.army.mil/article/74586/AFAP_delegates_to_bring_eight_new_issues_to_Army_leaders/" target="_blank">Army to consider 8 AFAP issues</a></li>
<li><a href="http://www.army.mil/article/74473/2013_re_enlistment_window_opens_with_restrictions/" target="_blank">2013 re-enlistment window opens with restrictions</a></li>
<li><a href="articles_news/cac.asp"><b style="color:#F00">New smart card request process</b> (LN only)</a></li>
</ul></td>
</tr>
</table></div>
</div>
</div>
<!-- end mainContent -->
<div id="rightCol">
<!--Begin Calendar Script-->
<div>
<h2 class="block black centered">Community Calendar</h2>
<script type="text/javascript" src="http://www.calendarwiz.com/minical/minical.js?crd=fortpolkcommunity&mctheme=Master%20Theme"></script></div><!--End Calendar Script-->
<div><h2 class="block black centered">Calendars</h2>
<a href="http://www.calendarwiz.com/calendars/calendar.php?crd=fortpolkcommunity&nolog=1" title="Community Calendar" target="_blank"><img src="rv4_images/buttons/community_calendar_sm.gif" alt="Community Calendar" width="80" height="80" border="0" /></a> <a href="#" title="School Calendar" target="_blank"><img src="rv4_images/buttons/school_calendar_sm.gif" alt="School Calendar" width="80" height="80" border="0" /></a> <a href="#" title="MWR Calendar" target="_blank"><img src="rv4_images/buttons/mwr_calendar_sm.gif" alt="MWR Calendar" width="80" height="80" border="0" /></a>
</div>
<!--Begin Upcoming Events Script-->
<div > <h2 class="block black centered">Upcoming Events</h2>
<script type="text/javascript" src="http://www.calendarwiz.com/calendars/ucfeeder.php?crd=fortpolkcommunity&theme=Master%20Theme"></script></div>
<br/>
<h2 class="block black centered">News You Can Use</h2>
<ul class="guardianList">
<li><a href="http://www.army.mil/article/75918/Army_works_to_improve_women_s_health/" target="_blank">Army works to improve Women’s Health</a></li>
<li><a href="http://www.army.mil/article/73764/Soldiers__civilians_help_save_money__resources_by_recycling/" target="_blank">Soldiers, civilians save money, resources by recycling</a></li>
<li><a href="http://www.army.mil/article/74187/Controlling_post_traumatic_stress_could_be_as_close_as_game_on_cell_phone/" target="_blank">Army developing PTSD-treatment mobile app</a></li>
<li><a href="http://www.flickr.com/photos/usagvicenza/sets/72157629169406092/" target="_blank">Vicenza Black History Month event (photos)</a></li>
<li><a href="http://www.army.mil/article/75151/Obama__Troops__veterans_will_benefit_from_housing_settlement/" target="_blank">Troops, vets wrongfully forcelosed on to receive benefits</a></li>
<li><a href="articles_news/2012_3_1_3.asp">Brain Injury Awareness Month</a></li>
<li><a href="http://www.army.mil/article/74584/Soldiers_to_be_tested_for_prescription_drug_abuse/" target="_blank">Soldiers to be tested for prescription drug abuse</a></li>
<li><a href="http://www.army.mil/article/74586/AFAP_delegates_to_bring_eight_new_issues_to_Army_leaders/" target="_blank">Army to consider 8 AFAP issues</a></li>
<li><a href="http://www.army.mil/article/74473/2013_re_enlistment_window_opens_with_restrictions/" target="_blank">2013 re-enlistment window opens with restrictions</a></li>
<li><a href="articles_news/cac.asp"><b style="color:#F00">New smart card request process</b> (LN only)</a></li>
</ul>
</ul>
<div>
<h2 class="block black centered">Social Media</h2>
<img src="rv4_images/icons/social_media_transparent.jpg" alt="" width="287" height="50" align="absbottom" usemap="#Map_SM"/>
<map name="Map_SM" id="Map_SM">
<area shape="rect" coords="24,4,64,49" title="Facebook - JRTC Fort Polk" href="https://www.facebook.com/pages/Fort-Polk-Guardian/277260803399" target="_blank" alt=" Facebook - JRTC Fort Polk" />
<area shape="rect" coords="88,3,131,47" title="Flickr - JRTC Fort Polk" href="http://www.flickr.com/photos/fpgpics" target="_blank" alt="Flickr - JRTC Fort Polk" />
<area shape="rect" coords="154,3,196,49" title="Twitter - JRTC Fort Polk" href="http://twitter.com/#!/FortPolkPAO" target="_blank" alt="Twitter - JRTC Fort Polk" />
<area shape="rect" coords="221,4,260,48" title="YouTube - JRTC Fort Polk" href="http://www.youtube.com/user/FtPolkNews/" target="_blank" alt="YouTube - JRTC Fort Polk" />
</map>
</div>
<div style="height:290px" align="center" >
<h2 class="block black centered"><a href= "http://www.flickr.com/photos/fpgpics" target="_blank" style="color:#FFFFFF" onmouseover="this.style.color = '#7b8738';" onmouseout="this.style.color = '#FFFFFF';">Photo Gallery</a></h2>
<!--Top Headlines List Starts Here-->
<!-- Start of Flickr Badge -->
<style type="text/css">
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:250px;}
#flickr_www {display:block; padding:0 5px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_wrapper {text-align: center; padding:6px;}
#flickr_badge_wrapper { text-align: center; background-color: #f7f7f7;}
.flickr_badge_image {width: inherit; margin:0px 0px 0px 10px;}
.flickr_badge_image img { text-align: center; float: left; margin: 2px; border: 1px solid grey !important;}
#flickr_badge_source {clear: both; text-align:left; margin:10px 10px 0px 10px;}
#flickr_badge_icon {}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<div id="flickr_badge_uber_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user=76087329%40N06"></script><!-- End of Flickr Badge --></div><br /><br/>
<!--- Begin Youtube Video --->
<div> <h2 class="block black centered">Featured Video</h2>
<iframe width="288" height="175" title="Featured Video" alt="Featured Video" src="http://www.youtube.com/embed/HfchdsIM4IY" frameborder="0" allowfullscreen></iframe>
</a><br />
<!--- End Youtube Video --->
<h2 align="center"><a href="http://www.youtube.com/user/FtPolkNews/" target="_blank">More videos</a></h2><br/><br/></div>
</div>
<!-- end rightCol --></div>
<div id="footer">
<div id="footerLeft">
<a class="rss" href="http://www.army.mil/rss/"><span class="textLink">RSS</span></a>
<a class="podcasts" href="http://www.army.mil/rss/podcasts/"><span class="textLink">Podcasts</span></a>
</div>
<div id="footerMiddle">
<ul>
<li><a href="http://www.jrtc-polk.army.mil/508.htm">Section 508</a></li>
<li><a href="http://www.jrtc-polk.army.mil/notice.htm">Security and Privacy Policy</a></li>
<li><a href="mailto:usarmy.polk.106-sig-bde.mail.nec-web-dept@mail.mil">Contact Us</a></li>
</ul>
</div>
<div id="footerRight">
Need help? Try <a href="http://www.army.mil/info/a-z/">A-Z</a><br/>
<!--Last Updated starts here-->
<br />
<div id="footerRight"><script>
datUpdated = new Date(document.lastModified) ;
datMonth = datUpdated.getMonth() + 1 ;
datDate = datUpdated.getDate() ;
datYear = datUpdated.getYear() ;
document.write("Last Updated: " + datMonth + "/" + datDate + "/" + datYear + "") ;
</script></div>
<!--Last Updated ends here-->
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"rv4_images/SpryMenuBarRightHover.gif"});
</script>
</div>
</div><!-- end container -->
<!--Last Updated starts here-->
<br />
<div align="center"><script>
datUpdated = new Date(document.lastModified) ;
datMonth = datUpdated.getMonth() + 1 ;
datDate = datUpdated.getDate() ;
datYear = datUpdated.getYear() ;
document.write("Last Updated: " + datMonth + "/" + datDate + "/" + datYear + "") ;
</script></div>
<br />
<!--Last Updated ends here-->
</div><!-- end wrapper -->
</body>
</html>
ASKER
That works, but only if I keep all the extra empty paragraphs on the left menu. If I remove those the right menu still overlaps the footer.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That works! Is there any way I can extend the gray background on the left menu to the footer without using the extra paragraphs?
I'm not sure if you've seen this, but I would HIGHLY recommend reading up on CSS Faux Columns.
ASKER
Thank you for the help!