Centering a container

Dreamweaver CS3.
New/blank/html/2 column elastic/left sidebar/header/footer.
what do I need to put in CSS properties to center this whole
container?
It's at the left of the page. I've put left margin "auto"
and right margin "auto" and it just lines out the "margin" and
doesn't use it. Nothing changes.
margin-right: auto; margin-left auto;
Use css is enabled in options.
thank you
on edit: nevermind...fixed it. I swear for this css to be so
"easy"..I ain't seen easy yet. It's a WHOLE lot easier to just drag
stuff around and make it fit instead of all of these "properties".
For instance, I made one container wider, it threw the container
next to it down to the bottom of the page, now...well never
mind..I'm hijacking my own thread. :) But, I'm trying to get
CSS..

Combined with the code navigator in CS4 makes troubleshooting
these kinds of
things very nice.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Walt F. Schaefer" <[email protected]> wrote in
message
news:[email protected]...
> Gotcha. Thanks. I do all my CSS editing in TopStyle so
am unfamiliar with
> the CSS panel in DW. Sounds like a good tool, I'll have
to pay more
> attention to it when trouble shooting.
>
> --
>
> Walt
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> If for example I have this CSS -
>>
>> div { border:1px solid green; }
>> p { color:brown; }
>>
>> and this HTML -
>>
>> <div><p>You're doing a great job
Brown</p></div>
>>
>> Then if I select the <p> tag, and look at the
CSS panel with the Current
>> button selected, and with the cascade icon selected
so that I can see all
>> of the rules that *could* affect this <p>
tag's contents, I can see both
>> the div and the p selector there. When I click on
the div selector, all
>> of the styles are lined through, meaning that while
they apply to the
>> ancestor div tag, they do not apply to the currently
selected descendent
>> tag.
>>
>> I think that's what's being described here.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>> ==================
>>
>>
>> "Walt F. Schaefer" <[email protected]>
wrote in message
>> news:[email protected]...
>>>>>if the style is lined through
>>>
>>> That part I don't get. I have no idea of what
"it just lines out the
>>> "margin" and doesn't use it" means. I've never
seen it and I can't
>>> envision it.
>>>
>>> ???
>>>
>>> --
>>>
>>> Walt
>>>
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> But if the style is lined through, then this
would suggest that the
>>>> style is being applied in the wrong
container.
>>>>
>>>> --
>>>> Murray --- ICQ 71997575
>>>> Adobe Community Expert
>>>> (If you *MUST* email me, don't LAUGH when
you do so!)
>>>> ==================
>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>> ==================
>>>>
>>>>
>>>> "Walt F. Schaefer"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> You must give the container an explicit
width. width:500px; as an
>>>>> example
>>>>>
>>>>> --
>>>>>
>>>>> Walt
>>>>>
>>>>>
>>>>> "baldrn"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> Dreamweaver CS3.
>>>>>> New/blank/html/2 column elastic/left
sidebar/header/footer.
>>>>>> what do I need to put in CSS
properties to center this whole
>>>>>> container?
>>>>>> It's at the left of the page. I've
put left margin "auto" and right
>>>>>> margin
>>>>>> "auto" and it just lines out the
"margin" and doesn't use it. Nothing
>>>>>> changes.
>>>>>> margin-right: auto; margin-left
auto;
>>>>>> Use css is enabled in options.
>>>>>> thank you
>>>>>>
>>>>>
>>>>>
>>>>
>>>
>>>
>>
>
>

Similar Messages

  • The footer is moving to the left and no longer centered. It is like it is no longer in the container

    The footer is moving to the left and no longer centered. It is like it is no longer in the container. I don't see the container outline any longer. This same thing is happening in two different websites. Can you tell me what I am doing wrong?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Dragonfly Toy Puppies Home Page</title>
    <style type="text/css">
    <!--
    body  {
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #FFF;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 100%;
        background-color: #000;
    .twoColFixLtHdr #container {
        width: 900px; /* the auto margins (in conjunction with a width) center the page */
        border: none; /* this overrides the text-align: center on the body element. */
        background-color: #000;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
    .twoColFixLtHdr #header {
        background-color: #000;
        background-image: url(Images/Header.jpg);
        background-repeat: no-repeat;
        height: 350px;
        width: 900px;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 20;
        padding-left: 0px;
    .twoColFixLtHdr #sidebar1 {
        float: left; /* since this element is floated, a width must be given */
        width: 240px;
        height: auto;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-color: #000;
        text-align: center;
    a img {border: none;
    a { outline: 0;
    #sidebar1 a #poodle   {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        cursor: pointer;
        text-decoration: none;
    #sidebar1 a #maltese {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        cursor: pointer;
    #sidebar1 a #yorkie {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        cursor: pointer;
    #sidebar1 a #partiyorkie {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    #sidebar1 a #dachshund {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    #sidebar1 a #maltipoo {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    #sidebar1 a #morkie {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    .twoColFixLtHdr #mainContent {
        padding: 20; /* remember that padding is the space inside the div box and margin is the space outside the div box */
        background-color: #000;
        height: auto;
        width: 660px;
        text-align: center;
        margin: 0px;
        float: left;
    .twoColFixLtHdr #footer {
        background-color: #000;
        width: 900px;
        padding-top: 0;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px;
        clear: none;
        float: none;
        height: auto;
    .twoColFixLtHdr #footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixLtHdr #sidebar1 { width: 230px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixLtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="twoColFixLtHdr">
    <div id="container">
      <div id="header">
      <!-- end #header --></div>
      <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Home</a>      </li>
          <li><a href="#">Services</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Sires &amp; Dams</a>
            <ul>
              <li><a href="#">Toy Poodles</a></li>
              <li><a href="#">Maltese</a></li>
              <li><a href="#">Yorkies</a></li>
              <li><a href="#">Parti Yorkies</a></li>
              <li><a href="#">Mini Dachsunds</a></li>
              <li><a href="#">Maltipoos</a></li>
              <li><a href="#">Morkies</a></li>
            </ul>
          </li>
          <li><a href="#">Puppy Care</a></li>
    <li><a href="#">Success Stories</a></li>
    <li><a href="#">Contact Us</a>      </li>
    </ul>
      <div id="sidebar1">
        <h2>Puppies for Sale</h2>
        <p> Click on your Favorite Breed</p>
        <h2><a href="poodle.htm" onmousedown="MM_swapImage('poodle','','Images/poodle_active.jpg',1)"><img src="Images/poodle_link.jpg" alt="Link to Poodle Puppy Page" name="poodle" width="200" height="250" id="poodle" onmouseover="MM_swapImage('poodle','','Images/poodle_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="maltese.htm" onmousedown="MM_swapImage('maltese','','Images/maltese_active.jpg',1)"><img src="Images/maltese_link.jpg" alt="Link to Maltese Puppy Page" name="maltese" width="200" height="200" id="maltese" onmouseover="MM_swapImage('maltese','','Images/maltese_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="yorkie.htm" onmousedown="MM_swapImage('yorkie','','Images/yorkie_active.jpg',1)"><img src="Images/yorkie_link.jpg" alt="Link to Yorkie Puppy Page" name="yorkie" width="200" height="200" id="yorkie" onmouseover="MM_swapImage('yorkie','','Images/yorkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="parti_yorkie.htm" onmousedown="MM_swapImage('parti_yorkie','','Images/partiyorkie_active.jpg',1)"><img src="Images/partiyorkie_link.jpg" alt="Link to Parti Yorkie Puppy Page" name="partiyorkie" width="200" height="200" id="partiyorkie" onmouseover="MM_swapImage('partiyorkie','','Images/partiyorkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="dachshund.htm" onmousedown="MM_swapImage('dachshund','','Images/dachshund_active.jpg',1)"><img src="Images/dachshund_link.jpg" alt="Link for Mini Dachshund Puppy Page" name="dachshund" width="200" height="200" id="dachshund" onmouseover="MM_swapImage('dachshund','','Images/dachshund_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="maltipoo.htm" onmousedown="MM_swapImage('maltipoo','','Images/maltipoo_active.jpg',1)"><img src="Images/maltipoo_link.jpg" alt="Link for Maltipoo Puppy Page" name="maltipoo" width="200" height="200" id="maltipoo" onmouseover="MM_swapImage('maltipoo','','Images/maltipoo_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <a href="morkie.htm" onmousedown="MM_swapImage('morkie','','Images/morkie_active.jpg',1)"><img src="Images/morkie_link.jpg" alt="Link to Morkie Puppy Page" name="morkie" width="200" height="200" id="morkie" onmouseover="MM_swapImage('morkie','','Images/morkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></h2>
      </div>
    <!-- end #sidebar1 --></div>
      <div id="mainContent">
        <h1>Welcome </h1>
        <p>This Website is under Construction</p>
        <h2>Check Back Soon</h2>
      <!-- end #mainContent --></div>
        <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
    <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    You have an extra closing </div> where none is required.
    Beggining on line 215 of your code, change this:
    </div>
    <!-- end #sidebar1 --></div>
    to this:
    <!-- end #sidebar1 --></div>
    When problems occur, the W3C code validation tools will help you find errors in your code.
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Centering Background Image

    After countless hours of using the forums I finally am
    posting my first question.
    Is there a way to center the background image that is set
    through page properties? I have a centered table and it would be
    nice to have a continuous background.
    Any help would be appreciated.

    Or you could do what Murray just said :-) But through
    standard html, no.
    Lawrence Cramer
    *Adobe Community Expert* - Dreamweaver -
    http://tinyurl.com/jhnyq
    email: lawrence at cartweaver dot com
    Cartweaver CF, ASP & PHP Shopping Cart for Dreamweaver
    www.cartweaver.com
    news://support.cartweaver.com
    =====================================================
    "Lawrence *Adobe Community Expert*"
    <[email protected]> wrote in
    message news:emuj2u$636$[email protected]..
    > Nope, you can't center a page background image. You have
    to work from the
    > top left hand corner.
    >
    > Now you could create a fixed width, floating, centered
    "master container"
    > div and have a background image for this div. Then place
    all your
    > content in this container. This would give you the
    illusion of a centered
    > page background.
    >
    > Hope this helps.
    > --
    > Lawrence Cramer
    > *Adobe Community Expert* - Dreamweaver -
    http://tinyurl.com/jhnyq
    > email: lawrence at cartweaver dot com
    >
    > Cartweaver CF, ASP & PHP Shopping Cart for
    Dreamweaver
    > www.cartweaver.com
    > news://support.cartweaver.com
    > =====================================================
    >
    >
    > "cheesewagon" <[email protected]> wrote
    in message
    > news:emuhmn$4hv$[email protected]..
    >> After countless hours of using the forums I finally
    am posting my first
    >> question.
    >>
    >> Is there a way to center the background image that
    is set through page
    >> properties? I have a centered table and it would be
    nice to have a
    >> continuous
    >> background.
    >>
    >> Any help would be appreciated.
    >>
    >>
    >
    >

  • IP mobility solution for a Data Centers

    Hello guys
    Please give me an advice.
    Now I try to work out a networking solution for a two geo separated data centers (DCs).
    Both the data centers will contain a virtualised server infrastructure (VMware).
    Now the main design problem is to choose good solution for IP mobility and  for the DCs interconnect. We need to have an ability of moving a VM machines both for maintanance and for disaster recovery between the DCs. And users must seamlessly without any advanced knowledge about routing  be connected to the VM machines that were moved. For now the users work in 1100 different offices around the Ukraine country.
    Yes I know a little about Cisco OTV, RHI and LISP solutions. But all this solutions require the top level switches and routers like Nexus 7000 and Cat 6500. And they are very costly.
    Is there cheaper solution for the IP Mobility?
    Maybe the NHRP protocol that is a part of the DMVPN could be a good solution? 
    Are there any features in NHRP or in other protocol for monitoring the health of a VM machine, customising and propagation the routing info in case of VM machine motion?
    Thank you for help.

    Hi Lavanya,
    Required data from a legacy system(generate data only in the form of flat files)to SAP R3 as FB01 journals - use BDC for this thing because it will be better for large source files.
    the output file should be generated periodically(daily,weekly,fortnightly etc…)  - if this output file contains acknowledgment for the data uploaded by the above process, create a ABAP report for it and schedule it..........but if this output contains some other IDOC data which you need to send as a file to a third-party system, then go for SAP XI provided the IDOC data is not too large... but if the IDOC size is huge, then just create a ABAP report for outputting data to a file on application server and FTP the file to third-party system.
    Regards,
    Rajeev Gupta

  • IE wont center my container anymore

    Hey guys, I really dont know what happened but IE is no
    longer centering my container even though safari and firefox are?
    Here is the site, www.parat1.com. i have chanced anything that i
    know of, any one have a fix? thanks guys.

    Your link is to a nonexistent page.
    Walt
    "christian g torres" <[email protected]>
    wrote in message
    news:g2q2ak$o1g$[email protected]..
    > Hey guys, I really dont know what happened but IE is no
    longer centering
    > my
    > container even though safari and firefox are? Here is
    the site,
    > www.parat1.com. i have chanced anything that i know of,
    any one have a
    > fix?
    > thanks guys.
    >

  • Help! Divs extend beyond parent container! Clearing doesn't seem to work!

    My "mainContent" div extends beyond the "Container" div. It seems that I've tried everything--clearing doesn't seem to work.
    Help!
    Here is my css:
    @charset "UTF-8";
    /* CSS Document */
    body  {
         margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
         padding: 0;
         text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
         color: #000000;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 100%;
         background-color: #FFF;
    .twoColFixRtHdr #container {
         width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
         background: #FFFFFF;
         text-align: left; /* this overrides the text-align: center on the body element. */
         font-family: Arial, Helvetica, sans-serif;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
         top: 10px;
         padding-top: 10px;
         clear: both;
    .twoColFixRtHdr #header {
         height: 180px;
         padding-top: 10px;
         padding-right: 0px;
         padding-bottom: 5px;
         padding-left: 0px;
         border-top-width: 1px;
         border-right-width: 0px;
         border-bottom-width: 5px;
         border-left-width: 0px;
         border-top-style: solid;
         border-bottom-style: solid;
         border-top-color: #999;
         border-bottom-color: #000;
         margin-top: 5px;
         margin-bottom: 0px;
    .twoColFixRtHdr #container #sidebar1 img {
         padding-top: 10px;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: #999;
         margin-bottom: 0px;
         padding-bottom: 10px;
         padding-left: 10px;
    .twoColFixRtHdr #header h1 {
         margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
         padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .twoColFixRtHdr #sidebar1 {
         width: 315px;
         padding: 0px;
         top: 200px;
         float: right;
    .twoColFixRtHdr #mainContent {
         width: 643px;
         padding-top: 10px;
         border-right-width: 1px;
         border-right-style: solid;
         border-right-color: #999;
         overflow: hidden;
         top: 230px;
         position: absolute;
         clear: right;
    .twoColFixRtHdr #footer {
         background:#DDDDDD;
         top: 50px;
         clear: both;
         padding-top: 0;
         padding-right: 10px;
         padding-bottom: 0;
         padding-left: 20px;
    .twoColFixRtHdr #footer p {
         margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
         padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
         float: left;
         margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
         clear:both;
         height:0;
         font-size: 0px;
         line-height: 0px;
    .spacer { 
         clear: both; 
    .twoColFixRtHdr #container #mainContent #article_main_head {
         font-family: Arial, Helvetica, sans-serif;
         top: 10px;
         width: 635px;
         float: left;
    .twoColFixRtHdr #container #mainContent #article_img {
         width: 630px;
         float: left;
         margin-top: 10px;
         clear: both;
    .twoColFixRtHdr #container #mainContent #article_main_txt {
         float: right;
         width: 450px;
         clear: both;
         padding-top: 10px;
         height: 500px;
    .twoColFixRtHdr #container #mainContent #article_main_pq {
         clear: both;
         float: left;
         width: 180px;
         margin-top: 100px;
    Here is my html:
                                                                   Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend  sollicitudin, molestie id, varius et, nibh. Donec nec libero. 
    Loading news. please wait...                                   
    Loading news. please wait...                    
    Loading news. please wait...            
          Footer 

    This CSS sends up a red flag:
    .twoColFixRtHdr #mainContent {
         width: 643px;
         padding-top: 10px;
         border-right-width: 1px;
         border-right-style: solid;
         border-right-color: #999;
         overflow: hidden;
    /******DELETE THE FOLLOWING*****/
         top: 230px;
         position: absolute;
         clear: right;
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Container overflow problem

    I am new to all of this.  I am not sure how to get the page to resize to include all content in the page, as you can see at the bottom the email addresses are not enclosed before the footer.  What do I need to change???  Thank you for all suggestions.
                                                                                                                                                        Sign up for
                The Alliance Insider                                                                                       
    Home
    Media
    About NEPA
    Training
    Publications
    Contact Us
    Division Services
    Business
    Government
    Marketing
    Membership
    Non-Profit
    Regional Grants
    Research/Data
    /Transportation/RPO - Background & Statistics.html
    Contact Staff
            Michael Horvath
            Debbie Phillips
                 Michael Horvath             Debbie Phillips                                    Program Manager             Program Staff                                    Ext.247             Ext.233                   
                  Export Finance              
                  Currently available in Australia/New Zealand, Chile, China - Shanghai, India, Japan, Mexico, Singapore, South Africa and Taiwan, Envoy offers PA companies a high-performance, cost-effective and low-risk method of building a continuous marketing and sales presence in country. Participating offices will hire part or full time employees on your behalf – saving you time and money and reducing your risk and liability. Specific short-term and project based agreements can also be arranged to meet your company’s specific requirements.
                               International - Home     Envoy         Export Finance Program     IBC     MAG     PA Export Network     Trade Missions & Shows     Virtual Trade Advisor   
             Site Map         Privacy          Policies         Copyright         Webmaster           

    Sorry,
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
    <!-- TemplateBeginEditable name="doctitle" --><title></title><!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="../mm_entertainment.css" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
       var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    //-->
    </script>
    <script type="text/javascript">
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    MM_reloadPage(true);
    function MM_showHideLayers() { //v9.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3)
      with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
    function MM_callJS(jsStr) { //v2.0
      return eval(jsStr)
    function mailto(domain,user)
    document.location.href = "mailto:" + user + "@" + domain;
    function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    </script>
    <style type="text/css">
    <!--
    .style1 {
    font-size: 10px;
    text-decoration: none;
    -->
    </style>
    <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../Pluginlab/Scripts/PLHFO14.css" type="text/css" />
    <style type="text/css">
    <!--
    body  {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #660033;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #FFFFFF;
    left: auto;
    text-transform: none;
    width: 800px;
    top: 240px;
    height: auto;
    .thrColFixHdr #container {
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    overflow: hidden;
    .thrColFixHdr #header {
    background: #FFFFFF;
    padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .thrColFixHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .thrColFixHdr #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 125px; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
    background-color: #FFFFFF;
    .thrColFixHdr #sidebar2 {
    float: right; /* since this element is floated, a width must be given */
    width: 227px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 2px 2px 2px 2px; /* padding keeps the content of the div away from the edges */
    visibility: visible;
    top: 240px;
    .thrColFixHdr #mainContent {
    margin-top: 0;
    margin-right: 175px;
    margin-bottom: 0;
    margin-left: 145px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    .thrColFixHdr #footer {
    background-color: #B8C7DC;
    bottom: auto;
    color: #FFFFFF;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    .thrColFixHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .style2 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-transform: none;
    .style7 {font-size: 12px}
    .style10 {font-weight: bold}
    .style14 {font-weight: bold}
    .style15 {font-size: 11px; }
    .style16 {font-family: Arial, Helvetica, sans-serif}
    -->
    </style>
    <!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <!--breadcrumbsscript-->
    <script language="JavaScript"  type="text/javascript">
    function breadCrumbs(base,delStr,defp,cStyle,tStyle,dStyle,nl) { // by Paul Davis - http://www.kaosweaver.com
    loc=window.location.toString();subs=loc.substr(loc.indexOf(base)+base.length+1).split("/") ;
    document.write('<a href="'+getLoc(subs.length-1)+defp+'" class="'+cStyle+'">Home</a>'+'<span class="'+dStyle+'">'+delStr+'</span> ');
    a=(loc.indexOf(defp)==-1)?1:2;for (i=0;i<(subs.length-a);i++) { subs[i]=makeCaps(unescape(subs[i]));
    document.write('<a href="'+getLoc(subs.length-i-2)+defp+'" class="'+cStyle+'">'+subs[i]+'</a>'+'<span class="'+dStyle+'">'+delStr+'</span> ');}
    if (nl==1) document.write("<br>");document.write('<span class="'+tStyle+'">'+document.title+'</span>');
    function makeCaps(a) {
      g=a.split(' ');for (l=0;l<g.length;l++) g[l]=g[l].toUpperCase().slice(0,1)+g[l].slice(1);
      return g.join(" ");
    function getLoc(c) {
      var d="";if (c>0) for (k=0;k<c;k++) d=d+"../"; return d;
    </script>
    <!--closebreadcrumbsscript-->
    <script type="text/javascript" src="../TDE_AppCalendar/public.js"></script>
    <script type="text/javascript">initAppCalendar("cal1",1,2,"ENG",{m1:"Please schedule your event."});</script>
    <script type="text/javascript">initAppCalendar("cal2",1,2,"ENG",{m1:"Please, select your appointment."});</script>
    <!-- TemplateEndEditable -->
    </head>
    <body class="thrColFixHdr">
    <table class="thrColFixHdr">
      <tr bgcolor="#FFFFFF">
        <td width="822" style="height:auto;" valign="top"><table width="739">
          <tr><td width="797" class="style1" style="width:auto;">
          <!--Search Box-->
          <div id="Layer1" style="position:absolute; left:608px; width:193px; z-index:1; height:62px; top:36px;">
            <div align="right">
              <script type="text/javascript">
    // Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
    // For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
    // This notice must stay intact for use
    //Enter domain of site to search.
    var domainroot="www.nepa-alliance.org"
    function Gsitesearch(curobj){
    curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
          </script>
              <form action="http://www.google.com/search" method="get" onsubmit="Gsitesearch(this)">
                <input name="q" type="hidden" />
                <input name="qfront" type="text" style="width: 160px" />
                <input type="submit" value="Search"
    />
              </form>
            </div>
          </div><!--endSearchBox-->
          <!-- TemplateBeginEditable name="Webheader" -->
          <!--Webbackground-->
          <div id="Layer7" style="top:20px; z-index:33; left:2px; visibility:visible; width:797px; height:120px; background-image: url(file:///U|/Unnamed Site 3/IMAGES/Webheader3b.jpg)"></div>
          <!--CloseWebbackgound-->
          <!-- TemplateEndEditable -->
       <!-- TemplateBeginEditable name="cornericons" -->
          <!--Corner Icons-->
          <div id="Layer3" style="position: absolute; left:689px; top:111px; width:35px; z-index:66; height: 36px;" onmouseup="MM_callJS('print(); ')"></div>
          <div id="Layer2" style="position: absolute; left:726px; top:111px; width:31px; z-index:66; height: 36px;" onclick="MM_goToURL('parent','mailto:[email protected]');return document.MM_returnValue"></div>
          <div id="Layer4" style="position: absolute; left:759px; top:111px; width:31px; z-index:66; height: 36px;" onclick="MM_goToURL('parent','mailto:[email protected]');return document.MM_returnValue"></div>
          <!--Closecornericons-->
          <!-- TemplateEndEditable -->
          <!--AllianceInsiderSignup-->
          <div id="Layer5" align="center" style="position:absolute; font-size:9px; left: 479px; top:36px; width: 141px; height: 68px;">
            <form action="http://visitor.constantcontact.com/d.jsp" method="post" name="ccoptin" target="_blank" id="ccoptin" style="margin-bottom:3px;">
              <span style="background-color: #333399; float:right; margin-right:5; margin-top:3;"><img src="http://img.constantcontact.com/ui/images1/visitor/email1_trans.gif" alt="Email Newsletter icon, E-mail Newsletter icon, Email List icon, E-mail List icon" border="0" /></span>
              <input type="text" name="ea2" size="20" value="" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; border:1px solid #999999;" />
              <input type="submit" name="go2" value="GO" class="submit"  style="font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;" />
              <input type="hidden" name="m2" value="1101959176940" />
              <input type="hidden" name="p2" value="oi" />
              <font style="font-weight: bold; font-family:Arial,'Times New Roman',Times,serif; font-size:11px; color:#006699;">Sign up for <br />
                The Alliance Insider </font>
            </form>
          </div>
          <!--CloseAllianceInsider-->
          <!-- TemplateBeginEditable name="breadcrumbs" -->
          <!--breadcrumbs-->
          <div id="Layer9" style="postion: absolute; left: 4px; top: 113px; width: 797px;">
            <script language="JavaScript" type="text/javascript">breadCrumbs("www.nepa-alliance.org",">","nepa-alliance.html","None","None","None","0");</script>
          </div>
          <!--Closebreadcrumbs-->
          <!-- TemplateEndEditable -->
          <div id="Layer6" style="left: 4px; top: 133px; width: 797px;"></div>   
            <!-- TemplateBeginEditable name="globalmenu" -->
          <!--topglobalmenu--><div id="PLHFOeAKcQGCDiv" style="width:648px;height:42px;position:relative;z-index:1000;">
    <div style="width:648px;height:21px;text-align:center;"><ul style="margin:0 auto;padding:0px;width:648px;height:21px;font-family:Geneva,Arial,Helvetica,sans-serif;fo nt-size:11px;font-weight:bold;"><li style="display:block;float:left;width:108px;height:21px;text-align:center;background-colo r:#bccade;"><a style="display:block;padding:4px 6px 0px 6px;text-decoration:none;color:#00008b;" href="#">Home</a></li><li style="display:block;float:left;width:108px;height:21px;margin-left:0px;text-align:center ;background:#bccade url(../Pluginlab/NEWWEB%20MENU/arrow2.gif) no-repeat 96px 50%;"><a style="display:block;padding:4px 18px 0px 6px;text-decoration:none;color:#00008b;" href="#">Media</a></li><li style="display:block;float:left;width:108px;height:21px;margin-left:0px;text-align:center ;background:#bccade url(../Pluginlab/NEWWEB%20MENU/arrow2.gif) no-repeat 96px 50%;"><a style="display:block;padding:4px 18px 0px 6px;text-decoration:none;color:#00008b;" href="../AboutUspages/About NEPA.html">About NEPA</a></li><li style="display:block;float:left;width:108px;height:21px;margin-left:0px;text-align:center ;background:#bccade url(../Pluginlab/NEWWEB%20MENU/arrow2.gif) no-repeat 96px 50%;"><a style="display:block;padding:4px 18px 0px 6px;text-decoration:none;color:#00008b;" href="#">Training</a></li><li style="display:block;float:left;width:108px;height:21px;margin-left:0px;text-align:center ;background:#bccade url(../Pluginlab/NEWWEB%20MENU/arrow2.gif) no-repeat 96px 50%;"><a style="display:block;padding:4px 18px 0px 6px;text-decoration:none;color:#00008b;" href="#">Publications</a></li><li style="display:block;float:left;width:108px;height:21px;margin-left:0px;text-align:center ;background:#bccade url(../Pluginlab/NEWWEB%20MENU/arrow2.gif) no-repeat 96px 50%;"><a style="display:block;padding:4px 18px 0px 6px;text-decoration:none;color:#00008b;" href="#">Contact Us</a></li></ul></div><div style="width:648px;height:21px;text-align:center;"></div><script type="text/javascript">var PLHFO_ID="PLHFOeAKcQGC"</script><script type="text/javascript" src="../Pluginlab/Scripts/PLHFO16.js">/* PLHFOMenu script ID:PLHFOeAKcQGC */</script>
    </div>
          <!--Closeglobalmenu-->
          <!-- TemplateEndEditable -->
            <!-- end #header -->
    <div id="sidebar1">
      <!--VerticalMenu-->
      <div id="sidebarnav" style="top: 155px;">
        <div id="PLVFOXXIEHVADiv" style="width:125px;position:absolute;left:2px;top:225px;z-index:1000;">
    <div><ul style="float:left;margin:0;padding:1px;width:121px;font-family:Arial,Helvetica,sans-serif ;font-size:11px;font-weight:bold;border:solid 1px #6b4b1b;background-color:#6985b4;"><li style="display:block;float:left;width:113px;height:14px;padding:1px 4px 0px 4px;font-weight:bold;text-align:center;color:#fef2a0;">Division Services</li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="#">Business</a></li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="#" title="Government Services">Government</a></li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="#">Marketing</a></li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="#">Membership</a></li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="../NCAC/NCAC%20Home.html">Non-Profit </a></li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="../Regional/Regional%20Grant%20Programs.html" title="Regional Grant Programs">Regional Grants </a></li><li style="display:block;float:left;width:121px;height:15px;margin-top:1px;text-align:left;ba ckground:#6985b4 url(../Pluginlab/fo_arrow_w.gif) no-repeat 114px 50%;"><a style="display:block;padding:1px 13px 0px 6px;text-decoration:none;color:#ffffff;" href="../Research-Data/Research%20&%20Data%20Home.html">Research/Data</a></li></ul></div> <script type="text/javascript">var PLVFO_ID="PLVFOXXIEHVA"</script><script type="text/javascript" src="../Pluginlab/Scripts/PLVFO2.js">/* PLVFOMenu script ID:PLVFOXXIEHVA */</script>
    </div>
        <!--CloseVertical Menu-->
        <!--Program IconsleftCenter-->
        <div id="Layer22" style="position:absolute; font-size:9px; list-style-type:upper-alpha; left:26px; top: 488px; width: 100px; height: 35px;"><a href="../International/International - Home.html"><img src="../IMAGES/International/International-Business-Logo.jpg" alt="International Trade" width="100" height="36"border="0" /></a></div>
        <div id="Layer23" style="position:absolute; font-size:9px; list-style-type:upper-alpha; left:26px; top: 527px; width: 100px; height: 22px;"><a href="../Telecommunications/Telecommunications.html"><img src="../Telecommunications/Telecommunicationssm.jpg" alt="Telecommunications" width="100" height="15" border="0"/></a></div>
        <div id="Layer8" align="left" style="position:absolute; left: 26px; width: 45px; height: 43px; top: 621px;"><a href="../Focus81/index.htm"><img src="../IMAGES/Focus 81/Focus81sm_f01.jpg" width="43" height="43" alt="Focus 81" border="0"/></a></div>
        <div id="Layer8" style="position:absolute; left:25px; top: 446px; height: 38px; width: 101px;"> <a href="../ptac/index.htm"><img src="../ptac/Images/PTACsm1.jpg" alt="Procurement Technical Assistance Center" width="100" height="38" border="0"/></a></div>
        <div id="Layer10" style="position:absolute; left:76px; top: 620px; width: 43px; height: 42px;"> <a href="http://www.nepa-alliance.org/gmap.htm"><img src="../IMAGES/GMAP/GMAP.jpg" alt="GMAP" border="0"/></a></div>
        <div id="Layer11" style="position:absolute; left:24px; top: 572px; width: 102px; height: 43px;"align="left"><img src="../IMAGES/MTAP/MTAP.jpg" alt="Municipal Technology Assistance Center" width="100" height="46" /></div>
        <div id="Layer24" style="position:absolute; left:25px; top: 695px; width: 101px; height: 36px;"align="left"><a href="../Energy/Energy.html"><img src="../Energy/Energy&Evironment.jpg"alt="Energy &amp; Environment" border="0"/></a></div>
        <div id="Layer21" style="position:absolute; left:27px; top: 668px; width: 100px; height: 22px;"><a href="../Regional/Regional Grants.html"><img src="../IMAGES/Regional/Regionalsm.jpg" alt="Regional Grants &amp; Loan Programs" border="0"/></a></div>
        <div id="Layer25" style="position:absolute; left:25px; top: 733px; width: 101px; height: 36px;"align="left"><a href="../Transportation/RPO - Background & Statistics.html"></a><a href="../Transportation/RPO - Background & Statistics.html"><img src="../IMAGES/Transportation/Transportation1sm.jpg" alt="Transportation Programs" border="0"/></a></a></div>
        <div id="Layer12" style="position:absolute; left:25px; top: 397px; width: 101px; height: 40px;"><a href="../NCAC/NCAC Home.html"><img src="../IMAGES/NCAC/NCACsm.jpg" alt="NonProfit &amp; Community Assistance Center" width="100" height="45" border="0" /></a></div>
        <div id="Layer13" style="position:absolute; left:26px; top: 357px; width: 91px; height: 25px;"><a href="../Business Finance/Business Finance - Home.html"><img src="../IMAGES/Business Finance/Business-Finance-Sm.jpg" alt="Business Finance" width="100" height="36"border="0" /></a></div>
        <div id="Layer14" style="position:absolute; left:25px; top: 545px; width: 91px; height: 25px;"><a href="../Research-Data/Research & Data Home.html"><img src="../IMAGES/Research-Dev/research.jpg" alt="Research &amp; Information" border="0"/></a></div>
        <!--Program Names/Contact inf-->
        <!--Program Names/Contact inf-->
        <div id="Layer21" style="position: absolute; width:125px; left: 15px; z-index: 75; float: left; top: 780px;"> <span class="style2 style16" style="width: 125px; border:none; text-decoration:underline; color: #000000; font-size: 11px; font-weight: bold;">Contact Staff</span><span class="style16 style15"><br />
            <a href="mailto:[email protected]" class="style7 style43" style="width: 125px; border:none; text-decoration:underline; color: #0000FF;  font-weight: bold;"><strong>Michael Horvath</strong></a><strong><br />
            <a href="mailto:[email protected]" class="style43 style7" style="width: 125px;border:none; text-decoration:underline; color: #0000FF;  font-weight: bold;">Debbie Phillips</a></strong></span><br class="clearfloat" /></div>
        <!--endProgramContactInf-->
        <!--endProgramIconsCenter-->
        <!-- end #sidebar1 -->
      </div>
    </div>
    <div id="sidebar2" style="top: 200px; width: 175px;"><!-- TemplateBeginEditable name="goldblockresize" --><img src="../goldblock.jpg" width="175" height="162" /><img src="../2ptpxspaceholder.jpg" /><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="orangeblockresize" --><img src="../orangeblock.jpg" alt="Orange Block Background" width="175" height="160" /><img src="../2ptpxspaceholder.jpg" /><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="dkblue background block" --><img src="../dkblueblock.jpg" alt="dkblue background block" width="175" height="231" /><!-- TemplateEndEditable -->
      <!-- end #sidebar2 --></div>
      <!-- center content -->
      <!--for page title inf & Pic immediately after div before second div-->
      <div id="mainContent" style="font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; height: auto;">
        <hr style="color: #003399; top:225px;"/>
        <!-- TemplateBeginEditable name="rightcontact" -->
            <div class="style1" id="Layer16" style="position: absolute; width:277px; left: 178px; z-index: 75; float: left; top: 199px; height: 68px;">
              <table style="font-size:11px;">
                <tr>
                  <td width="120"><a class="style43" style="width: 125px; height: 15px; border:none; text-decoration:underline; color: #0000FF;  font-weight: bold;" href="mailto:[email protected]">Michael Horvath</a></td>
                  <td width="102"><a class="style43" style="width: 125px; height: 15px; border:none; text-decoration:underline; color: #0000FF;  font-weight: bold;" href="mailto:[email protected]">Debbie Phillips</a></td>
                </tr>
                <tr>
                  <td><span class="style14 style35 style10">Program Manager</span></td>
                  <td><span class="style14 style35 style10">Program Staff</span></td>
                </tr>
                <tr>
                  <td><span class="style14 style35 style10">Ext.247</span></td>
                  <td><span class="style14 style35 style10">Ext.233</span></td>
                </tr>
              </table>
            </div>
            <!-- TemplateEndEditable --><br />
            <br />
            <br /><br />
            <img align="right" img src="../International/International Business Logohdr.jpg" alt="International" width="200" height="73" /><img align="left" src="../International/PA-Center-for-Dev-copy.jpg" alt="PA Center For Trade Development" /><br />
            <br />
                  <br />
                  <br />
                  <br />
                  <!-- TemplateBeginEditable name="pagetitle" --><span id="Layer17" style="z-index: 75; height: 24px; font: Geneva, Arial; font-size:25px; color: #000000;"><strong></strong></span><!-- TemplateEndEditable -->
                  <br />
                  <hr style="color: #003399; top:225px;"/>
                  <!-- TemplateBeginEditable name="pagetext" -->
                  <!--for pagetext--><br />
    Currently available in Australia/New Zealand, Chile, China - Shanghai, India, Japan, Mexico, Singapore, South Africa and Taiwan, Envoy offers PA companies a high-performance, cost-effective and low-risk method of building a continuous marketing and sales presence in country. Participating offices will hire part or full time employees on your behalf – saving you time and money and reducing your risk and liability. Specific short-term and project based agreements can also be arranged to meet your company’s specific requirements.
    <div id="Layer18" style="position: absolute; top:433px; width:400px; left: 195px; z-index: 75; height: 100%; font: Geneva, Arial; font-size:12px; color: #000000;"><span class="thrColFixHdr header#" style="font-size:16px;"></span></div>
    <!--end text-->
                  <!-- TemplateEndEditable --></div>
      <!--end page title inf & Pic -->
      <!--News/Eventstext-->
      <!-- TemplateBeginEditable name="news-events" -->
      <div id="Layer19" style="position: absolute; top:225px; width:170px; left: 654px; z-index: 75; height: 156px; font: System; font-size:9px; color: #000000; font-weight:800;"></div>
      <!-- TemplateEndEditable -->
      <!--endNews/Eventstext-->
      <!--Programs-->
      <!-- TemplateBeginEditable name="Programs" --><div id="Layer20" style="position: absolute; top:399px; width:199px; left: 612px; z-index: 75; height: 201px; font: System; font-size:9px; color: #000000; font-weight:800; list-style-image: url(../AboutUspages/IMAGES/bullet2_f01.gif);">
        <ul class="style8 style12" style="list-style-type:none; list-style-position:outside; color: #000000;">
          <li class="style15"><a href="../International/International - Home.html" title="International Home">International - Home</a></li>
          <li class="style15"><a href="International - ENVOY.html" title="International - Envoy">Envoy</a></li>
          <li class="style15"><a style="color:#000000;" href="International - Export Finance.html" title="Export Finance Program">Export Finance Program</a></li>
          <li class="style15"><a style="color:#000000;" href="../Docs/International/Publications/08-09 Quarterly IBC.pdf" title="Quarterly IBC">IBC</a></li>
          <li class="style15"><a style="color:#000000;" href="../Docs/International/MAG/Market Access Grant_Guidelines-08.pdf" title="Market Access Grant Guidelines">MAG</a></li>
          <li class="style15"><a href="International - PA Export Network.html" title="PA Export Network">PA Export Network</a></li>
          <li class="style15"><a href="../International/International - Trade Missions &amp; Shows.html" title="Trade Missions &amp; Shows">Trade Missions &amp; Shows</a></li>
          <li class="style15"><a style="color:#000000;" href="International - Virtual Trade Advisor.html" title="Virtual Trade Advisor">Virtual Trade Advisor</a></li>
        </ul>
      </div><!-- TemplateEndEditable -->
      <!--Programs-->
      <!--Calendar-->
      <!-- TemplateBeginEditable name="Calendar" -->
      <div id="Layer15" style="position: absolute; top:795px; width:171px; left: 633px; z-index: 75; height: 89px; font: System; font-size:9px; color: #000000; font-weight:800;">
        <input name="selDaycal2" type="hidden" id="selDaycal2" />
        <input name="selMonthcal2" type="hidden" id="selMonthcal2" />
        <input name="selYearcal2" type="hidden" id="selYearcal2" />
        <input name="selHourcal2" type="hidden" id="selHourcal2" />
        <input name="selMinutecal2" type="hidden" id="selMinutecal2" />
        <div style="z-index:1000;">
          <div id="cal2Container"></div>
        </div><br class="clearfloat" />
      </div>
      <!-- TemplateEndEditable -->
      <!--closeCalendar-->
      <!-- end #mainContent -->
      </div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
      <br class="clearfloat" />
    <div id="footer">
       <div align="center"><!-- TemplateBeginEditable name="footertable" -->
          <table cellpadding="1" cellspacing="1" style="width: 650px; border:thin;">
            <tr>
              <td width="140"><div align="center" style="color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;"><a href="../Footer/SiteMap.html"><strong>Site Map</strong></a></div></td>
              <td width="140"><div align="center" style="color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;"><a href="../Footer/Privacy Policy.html"><strong>Privacy </strong></a></div></td>
              <td width="140"><div align="center" style="color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;"><a href="../Footer/Policies.html"><strong>Policies</strong></a></div></td>
              <td width="140"><div align="center" style="color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;"><a href="../Footer/Copyright.html"><strong>Copyright</strong></a></div></td>
              <td width="140"><div align="center" style="color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;"><a href="../Footer/Webmaster.html"><strong>Webmaster</strong></a></div></td>
            </tr>
          </table>
       <!-- TemplateEndEditable -->
         <!-- end #footer -->
       </div>
    </div></td></tr></table></td></tr></table></div>
    <!-- end #container -->
    </body>
    </html>

  • Content not lining up in the sidebar with the content located in the main area?

    Hello, I’ve created a website using Dreamweaver CS4 and have come across an issue while using a template. The template I’m using is: 2 column fixed, right sidebar, header and footer. The problem seems to be in the sidebar where the content does not start at the top, it seems to be about 15px below the content in the main area. I can't find any CSS or any reason why it's starts where it does. It seems to look like even and as it should in Firefox, Google Chrome and Safari but not in IE9. The page is live at www.Lots2Homes.com and you'll see the content is lower in the right sidebar than in the main area to the left. The code for the home page and CSS is below. This has me going in circles, any help or ideas would be much appreciated. Thanks!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!-- Start of  no right click script -->
    <script type="text/javascript" src="includes/no_right_click.js"></script>
    <!-- End of  no right click script -->
    <meta name="norton-safeweb-site-verification" content="q5pn0zppxw16pngb17u9bt3gtuklju0mr-wug3hpwmudp0h70hgx44yjn2m3235nuxr6l17xlfnqszrz 3q3pjp75afqpecotqbh2pd6c485pxvehuee2wqihtjqa1uut" />
    <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="Search the MLS, Professional Buyer Programs, Marketing Plans, NH Information, Free Guides, Short Sale Information, NH Buyer and Seller Representation"/>
    <meta name="keywords" content="New Hampshire, Real Estate, Your Source for New Hampshire Real Estate, NH Real Estate Agent, Paul R. Martin, Buyer Agent, GRI, ABR, e-PRO, SFR, REALTOR, Listing Agent, Portsmouth, home for sale"/>
    <meta name="rating" content="General"/>
    <meta name="revisit-after" content="14 days"/>
    <meta name="Robots" content="All"/>
    <meta name="google-site-verification" content="hch3bvgPs2nwvn-waiOpfg4j9mJJTd5k-OZ-NiGFFr8" />
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
    <link rel="icon" href="http://www.lots2homes.com/images/favicon.ico" type="image/favicon.ico"/>
    <title>Lots2Homes.com - Your Source for NH Real Estate</title>
    <link href="css/2012_layout.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    .twoColFixRtHdr #mainContent {
    padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    margin-top: 0;
    margin-right: 344px;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(images/2-column/main-middle.png);
    background-repeat: repeat-y;
    .twoColFixRtHdr #sidebar1 {
    float: right; /* since this element is floated, a width must be given */
    width: 344px;
    padding:0px;
    margin:0px;
    background-image: url(images/2-column/r-sidebar-middle.png);
    background-repeat: repeat-y;
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixRtHdr #sidebar1 { width: 220px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixRtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixRtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        <?php require_once('includes/back_ground.php'); ?>
    </style>
    <script type="text/javascript">
        // <![CDATA[
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    // ]]>
    </script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-24136715-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    a:hover {
    color: #F00;
    -->
    </style></head>
    <body class="twoColFixRtHdr">
    <div id="container">
    <div id="header_flash_window">
      <?php require('includes/header_flash.php'); ?>
    </div>
      <div id="header">
        <?php require('includes/header.php'); ?>
      <!-- end #header --></div>
      <div id="navigation">
    <?php require('includes/navbar.php'); ?>
    </div><!--close nav-->
    <div id="top"></div>
    <div id="sidebar1">
    <div id="content">
    <div id="social-media-buttons">
      <a href="http://www.facebook.com/EPRO.AGENT" target="_blank"><img src="images/social_media/facebook_32.png" name="facebook_icon" width="35" height="36" border="0" id="facebook_icon" alt="Paul Martin facebook" /></a>
      <a href="http://www.flickr.com/lots2homes" target="_blank"><img src="images/social_media/flickr_32.png" name="flickr_icon" width="36" height="36" border="0" id="flickr_icon" alt="Paul Martin Flicker" /></a>
      <a href="http://www.linkedin.com/in/paulrmartin" target="_blank"><img src="images/social_media/linkedin_32.png" name="linkedin_icon" width="35" height="37" border="0" id="linkedin_icon" alt="Paul Martin Linkedin" /></a>
      <a href="http://www.lots2homes.com/weblog/" target="_blank"><img src="images/social_media/wordpress_32.png" name="wordpress_icon" width="35" height="36" border="0" id="wordpress_icon" alt="Paul Martin Wordpress" /></a>
      <a href="http://www.youtube.com/user/EstatesNland" target="_blank"><img src="images/social_media/youtube_32.png" name="youtube_icon" width="36" height="37" border="0" id="youtube_icon" alt="Paul Martin Youtube" /></a>
    <a href="http://www.delicious.com/save" target="_blank" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+ '&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"><img src="images/social_media/delicious_32.png" alt="Paul Martin Delicious" width="35" height="36" border="0" /></a>
    <a href="http://twitter.com/#!/Lots2Homes" target="_blank"><img src="images/social_media/twitter_32.png" alt="Paul Martin Twitter" width="35" height="36" border="0" /></a>
    </div>
    <div id="index_like"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FEPRO.AGENT&a mp;send=false&amp;layout=standard&amp;width=292&amp;show_faces=true&amp;action=like&amp;co lorscheme=light&amp;font=tahoma&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:80px;" allowTransparency="true"></iframe></div>
    <div id="stick"><div id="stik" style="width:225px;height:75px;text-align:center;"><a href= "http://www.stik.com/paul.martin" class="il" target="blank" style="position:relative;display:block;"><img src="http://www.stik.com/badge/image?v=1&amp;stikid=1005641" alt="Paul Martin, Realtor at Keller Williams Coastal Realty, is Recommended and Reviewed at Stik.com" title="Paul Martin, Realtor at Keller Williams Coastal Realty, is Recommended and Reviewed at Stik.com" style="border:0px; margin:0px;" /><iframe src= "http://www.stik.com/badge/frame?v=1&amp;stikid=1005641" frameBorder="0" scrolling="no" style="width:116px;height:36px; border:0px; position:absolute;left:98px; top:0px;"></iframe><br/></a><div class="l" style="height:18px;"><a href="http://www.stik.com/paul.martin" target="blank" style="font-family:Arial;font-size:9px;color:#3B5998;text-decoration:none;font-weight:nor mal;">Read Recommendations and Reviews on</a> <a href="http://www.stik.com" target="blank" style="font-family:Arial;font-size:9px;color:#3B5998;text-decoration:none;font-weight:nor mal;">Stik.com</a></div></div></div>
    <hr/>
    <div id="my_listings">
    <h2>My Current Listings</h2>
          <div id="Accordion1" class="Accordion">
            <div class="AccordionPanel">
              <div class="AccordionPanelTab">$139,900 - Raymond Ranch</div>
              <div class="AccordionPanelContent"><a href="listing_page_24_sesame.php"><img src="images/listings/24_sesame.jpg" width="299" height="198" alt="24 Sesame St St Raymond, NH" /></a></div>
            </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$194,900 - Northwood Ranch</div>
              <div class="AccordionPanelContent"><a href="listing_page_27_bass.php"><img src="images/listings/Harvey-Lake-Home-Northwood,.jpg" width="299" height="198" alt="27 Bass Rd Northwood, NH" /></a></div>
            </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$249,900 - Milton Custom Cape</div>
              <div class="AccordionPanelContent"><a href="listing_page_99_gold_milton.php"><img src="images/listings/99_gold_st.jpg" width="299" height="198" alt="99 Gold St Milton NH for sale by Paul Martin and Keller Williams Coastal Realty" /></a></div>
            </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$159,900 - Effingham Multi Unit</div>
              <div class="AccordionPanelContent"><a href="listing_page_108_champion_hill.php"><img src="images/listings/108_champion_hill.jpg" width="299" height="198" alt="108 Champion Hill Rd Effingham, NH" /></a></div>
            </div>
            <div class="AccordionPanel">
              <div class="AccordionPanelTab">$324,900 - Epsom Colonial</div>
              <div class="AccordionPanelContent"><a href="listing_page_206_copperline_epsom.php"><img src="images/listings/206_copperline/199x198.jpg" width="299" height="198" alt="206 Copperline Rd Epsom, NH" /></a></div>
            </div>
            <div class="AccordionPanel">
              <div class="AccordionPanelTab">$189,900 - Middleton Ranch</div>
      <div class="AccordionPanelContent"><a href="listing_page_60_lakeshore_middleton.php"><img src="images/listings/Sunrise-Lake-Home.jpg" width="299" height="198" alt="60 Lakeshore Dr Middleton, NH" /></a></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$259,900 - Exeter Duplex</div>
      <div class="AccordionPanelContent"><a href="listing_page_34_36_south_st.php"><img src="images/listings/34_36_south_st.jpg" width="299" height="198" alt="34-36 South St Exeter, NH" /></a></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$249,900 - Sunrise Lake Ranch</div>
              <div class="AccordionPanelContent"><a href="listing_page_86_lakeshore.php"><img src="images/listings/86-Lakeshore-Dr.jpg" width="299" height="198" alt="86 Lakeshore Dr Middleton, NH" /></a></div>
            </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$249,000 - Dover Point Colonial</div>
      <div class="AccordionPanelContent"><img src="images/listings/Colonial-Condex.jpg" width="299" height="198" alt="Dover Point Colonial sold by Paul Martin" /></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$235,500 - Chichester Cape</div>
      <div class="AccordionPanelContent"><img src="images/listings/26_cross_rd.jpg" width="299" height="198" alt="Sold by Paul Martin" /></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">$295,000 - Londonderry Colonial</div>
      <div class="AccordionPanelContent"><img src="images/listings/25_king_henry.jpg" width="299" height="198" alt="Sold by Paul Martin" /></div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Put Your Home for Sale Here!</div>
              <div class="AccordionPanelContent"><img src="images/listing_ad.jpg" width="299" height="198" alt="List your home for sale on Lots2Homes.com" /></div>
            </div>
          </div>
    </div>
    <hr />
    <div id="info_1">
    <h2>Will 2012 See Improvement? </h2>
    <p>by Carla Hill<br />
    <br />
    We’ve seen the effects of tight mortgage conditions over the last year. Existing and new homes sales have struggled and we are now left with sizable pent-up demand. Will this trend continue into 2012?<br />
    <br />
      For starters, consumer prices fell in October, meaning low wage workers and others struggling to make ends meet will find more affordability...
      <br />
    <br />
    <a href="Read" _mce_href="http://realtytimes.com/rtpages/20111121_realestateoutlook.htm">Read">http://re altytimes.com/rtpages/20111121_realestateoutlook.htm">Read More</a></p>
    </div>
    <hr />
    <div id="info_2">
    <h2>Timing the Real Estate Cycle</h2>
    <p>by Paul Martin<br />
    <br />
    Real estate cycles are created by an imbalance that occurs between the supply of available homes on the market and demand for these homes by ready willing and able buyers.<br />
    <br />
    The reasons for an over or under supply of homes and an over or under demand for these homes can differ from one cycle to another...<br />
    <br />
    <a href="Read" _mce_href="http://www.lots2homes.com/weblog/?p=84">Read">http://www.lots2homes.com/weblog /?p=84">Read More</a></p>
    </div>
    <hr />
    <div id="info_3">
    <h2>Thinking about a Short Sale?</h2>
    <p>If you're looking for Short Sale Information and assistance, I can help. As an SFR (Short Sale and Foreclosure Resource Specialist) and a LMC (Loss Mitigation Consultant), Shorts sales are one of my specialties!<br />
    <br />
    Don't lose time, call me today! I work hand in hand with The Loan Workout Group out of the Cater Law Office in Londonderry, one of New Hampshire’s most experienced and premiere Short Sale specialists. Together we work as a team to get your short sale accepted and your home sold in time to save you from foreclosure. </p>
    </div>
    <hr />
      <div id="sidebar_flash_ad">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="214" height="320" id="FlashID3" title="Loan Workout Group Ad">
          <param name="movie" value="flash/loan_workout_group.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="flash/loan_workout_group.swf" width="214" height="320">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="6.0.65.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div>
    </div>
         <div id="sidebar-bottom"></div>
      <!-- end #sidebar1 --></div>
    <div id="mainContent">
       <div id="content">
    <div id="welcome_message">
      <h1>Welcome to Lots2Homes.com - Your Source for NH Real Estate</h1>
    <p>As a New Hampshire REALTOR®, I designed and built <span class="bold">Lots2Homes.com</span> specifically to help people looking to purchase homes here in New Hampshire and to give our local home sellers an edge through technology driven marketing. The goal here on <span class="bold">Lots2Homes.com</span> is to become your leading source for NH real estate information and a helpful guide to purchasing and selling homes in the Rockingham, Strafford and Belknap county area.<br />
    <br />
    Here on <span class="bold">Lots2Homes.com</span> home buyers can search for available homes on the local MLS, sign up for automatic search notifications and look up information on every town found here in NH. Buyers also can receive great home buying tips through my complimentary <a href="buyer_guides.php">BUYER GUIDES</a> and get information on my full service <a href="my_buyers_program.php">Buyer Representation</a> as an <span class="bold">ABR REALTOR®</span>. My buyer program comes at no cost and can assist you from beginning to end in home buying process. It will help you to take advantage of the great buyer’s market were experiencing and it comes complete with a <a href="my_buyers_program.php">Buyer Bonus</a> just for signing up!<br />
    <br />
    Home sellers can get information here on how the local and <a href="housing_prices.php">national housing market</a> is trending and how leading edge marketing technology can help them sell their home in today’s challenging market conditions. Sellers will also be able to get information on how to price their home competitively with the help of a Pricing Study Analysis and find out how I’m helping NH home sellers succeed in today’s market as and <span class="bold">e-PRO Marketing Specialist</span> through <a href="my_marketing_plan.php">My Marketing Plan</a>. </p>
    </div>
    <hr/>
    <h2>Search for available New Hampshire Homes Now!</h2>
    <div id="quick_search_area"><img src="images/buttons/home-page-search.png" alt="Search for Homes Now" width="599" height="300" border="0" usemap="#Map2" />
      <map name="Map2" id="Map2">
        <area shape="rect" coords="40,28,274,223" href="http://www.lots2homes.idxco.com/idx/6152/basicSearch.php" target="_self" alt="MLS Quick Search" />
        <area shape="rect" coords="320,29,554,223" href="http://www.lots2homes.idxco.com/idx/6152/mapSearch.php" target="_self" alt="MLS Map Search" />
        <area shape="rect" coords="407,263,557,291" href="http://www.lots2homes.idxco.com/idx/6152/advancedSearch.php" target="_self" alt="MLS Advanced Search" />
      </map>
    </div>
    <br />
    <hr/>
    <div id="featured_property_title"><img src="images/featured_property_title.png" width="351" height="49" alt="Featured Property" /></div>
       <div id="featured_listing">
         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="212" height="132" id="FlashID2" title="27 Bass Rd Northwood, NH">
           <param name="movie" value="flash/27_bass.swf" />
           <param name="quality" value="high" />
           <param name="wmode" value="opaque" />
           <param name="swfversion" value="6.0.65.0" />
           <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
           <param name="expressinstall" value="Scripts/expressInstall.swf" />
           <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
           <!--[if !IE]>-->
           <object type="application/x-shockwave-flash" data="flash/27_bass.swf" width="212" height="132">
             <!--<![endif]-->
             <param name="quality" value="high" />
             <param name="wmode" value="opaque" />
             <param name="swfversion" value="6.0.65.0" />
             <param name="expressinstall" value="Scripts/expressInstall.swf" />
             <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
             <div>
               <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
               <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
             </div>
             <!--[if !IE]>-->
           </object>
           <!--<![endif]-->
         </object>
         <a href="listing_page_27_bass.php"><img src="images/featured_properties/27_bass_northwood.jpg" width="630" height="480" alt="Featured Listing" /></a></div>
      <br />
    <hr />
      <div id="buyer_program">
         <h2>My Buyers Program</h2>
        <p>In today's competitive real  estate market, timing and knowledge is everything. Do you have your home buying  strategy in place yet?<br />
          <br />
          As one of New Hampshire's Accredited Buyer Representative REALTORS®,  helping home buyers to succeed is one of my specialties. My program can assist you with:</p>
          <div id="abr_logo"><img src="images/icons/abr_oval_196.png" width="196" height="123" alt="ABR logo" /></div>
    <ul id="list">
      <li>Locating available homes that fit your search criteria in your preferred areas</li>
           <li>Negotiate price, terms and conditions that fit your needs and protect your interest</li>
           <li>Coordinate home inspections and the preparation of closing documents</li>
           <li>Resolve any closing issues as they arise to keep you on track  </li>
             <li>help you get the keys to your new home!</li>
          </ul>
    <p><span class="bold">Contact me today or</span> <a href="my_buyers_program.php" class="bold">READ MORE HERE</a><span class="bold"> for more information on</span> <a href="my_buyers_program.php" class="bold">My Buyers Program</a></p>
       </div>
       <hr/>
       <div id="marketing_plan">
       <h2>My Marketing Plan</h2>
       <p>Home Sellers face challenging market conditions these days. Gone are the days of just needing a sign out front to sell your home quickly  and for a great price. Buyers today have a crowded market to choose from and most are tech savvy as well. <br />
       </p>
       <div id="epro-logo"><a href="epro.php"><img src="images/icons/ePRO_196.png" alt="e-PRO logo" width="196" height="107" border="0" usemap="#Map3" /></a>
         <map name="Map3" id="Map3">
           <area shape="poly" coords="3,39,32,64,32,104,83,103,82,71,143,67,184,55,192,39,188,23,158,8,99,1,46,5,19,14, 4,26" href="#" />
         </map>
       </div>
       <p> They want to see as much as possible of your home online before making an appointment to see it in person.
         That's where my marketing expertise excels.<br />
      <br />
         As one of the few<span class="italic_and_bold"> e-PRO REALTORS®</span> in New Hampshire, I've been trained in all the latest web marketing techniques. <br />
      <br />
         I combine the power of web marketing with traditional marketing methods to maximize your home's exposure in a crowded market place.</p>
      <br />
      <center><span class="bold">Contact me today or</span> <a href="my_marketing_plan.php" class="bold">READ MORE HERE</a><span class="bold"> for more information on</span> <a href="my_marketing_plan.php" class="bold">My Marketing Plan</a></center>
       </div>
       <hr/>
       <div id="media-1">
    <div id="video-1">
      <embed src="http://c.brightcove.com/services/viewer/federated_f8/1465406675" bgcolor="#FFFFFF" flashvars="videoId=1288013534001&playerId=1465406675&viewerSecureGatewayURL=https://console.brightcove.com/services/amfgateway&servicesURL=http://services.brightcove. com/services&cdnURL=http://admin.brightcove.com&domain=embed&autoStart=false&" base="http://admin.brightcove.com" name="flashObj" width="400" height="320" seamlesstabbing="false" type="application/x-shockwave-flash" swliveconnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></e mbed>
    </div>
          <div id="video-1_text">
       <h3>October Existing-Home Sales Rise, While the Unsold Inventory Continues to Decline</h3>
       <hr />
       <p>Washington, DC, November 21, 2011
    Existing-home sales improved in October while the number of homes on the market continued to decline, according to the National Association of Realtors®.<br />
          Read more and get the full story  on <a href="REALTOR.Org.http://www.realtor.org/press_room/news_releases/2011/11/ehs_oct">REALTOR.Org.</a><a href="&lt;img src=&quot;images/icons/Realtor_org-logo_thumb.jpg&quot; width=&quot;160&quot; height=&quot;90&quot; alt=&quot;REALTOR.Org&quot; /&gt;"><img src="images/icons/Realtor_org-small.jpg" width="80" height="47" alt="Realtor.org" /></a></p>
        </div>
      </div>
      </div>
        <div id="main-bottom"></div>
    <!-- end #mainContent --></div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
    <div id="footer">
    <?php require('includes/footer_menu_6.php'); ?>
      </div>
    <!-- end #container --></div>
    </div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID2");
    swfobject.registerObject("FlashID2");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
    </body>
    </html>
    @charset "utf-8";
    /* CSS Document */
    #mainContent {
    padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    margin-top: 0;
    margin-right: 344px;
    margin-bottom: 0;
    margin-left: 0;
    background-repeat: repeat-y;
    background-image: url(../images/2-column/main-middle.png);
    #sidebar1 {
    float: right; /* since this element is floated, a width must be given */
    width: 344px;
    padding:0px;
    margin:0px;
    background-repeat: repeat-y;
    background-image: url(../images/2-column/r-sidebar-middle.png);
    body  {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    background-color: #5783A6;
    p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: justify;
    a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-decoration: underline;
    margin: 0px;
    h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    margin: 0px;
    h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    h4 {
    font-family: "Comic Sans MS", cursive;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    a {
    font-weight: bold;
    text-decoration: underline;
    color: #900;
    hr {
    margin-top: 10px;
    margin-bottom: 10px;
    #container {
    width: 1024px; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-right: auto;
    margin-left: auto;
    background-repeat: repeat-y;
    background-image: url(../images/2-column/bg.png);
    margin-top: 0px;
    padding: 0px;
    #header {
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-image: url(images/2-column/bg.png);
    background-repeat: repeat-y;
    #container #top {
    background-image: url(../images/extention_page/2_column/2_column_top_wide.png);
    background-repeat: no-repeat;
    width: 1024px;
    height: 38px;
    padding: 0px;
    #footer {
    padding: 0;
    background-image: url(images/2-column/bg.png);
    background-repeat: repeat-y;
    #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    #container #header_flash_window {
    position: absolute;
    margin-top: 182px;
    margin-left: 239px;
    border: 1px solid #848484;
    #container #sidebar1 #sidebar-bottom {
    background-image: url(../images/2-column/r-sidebar-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    #container #mainContent #main-bottom {
    background-image: url(../images/2-column/main-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    #container #sidebar1 #content {
    padding-right: 16px;
    padding-left: 13px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
    #mainContent #content {
    padding-right: 16px;
    padding-left: 30px;
    #mainContent #content #quick_search_area {
    padding-left: 20px;
    #content #featured_property_title {
    padding-left: 140px;
    #content #featured_listing #FlashID2 {
    clear: both;
    float: none;
    margin-top: 292px;
    margin-left: 391px;
    position: absolute;
    #mainContent #content #buyer_program #abr_logo {
    width: 196px;
    float: right;
    #mainContent #content #buyer_program #list li {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    #mainContent #content #marketing_plan #epro-logo {
    width: 196px;
    float: left;
    margin-right: 15px;
    #container #mainContent #content #marketing_plan p .bold {
    text-align: left;
    #container #mainContent #content #media-1 {
    width: 640px;
    height: 340px;
    #mainContent #content #media-1 #video-1 {
    width: 400px;
    float: left;
    #mainContent #content #media-1 #video-1_text {
    height: 320px;
    width: 220px;
    margin-left: 400px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 10px;
    #mainContent #content #media-1 #video-1_text p a img {
    float: right;
    margin-right: 65px;
    margin-top: 15px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    #container #sidebar1 #content #stick {
    padding-left: 44px;
    #container #sidebar1 #content #social-media-buttons {
    margin-bottom: 0px;
    margin-left: 22px;
    #container #sidebar1 #content #index_like {
    padding-left: 12px;
    #sidebar1 #content #my_listings {
    padding-left: 7px;
    #sidebar1 #content #info_1 {
    padding-right: 15px;
    padding-left: 15px;
    #sidebar1 #content #info_2 {
    padding-right: 15px;
    padding-left: 15px;
    #sidebar1 #content #info_3 {
    padding-right: 15px;
    padding-left: 15px;
    #sidebar1 #content #sidebar_flash_ad {
    padding-left: 50px;
    #container #container #mainContent2 {
    background-image: url(../images/2-column/thin-sidebar/main-middle.png);
    background-repeat: repeat-y;
    margin-right: 269px;
    #container #container #sidebar2 {
    width: 269px;
    float: right;
    background-image: url(../images/2-column/thin-sidebar/sidebar-middle.png);
    background-repeat: repeat-y;
    #container #sidebar2 #content {
    padding-right: 15px;
    padding-left: 11px;
    #sidebar2 #content #info-1 {
    padding-right: 10px;
    padding-left: 10px;
    #mainContent2 #main-bottom2 {
    background-image: url(../images/2-column/thin-sidebar/main-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    #mainContent2 #content {
    padding-left: 30px;
    padding-right: 15px;
    #sidebar2 #sidebar-bottom2 {
    background-image: url(../images/2-column/thin-sidebar/sidebar-bottom.png);
    background-repeat: no-repeat;
    height: 33px;
    #sidebar2 #content #paul_logo {
    margin-left: 7px;
    #listings-table table tr td {
    border: 1px solid 484848;
    height: 199px;
    width: 299px;
    #listings-table table tr td img {
    border: 1px solid #000;
    #navigation {
    height: 32px;
    margin: 0px;

    Your template contains an IE Conditional Comment that is adding 30px of top padding to  #sidebar1.  This padding may required in older versions of IE but not IE9.
    &lt;!--[if IE]>
    &lt;style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixRtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixRtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    &lt;![endif]-->
    To fix it, change [if IE]  to [if lt IE 9]
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Dreamweaver does not link any images or styling to my webpage

    Hi,
    I have been creating a webpage and have moved images from one folder to another and now the website will not display any images or styling. I have moved all the content back and it still doesn't show. I have created a completely new website with new images and styling and even now it still doesn't link the images to the "live view" (or when I open it in a browser). What have I messed up?
    Thanks in advance.
    Tom.

    Thanks for you quick response - Please note that even if I use a template it doesn't show any image I put in. Can you see a problem with this template code? I have put the HTML and then the CSS after
    PLEASE ALSO NOTE: I have completely re-done site management and moved images to where they should be. This has not worked.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="file:///C|/Users/admin/Desktop/tomstinhouse/twoColElsRtHdr.css" rel="stylesheet" type="text/css" /><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColElsRtHdr #sidebar1 { padding-top: 30px; }
    .twoColElsRtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    </head>
    <body class="twoColElsRtHdr">
    <div id="container">
      <div id="header">
        <h1>Header</h1>
      <!-- end #header --></div>
      <div id="sidebar1">
        <h3>sidebar1 Content</h3>
        <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p>
        <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. </p>
      <!-- end #sidebar1 --></div>
      <div id="mainContent">
        <h1> Main Content </h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. </p>
        <p>Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
        <h2>H2 level heading </h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
    <!-- end #mainContent --></div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
       <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    @charset "utf-8";
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    /* Tips for Elastic layouts
    1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
    2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
    3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
    .twoColElsRtHdr #container {
    width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    .twoColElsRtHdr #header {
    background: #DDDDDD;
    padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .twoColElsRtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    /* Tips for sidebar1:
    1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
    2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
    3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsRtHdr #sidebar1 p" rule.
    .twoColElsRtHdr #sidebar1 {
    float: right;
    width: 12em; /* since this element is floated, a width must be given */
    background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    .twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
    /* Tips for mainContent:
    1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
    2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
    3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
    4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
    .twoColElsRtHdr #mainContent {
       margin: 0 13em 0 10px; /* the left margin will look best if you match the padding amount to the header and footer. */
    .twoColElsRtHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .twoColElsRtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;

  • Strange gaps in Header and Footer

    Im getting gaps in the header and footer on some of my pages.  Sometimes the gaps are filled with the background color of the colomn and other times they are the body color which is even weirder.  An example link would be http://www.mojogar.com/pcRepair.aspx .  In IE8 I get a gap on top but not  the bottom.  In Firefox3 the gap is on the bottom and not the top.  ???
    here is the markup page;  (followed by the CSS)
    <%@ Page Language="VB" ContentType="text/html" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/masterOne.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <link href="thrColHybHdr.css" rel="stylesheet" type="text/css" /><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColHybHdr #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 30px; }
    .thrColHybHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="thrColHybHdr">
    <div id="container">
      <div id="header">
        <!-- end #header -->
        <div class="fltlft"><img src="images/mojoLogoSmall.png" alt="Mojogar digital design &amp; PC repair" width="172" height="41" border="0" usemap="#Map" />
          <map name="Map" id="Map">
            <area shape="rect" coords="2,2,172,39" href="default.html" target="_self" alt="Mojogar Home" />
          </map>
        </div>
    <div class="fltrt"><!-- InstanceBeginEditable name="HeadRight" -->HeadRight<!-- InstanceEndEditable -->
      </div>
      <div class="MenuVertDiv">
        <ul id="MenuBar2" class="MenuBarHorizontal">
          <li><a class="MenuBarItemSubmenu" href="#">Design</a>
            <ul>
              <li><a href="webDesign.aspx">Website Design</a></li>
              <li><a href="webDev.aspx">Website Development</a></li>
    <li><a href="logo.aspx">Logo Design</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Animation</a>
            <ul>
              <li><a href="webDev.aspx">Flash Animation</a></li>
    </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">Support</a>
            <ul>
              <li><a href="pcRepair.aspx">PC Repair</a>            </li>
              <li><a href="virus.aspx">Virus</a></li>
              <li><a href="email.aspx">Email</a></li>
              <li><a href="backup.aspx">Data Backup</a></li>
              <li><a href="wireless.aspx">Wireless</a></li>
              <li><a href="software.aspx">Software</a></li>
              <li><a href="hardwareInstall.aspx">Hardware</a></li>
    <li><a href="server.aspx">Server Repair</a></li>
    <li><a href="busConsult.aspx">Consulting</a></li>
            </ul>
          </li>
          <li><a href="contact.aspx">Contact</a></li>
        </ul>
      </div>
    <!-- end header --></div>
      <div class="masterBackground">
      <div id="sidebar2">
        <!-- InstanceBeginEditable name="rightSidebar" -->
      <div id="sidebar2">
        <h4>When your computer is having troubles, have a Professional look over your system to update or repair your operating system, audit the installed programs, and check for viruses and other malware.</h4>
        <!-- end #sidebar2 -->
      </div>
      <!-- InstanceEndEditable -->
        <!-- end #sidebar2 -->
      </div>
      <div id="mainContent">
        <!-- InstanceBeginEditable name="main" -->
      <div id="mainContent">
        <div class="MarginTopZero">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="300" title="Computer Support">
          <param name="movie" value="images/flash/PCCollage.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <embed src="images/flash/PCCollage.swf" quality="high" wmode="opaque" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="300"></embed>
        </object></div>
        <h2>Don't feel alone when your computer breaks.  Computer problems can leave you in the dark about what is wrong.  Help is a call away.</h2>
        <h4>Our tune-up and repair service consists of the following;</h4>
    <li>Operating system updates</li>
        <h5>Operating system updates help the security of the computer and can add features that the manufacturer has been working on to make the life of the end user easier.  Updates come out as frequently as every couple weeks on some operating systems.</h5>
        <li>Programs audit</li>
        <h5>Many <a href="software.aspx" title="Go to our software page" target="_self">applications</a> get added over time and can slow down the performance of any PC by taking up processor and memory resources, not to mention hard drive space.</h5>
        <li>Security overlook</li>
        <h5><a href="virus.aspx" target="_self">Anti-virus</a> definitions need to be kept up-to-date.  New viruses, spyware, trojans, and malware are always being introduced into the wild (the internet is a jungle).  Anti-virus applications need to be kept updated as well.  Subscriptions to paid providers can lapse and updates can be left behind for months if not years (I've seen it happen).</h5>
        <li>Anti-virus fine tuning</li>
        <h5>Many anti-virus programs are bloated applications and won't stop annoying the user with pop-ups and information.  Many users also never know when and how often their anti-virus is scanning.</h5>
        <li>Browser configuration</li>
        <h5>There are literally hundreds of options in your browsers settings for security and optimization.  Fine stunning these can in some cases increase surfing speed.</h5>  
        <li>Start-up & shut down optimizing</li>
        <h5>If your like most people, your PC never starts up fast enough.  Get a thorough audit of what programs and services are starting with your computer and optimize them to increase speed.</h5>
    <!-- end #mainContent -->
      </div>
      <!-- InstanceEndEditable -->
        <!-- end #mainContent -->
      </div>
      <!-- end masterBackground --></div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
    <%-- <br class="clearfloat" />
    --%>
       <div id="footer">
        <p>Copyright Mojogar 2010</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html>
    CSS:
    @charset "utf-8";
    body  {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #9FEE00;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #333;
    h1 {
    font-size: xx-large;
    color: #000;
    h2 {
    font-size: x-large;
    h3 {
    font-size: large;
    h4 {
    font-size: medium;
    h5 {
    font-size: small;
    h6 {
    font-size: x-small;
    p {
    font-size: xx-small;
    h1, h2 {
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    h3, h4, h5, h6, p {
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    li {
    font-weight: bold;
    ul {
    list-style-type: decimal;
    ol {
    font-weight: bold;
    a {
    a:link {
    color: #FFF;
    a:hover {
    color: #333;
    background-color: #6C8CD5;
    a:active {
    color: #F00;
    a:visited {
    color: #FF4848;
    /* Tips for this Hybrid layout
    1. Since the side columns em-based sizing is based on the user's default font size, you will want to be sure that background graphics in the columns take that into account. Built correctly, this is more accessible for those that need larger font sizes, since the width of the columns remains proportionate. If this is undesirable with your design, simply change the width to a pixel size and be sure to change the margins on the #mainContent div accordingly.
    2. Since the sizing of side columns in this layout are based on the 100% font size in the body element, if you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the column widths will downsize proportionately. You may want to increase their widths, and the size of the #mainContent div's side margins, to compensate for this.
    3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
    4. The #container div is not necessary for this layout at the 100% width. You may want to use it to create faux columns or limit the width of the layout.
    5. It is not neccessary to have the 100% width on the #container div since, by nature, a div takes up 100% of the available space. It is here so that if you want to decrease the size of the overall container - perhaps leaving a bit of margin on each side - this will already be available for adjustment.
    .thrColHybHdr #container {
    width: 780px;
    /*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
    text-align: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    .thrColHybHdr #header {
    background-color: #C9F76F;
    height: 100%;
    width: 780px;
    margin: 0px;
    padding: 0px;
    .thrColHybHdr #header h1 {
    margin: 0;
    padding: 0px;
    /* Tips for sidebar1:
    1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
    2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
    3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColHybHdr #sidebar1 p" rule.
    .thrColHybHdr #sidebar1 {
    width: 13em;
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: #C06;
    float: left;
    height: auto;
    .thrColHybHdr #sidebar2 {
    width: 200px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: right;
    /*.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
    margin-left: 0px;*/ /* the left and right margin should be given to every element that will be placed in the side columns */
    /* margin-right: 0px;
    /* Tips for mainContent:
    1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
    2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
    3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
    4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
    .thrColHybHdr #mainContent {
    text-align: center;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 580px;
    background-color: #2A4480;
    color: #C9F76F;
    padding: 0px;
    .MarginTopZero {
    margin: 0px;
    padding: 0px;
    .busConslt {
    height: 600px;
    width: 800px;
    .idea {
    height: auto;
    width: 100%;
    .thrColHybHdr #footer {
    padding: 0;
    background-color: #C9F76F;
    margin: 0px;
    .thrColHybHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    color: #000;
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 0px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    #defMainLft {
    width: 49%;
    float: left;
    text-align: center;
    #defMainRt {
    width: 49%;
    float: right;
    text-align: center;
    .absolRgt {
    position: absolute;
    top: 0px;
    right: 0px;
    .relRgt {
    position: relative;
    top: 0px;
    right: 0px;
    .defFull {
    position: relative;
    height: 263px;
    width: 100%;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #ff4900;
    .absolLft {
    position: absolute;
    top: 0px;
    left: 0px;
    .defFullTop {
    position: relative;
    width: 600px;
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: #000;
    margin: 0px;
    .tuneUpTop {
    background-color: #000;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    .contactForm {
    width: 470px;
    height: auto;
    left: auto;
    right: auto;
    .borderRight {
    border: medium solid #A62F00;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    .MenuVertDiv {
    margin-bottom: 0px;
    clear: both;
    height: 38px;
    background-color: #A62F00;
    width: 100%;
    .masterBackground {
    background-color: #BF5930;
    margin: 0px;
    padding: 0px;

    Your HTML code contains conditional comments for IE.  Try reducing or removing the extra padding and see if that helps.
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColHybHdr  #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 30px; }
    .thrColHybHdr  #mainContent { zoom: 1; padding-top: 15px; }
    /* the above  proprietary zoom property gives IE the hasLayout it needs to avoid  several bugs */
    </style>
    <![endif]-->
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • Having some problems with links

    OK, I've used this way of doing this for a while, but recently I started having trouble with getting this to work.
    I have a site with a link to the organization's current newsletter.  I have a "previous page" link so that you can go back to the page you came from in the main site.  The newsletter opens up in it's own blank page.  This link no longer works and I have no idea why.
    This is the code that is supposed to make this link work:  <a href="javascript:history.go(-1);">Previous Page</a>
    The second part of the problem involves the left sidebar links which are named achor links for within the newsletter page.  In the newsletter there are usually Program Recap articles which usually include a link to a separate page of event photos.  The page has the same sidebar links to the named anchors.  I used to be able to have these go back to the newsletter page to that named anchor.  But now I can't seem to make them work.
    What I've done in the past is to link back to the newsletter and at the end of this link to the page add the named anchor link like this:
    1112Visions_Iss1.html/#prezmessage
    Sometimes this works and sometimes not.  The problems don't end there.  Some of these links render the newsletter page with the photos some of the links go to a page that doesn't show the links.  At this point I have re-done all of the links, I have rebooted both Dreamweaver and Firefox and it just keeps doing the same thing.  I'm just baffled by this.
    I'll post the code for both pages in the hopes that someone can tell me what is not right and how to make this work.
    Here is the code for the newsletter's main page:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>NEOHFMA Visions Newsletter - 2010-2011 Issue 3</title>
    <style type="text/css">
    <!--
    body  {
        background: #666666;
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    .thrColFixHdr #container {
        width: 900px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        border: 1px solid #000000;
        text-align: left; /* this overrides the text-align: center on the body element. */
        background-color: #FFFFFF;
        background-image: url(../images/backgroundnl.jpg);
        background-repeat: repeat-y;
    .thrColFixHdr #header {
        background: #00568F;
        padding: 0 10px 0 15px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
        text-align: right;
    .thrColFixHdr #header h1 {
        margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
        padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
        font-size: 14px;
        color: #4282AC;
    .thrColFixHdr #sidebar1 {
        float: left; /* since this element is floated, a width must be given */
        width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
        padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
        background-color: #F90;
        height: auto;
    h3 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000;
    .thrColFixHdr #sidebar2 {
        float: right; /* since this element is floated, a width must be given */
        width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
        background: #B5D5FF; /* the background color will be displayed for the length of the content in the column, but no further */
        padding: 15px 10px 10px 15px; /* padding keeps the content of the div away from the edges */
        height: auto;
    .sidbar1_links {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #036;
        height: auto;
    .thrColFixHdr #mainContent {
        margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
        padding: 0 40px 0 5px;
        text-align: left;
    .thrColFixHdr #footer {
        padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#003366;
    .thrColFixHdr #footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        color: #FFF;
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
        margin-top: 8px;
        margin-bottom: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .issue {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
    .date {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        font-style: italic;
        color: #FFF;
        text-decoration: none;
    .thrColFixHdr #container #header table {
        font-size: 12px;
    body,td,th {
    .visions {
        margin-top: 5px;
        margin-bottom: 2px;
        font-size: 80px;
        line-height: 80px;
        font-family: "Arial Black", Gadget, sans-serif;
    .mastlineone {
        font-weight: normal;
        color: #FFF;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
    a:link {
        color: #03F;
        text-decoration: none;
    a:visited {
        text-decoration: none;
        color: #009;
    a:hover {
        text-decoration: underline;
    a:active {
        text-decoration: none;
    .style28 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; float: none; margin-right: 5px; }
    .style39 {color: #000000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class="thrColFixHdr">
    <div id="container">
      <div id="header">
    <!-- end #header -->
      <table width="870" border="0" cellspacing="2" cellpadding="0">
        <tr>
          <td width="670" rowspan="3" align="left" valign="top"><h1 class="sidbar1_links"><span class="mastlineone"><a name="top" id="top"></a>Northeast Ohio Chapter HFMA</span><br />
            <span class="visions">Visions</span></h1></td>
          <td width="194" height="15"> </td>
        </tr>
        <tr>
          <td align="right"><p class="issue">2011 - 2012 Issue 1</p></td>
        </tr>
        <tr>
          <td height="34" align="right" valign="top" class="date">July 30, 2011</td>
        </tr>
      </table>
      </div>
      <div id="sidebar1">
      <h3>In this Issue:</h3>
        <table width="150" border="0" align="left" cellpadding="5" cellspacing="0" class="sidbar1_links">
          <tr>
            <td align="left" valign="top"><a href="#prezmessage" target="_self">[President's Message]</a></td>
          </tr>
          <tr>
            <td align="left" valign="top"><a href="#spotlight" target="_self">[New Members Spotlight]</a></td>
          </tr>
          <tr>
            <td><a href="#newmembers" target="_self">[New Members]</a></td>
          </tr>
          <tr>
            <td><a href="#welcomeback" target="_self">[Welcome Back]</a></td>
          </tr>
          <tr>
            <td><a href="#certification" target="_self">[HFMA Certification]</a></td>
          </tr>
          <tr>
            <td><a href="#recaps" target="_self">[Program Recaps]</a></td>
          </tr>
          <tr>
            <td><a href="#savethedate" target="_self">[Save the Date]</a></td>
          </tr>
          <tr>
            <td><a href="#kudos" target="_self">[Kudos]</a></td>
          </tr>
          <tr>
            <td><a href="#edarticles" target="_self">[Educational Articles]</a></td>
          </tr>
          <tr>
            <td><a href="#sponsorscorner" target="_self">[Sponsor's Corner]</a></td>
          </tr>
          <tr>
            <td><a href="#membershipdirectory" target="_self">HFMA's Online Membership Directory</a></td>
          </tr>
          <tr>
            <td><a href="#puzzle" target="_self">[Puzzle]</a></td>
          </tr>
          <tr>
            <td><a href="../newsletter_archive.html" target="_self">[Newsletter Archive]</a></td>
          </tr>
          <tr>
            <td> </td>
          </tr>
        </table>
        <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>
        <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>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
        <p class="sidbar1_links"> </p>
    </div>
      <div id="sidebar2">
        <h3><a href="javascript:history.go(-1);">Previous Page</a></h3>
        <h3>Our Corporate Sponsors</h3>
        <p>We gratefully acknowledge the commitment of our Corporate Sponsors who assist in the funding of the Chapter's programs and activities</p>
        <p><strong>President's Club</strong><br />
        FirstCredit International<br />
        Healthcare Resolutons Svcs    <br />
          Human Arc Corp.<br />
        <br />
          <strong>Platinum Club</strong><br />
          Alta Partners LLC<br />
          Fenner Corp      <br />
          Joseph R Harrison Co., LPA <br />
          JP Recovery Services<br />
          Plant &amp; Moran      <br />
          RSM McGladrey<br />
          <strong><br />
          Gold Club</strong><br />
          CBE Group<br />
          KPMG, LLP      <br />
        </p>
        <p><strong>Silver Club</strong><br />
          The ROI Companies</p>
        <p><strong>Bronze Club</strong><br />
          BKD<br />
          Bruner Cox, LLP<br />
          Calfee, Halter &amp; Griswold LLP<br />
          Head Mercantile      <br />
          MediQuant, Inc.      <br />
          Quadax, Inc.<br />
          UCB, Inc.<br />
        Wise Management Services Inc.</p>
        <hr />
        <p><strong>2010-2011<br />
          HFMA Northeast Ohio<br />
        Chapter Officers</strong></p>
        <p><strong>President</strong><br />
        Susan R. Flaherty, CPA</p>
        <p><strong>President-Elect</strong><br />
        Diane Lilko, CPA</p>
        <p><strong>Vice President</strong><br />
        Lisa Hilling</p>
        <p><strong>Chapter Secretary/Treasurer</strong><br />
        Geoffrey A. Himes, FHFMA, MBA </p>
        <p><strong>Chairman</strong><br />
        Michael J. Manfull</p>
        <p><strong>Chapter Coordinator</strong><br />
        Kathleen A. Much</p>
        <p><strong>Board of Directors</strong><br />
          Charles R. Alderson<br />
          Carl S. Ebner, CPA<br />
          Stanley Kasmarcak, CPA     <br />
          Holly M. Pelaia<br />
          Adam Schweikert<br />
        Suzanne M. Tschetter, CPA</p>
        <p><br />
          <em>Visit HFMA National at:</em><br />
          <strong><a href="http://www.hfma.org" target="_blank">www.hfma.org</a></strong></p>
        <p><em>Visit HFMA Northeast Ohio at:</em><br />
        <a href="http://www.neohfma.org" target="_blank"><strong>www.neohfma.org</strong></a><strong></strong></p>
        <hr />
        <p><strong>2011 GHALI Sponsors</strong></p>
        <p><strong>Booth Sponsors:<br />
        </strong>Human Arc <br />
        JP Recovery Services, Inc. Joseph R. Harrison Co., LPA First Credit Inc. (FCI)/RevCare Meridian Leasing Corporation McGladrey <br />
        Sakal / CAI <br />
        The ROI Companies</p>
        <p><strong>Golf Hole Sponsors:</strong><br />
          Human Arc<br />
          First Credit Inc. (FCI)/RevCare<br />
          McGladrey<br />
          National Enterprise<br />
        The ROI Companies</p>
        <p><strong>Other Categories: <br />
          </strong><em>Wine Tasting:</em> <br />
            JP Recovery Services, Inc. <br />
          <em>Wednesday Breakfast</em>: <br />
            National Enterprise <br />
          <em>Wednesday Lunch</em>:<br />
    Joseph R. Harrison Co., LPA<br />
          <em>Thursday Breakfast:</em> <br />
            Quadax, Inc. <br />
          <em>Thursday Keynote Speaker:</em> <br />
            Bruner-Cox LLP <br />
          <em>Thursday Keynote Speaker:</em>  <br /> 
             BKD, LLP <br />
          <em>Thursday Lunch:</em> <br />
             Human Arc <br />
        </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p><a href="#top" target="_self">Back to Top</a></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> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p><a href="#top" target="_self">Back to Top</a></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> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p><a href="#top" target="_self">Back to Top</a></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> </p>
    <p> </p>
    <p> </p>
    <p><a href="#top" target="_self">Back to Top</a></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><a href="#top" target="_self">Back to Top</a></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><a href="#top" target="_self">Back to Top</a></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><a href="#top" target="_self">Back to Top</a></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><a href="#top" target="_self">Back to Top</a><a href="#top" target="_self"><br />
      </a>
      <!-- end #sidebar2 -->
    </p>
    </div>
      <div id="mainContent">
        <h2> <a name="prezmessage" id="prezmessage"></a>President&#8217;s Message</h2>
        <p><strong><img src="../images/Susan-Flaherty-photo.jpg" alt="Susan Flaherty" width="145" height="159" class="fltlft" />Dear Fellow HFMA Members,</strong></p>
        <p>Welcome to the 2011-2012 HFMA fiscal year. Thank you for your continued membership and support of HFMA.  I look forward to working with the members, the board of directors, and officers during the upcoming year to continue the success of the Northeast Ohio Chapter.  </p>
        <p>Speaking of success – I attended the HFMA Annual National Institute in June 2011 and was proud to be from the Northeast Ohio Chapter. Our Chapter won three awards – Gold Award for Membership Growth and Retention, Hottum Award for Education Performance Improvement, and a Yerger Special <img src="../images/Manfull_ANI_DSC_0027.jpg" width="200" height="200" align="top" class="fltrt" />Recognition Award for the February 2011 Patient Financial Services Program.  In addition, the Northeast Ohio Chapter had two of the three winners of the National HFMA Future Financial Leaders Award. The award recognizes those future leaders who provide innovative and exemplary performance resulting in organizational performance improvement. Congratulations to Jill Barber and Kelly Linson from Southwest Community Health System for receiving this award. Finally, as many of you know, National HFMA has performance targets relating to education, membership, certification, financial strength, and other matters for all chapters. Our Chapter achieved 100% during this last fiscal year in meeting these targets. While it is important to celebrate our past successes, I and the other chapter leaders realize that we are taking on a big responsibility to maintain this level of excellence. We will need the continued support and participation of the membership to ensure we continue to achieve this level of success.</p>
        <p>As part of planning for the upcoming year, the Chapter officers had the opportunity to meet the National HFMA Chair, Gregory M. Adams, FHFMA. His theme for the fiscal year is “Believe to Achieve.” Following is an excerpt of his comments and explanation of the theme. In health care today, it sometimes seems like we are being asked to do the impossible. The industry is preparing for an influx of millions of newly insured patients in a reform environment where payments are shrinking and expectations around quality are growing. &quot;Believe to Achieve&quot; encompasses the keys to success in this new environment. It reflects the need to believe in your organization's mission and in others who share your dedication to achieving that mission. It means believing in yourself and in your ability to step out of your comfort zone into the new roles and responsibilities required to succeed in the reform era. Last but not least, it means believing in the possibility of a better future. In health care, there have always been naysayers who believe that the problems of the day are just too difficult to overcome. Their voices have been particularly loud, of late. But you can choose to believe that a better future is within reach, and to dedicate your professional life to making that happen. You can only achieve what you believe. </p>
        <p>Finally, I want to thank all of you who volunteered your time to Chapter activities over the past year. The fact that you chose to devote part of your time to HFMA indicates the value you perceive in your membership. The strength of any chapter lies in its volunteers. I hope you are able to attend the annual volunteer appreciation outing on August 31, 2011 to celebrate the successes of our Chapter, hear presentations on relevant industry topics, and enjoy a networking round of golf or visit to the spa. We are always looking for members to get involved and continue the long tradition of volunteer service that has been a hallmark of our Chapter for many years. Please don't hesitate to contact me, one of the other Chapter officers or directors, or a committee chair if you are interested in volunteering. </p>
    I look forward to a great year and hope to see you at an upcoming HFMA event.
    <p>Sincerely,</p>
    <p>Susan Flaherty<br />
      President<br />
      Northeast Ohio Chapter of HFMA    </p>
    <hr />
        <h2><a name="spotlight" id="spotlight"></a>New Members Spotlight - Welcome to NEOHFMA!
        </h2>
        <p>A closer look at some of the newest members to the Northeast Ohio Chapter of HFMA.<br />
          <br />
          <strong>Joe Farago</strong><br />
          Human Arc<br />
          </p>
        <blockquote>
          <p><strong>Getting to Know You Questions:</strong><br />
            <em>What do you like most about working in healthcare?</em><br />
            I enjoy the opportunities that the ever-changing world of healthcare provides. Finding and implementing unique solutions for providers is rewarding. </p>
    <p><em>Where did you go to college?</em><br />
      Mount Union</p>
    <p><em>What activities do you enjoy outside of work?</em><br />
      Sports. Coaching. Landscaping. Construction.</p>
    <p><em>What is your favorite restaurant in Northeast Ohio?</em><br />
      Blue Pointe</p>
          <p><em>Where did you grow up?</em><br />
          Wellington, OH</p>
    </blockquote>
        <p><strong>Pam Dunlap<br />
        </strong>Apple Growth Partners<br />
        </p>
        <blockquote>
          <p><strong>Getting to Know You Questions:</strong><br />
            <em>What is the biggest challenge you face in your position?</em><br />
            The biggest challenge in my profession is the sheer volume of changes in regulations, advising my clients on the interpretation of those impacts and advising on cost effective ways of product delivery.</p>
          <p><em>What activities do you enjoy outside of work?<br />
          </em>I am the Treasurer of a Toastmasters Club which helps educate and empower people to overcome their fears of public speaking.  I am also actively involved in my church and in fundraising committees in my local community.</p>
    <p><em>Favorite Sport or Sports Team?  <br />
    </em>Soccer, basketball, competitive cheerleading and track; I love to watch and support whatever sport my kids are competing in.</p>
    <p><em>Team Edward or Team Jacob?</em>  <br />
      Team Edward because the life size cutout of Jacob in my teenage daughter’s room often catches me off guard like there is a stranger in the house!</p>
          <p><em>What was the last book you read?<br />
          </em><em>Talent is Never Enough</em> by John Maxwell and <em>Outliers</em> by Malcolm Gladwell.</p>
    </blockquote>
        <p><strong>Lora Holman<br />
        </strong>MASH, Inc. (The Medical Advocacy Services for Healthcare, Inc.)    <strong>   </strong></p>
        <blockquote>
          <p><strong>Getting to Know You Questions:</strong><br />
            <em>Why did you decide to get involved in HFMA?</em><br />
            The MASH Program (Medical Advocacy Services for Healthcare, Inc.) has been in business for 23 years and we’ve always been big supporters of HFMA throughout the U.S.</p>
    <p><em>Favorite Sport or Sports Team? <br />
    </em>The Brownies and the Green Bay Packers</p>
    <p><em>Tell us the most intriguing thing about yourself?</em><br />
      I really want to be a drummer in a rock band.</p>
    <p><em>Where is your favorite vacation spot?</em><br />
      Kelley’s Island</p>
    <p><em>What was your first job?<br />
    </em>Horse trail guide at Rocky River Stables.</p>
    </blockquote>
        <p><strong>Pete Halloran<br />
        </strong>University Hospitals    <strong>   </strong></p>
        <blockquote>
          <p><strong>Getting to Know You Questions:</strong><br />
            <em>What do you like most about working in healthcare?</em>  <br />
          There will always be challenges and opportunities to learn something new. </p>
    <p><em>Where did you go to college? <br />
    </em>University of Dayton-Undergrad, Cleveland State University-MBA</p>
    <p><em>What is your favorite vacation spot?</em><br />
      Hilton Head</p>
          <p><em>Where did you grow up?</em><br />
          Cleveland Heights</p>
    <p><em>What was your first job?<br />
    </em>Healthcare Consulting at Ernst &amp; Young LLP</p>
    </blockquote>
        <hr />
        <h2><a name="newmembers" id="newmembers"></a>New Members - Welcome to NEOHFMA!</h2>
        <p>Please welcome our newest members to the Northeast Ohio Chapter of HFMA. Look for them at our next meeting and welcome them to our organization.</p>
        <table width="439" border="0" cellpadding="2" cellspacing="0">
          <tr>
            <td width="213" align="left" valign="top" nowrap="nowrap"><p><strong>Flora L. Skiba</strong> <br />
    MetroHealth Systems </p></td>
            <td width="205" align="left" valign="top" nowrap="nowrap"><p><strong>Stacie Warner</strong> <br />
    Summa Health Network </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Edward Hills</strong> <br />
    MetroHealth Systems </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Lora Holman</strong> <br />
    MASH, Inc. </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Peter T Halloran</strong> <br />
    University Hospitals of Cleveland </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Hillard C Meade</strong> <br />
    Aberdeen Consulting Group </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Pamela Dunlap</strong></p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Dreena L Wobrak</strong> <br />
    University Hospitals </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>William Adams</strong></p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Joe Farago</strong> <br />
    Human Arc </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Kathy Sindledecker</strong> <br />
    Humility of Mary Health Partners </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>James E Favazzo, Jr.</strong> <br />
    Fidelity National Collections </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Jennifer M Matota</strong> <br />
    KeyBank </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Tracey Sapp-Jones</strong> <br />
    Key Bank </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Alexander C. Pratt</strong> <br />
    PTS Physicians, LLC </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Kristen Miday</strong> <br />
    Aultman Health Foundation </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Bruce Giambattista</strong> <br />
            The Hope Center for Cancer Care </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Kathy Segatta</strong> <br />
            Hospice of Medina County </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Christina McCrossin</strong> <br />
            NPCS </p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Ann Marie Riley</strong> <br />
            AlterCare of OH </p></td>
          </tr>
          <tr>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Angela L Capretto<br />
            </strong>Cleveland Clinic Health Systems</p></td>
            <td align="left" valign="top" nowrap="nowrap"><p><strong>Cully L. Chapman</strong> <br />
            Community Health Systems </p></td>
          </tr>
          <tr>
            <td colspan="2" align="left" valign="top"><a href="#top" target="_self">Back to Top </a></td>
          </tr>
        </table>
        <hr />
        <h2><strong><a name="welcomeback" id="welcomeback"></a>Welcome Back!</strong>
        </h2>
        <p>HFMA Members that have reinstated their Membership</p>
        <table width="456" border="0" cellspacing="0" cellpadding="2">
          <tr>
            <td width="235" align="left" valign="top"><p><strong>Joseph E. Varga</strong> <br />
    MetroHealth Medical Center </p></td>
            <td width="213" align="left" valign="top"><p><strong>Jason A. Kopczak</strong> <br />
    MetroHealth System </p></td>
          </tr>
          <tr>
            <td align="left" valign="top"><p><strong>James J. Feldkircher, Jr.</strong> <br />
    University Hospitals Health System </p></td>
            <td align="left" valign="top"><p><strong>Karen A Benjamin</strong> <br />
    Ohio Permanente Medical Group </p></td>
          </tr>
          <tr>
            <td align="left" valign="top"><p><strong>Dan Tadiello</strong> <br />
    University Hospitals Case Medical Center </p></td>
            <td align="left" valign="top"><p><strong>Matthew Kemmann</strong> <br />
    University Hospitals of Cleveland </p></td>
          </tr>
          <tr>
            <td align="left" valign="top"><p><strong>Jeffrey Ravas</strong> <br />
    Cleveland Clinic </p></td>
            <td align="left" valign="top"><p><strong>Jason P. Gerdes</strong> <br />
    Phillips Medical Capital </p></td>
          </tr>
          <tr>
            <td align="left" valign="top"><p><strong>Lisa Scalet-Longworth</strong><br />
    Cleveland Clinic Foundation</p></td>
            <td align="left" valign="top"><p><strong>Christopher M. Clinton<br />
            </strong>Cleveland Clinic</p></td>
          </tr>
        </table>
        <hr />
        <h2><strong><a name="certification" id="certification"></a>CHFP Assistance Program</strong></h2>
    <p>The North East Ohio Chapter (NEOC) of the Healthcare Financial Management Association (HFMA) continues to encourage members to pursue and achieve certification as a Certified Healthcare Financial Professional (CHFP).  </p>
    <p>Many members who successfully pass the exam are eligible for reimbursement from their employers for some portion of the examination fee and/or on-line study material fee. To encourage and assist those members for whom employer reimbursement is not available, the Chapter offers a limited financial award program through the Chair of the Certification Committee. <br />
      <br />
      <strong>Current CHFP Award Program</strong> <br />
      Effective June 1, 2011, the NEO HFMA Chapter Board has approved annual funding for a maximum of 5 awards of $200.00 each for successful completion of the CHFP exam.  NEO HFMA members who have successfully completed the CHFP exam on or after June 1, 2011 and who will NOT be reimbursed by their employer for any portion of either the examination fee and/or the online study material fee are eligible to apply.  Chapter awards will be issued to the first 5 approved applications.</p>
    <p><strong>Reimbursement Application Procedure </strong> <br />
      Upon successful completion of the CHFP exam, a member who will NOT be reimbursed by their employer for any portion of either the examination fee or the on-line study materials may complete and submit an NEO HFMA expense form in application for a financial award.<em>  </em>A copy of the exam result e-mail notification and a release authorizing HFMA National to confirm that the member has passed the exam is required. Application for the award must be made within 8 weeks of receiving exam results. The funds allocated to members will be reviewed annually and is subject to change at the discretion of the Chapter board. </p>
    <hr />
    <h2><strong><a name="recaps" id="recaps"></a></strong>Program Recaps</h2>
        <h3><strong>2011 GHALI</strong></h3>
        <p><span class="style24">by </span>Lisa Hilling    <span class="style24"><br />
          </span></p>
        <p>The 2011 GHALI was held at the Glenmoor Country Club in Canton, Ohio. This historic and tradition filled site, initally started as a seminary high school for boys preparing for the priesthood.  In addition, this classic gothic building was built during the years 1930-1931 with the first class starting in late October of 1931. The building contains approximately 167,000 square feet. The Wolstein family purchased the 381 acres of land and building in 1989 that many considered to be one of the most desirable tracts in Stark County.  After two years of renovation, the spa portion of the club opened in December of 1991. On July 1, 1992 Jack Nicklaus took part in the gala celebration which opened the golf course. The Grand Opening of the Clubhouse in September of 1992 followed.<br />
          <br />
          Our theme for this year’s event was “Entering the Era of Accountability”.  As a result, the conference included educational sessions led by healthcare industry leaders and a variety of pertinent topics. Highlights included a panel discussion, “How Organizations Develop Vendor Relationships” for which there was standing room only attendance as well as sessions led by prominent professors, politicians and other professionals. Attendees were given opportunities to research products and services present at the vendor booths during vendor fair times and throughout the 2 ½ days. In keeping with tradition, the networking opportunities were abundant, starting out with Wednesday’s always very popular casino night. Thursday’s networking events included your choice of an 18 hole golf scramble, a visit to “The Spa at Glenmoor” or a enjoyable wine tasting event followed by an evening banquet which enable our attendee to sample more of Glenmoor’s fine cuisine. We concluded that evenings events with music, Texas Hold-em and “minute to win-it” activities, as well as entertaining karaoke by our members. <br />
          <br />
        Special thanks to everyone who participated on the GHALI Planning Committee for a job well done. The planning for next year is already underway and we welcome your input. Please make sure to watch for details of next year’s conference so you won’t miss out on everything this event has to offer.</p>
    <p class="sidbar1_links"><strong><a href="0711Visions/Ghali Program Recap/ACO_s.ppt" target="_blank">Accountable Care PowePpoint</a></strong></p>
    <p class="sidbar1_links"><a href="0711Visions/Ghali Program Recap/Cost_Reduction.ppt" target="_blank">Cost Reduction PowerPoint</a></p>
    <p class="sidbar1_links"><a href="0711Visions/Ghali Program Recap/FASB_FASB.ppt" target="_blank">FASB Update</a><a href="0711Visions/Ghali Program Recap/FASB_FASB.ppt" target="_blank"> PowerPoint</a></p>
    <p class="sidbar1_links"><a href="0711Visions/Ghali Program Recap/Health_and_Wellness.ppt" target="_blank">Health &amp; Wellness PowerPoint</a></p>
    <p class="sidbar1_links"><a href="0711Visions/Ghali Program Recap/Healthcare_Reform.ppt" target="_blank">Healthcare Reform PowerPoint</a></p>
    <p class="sidbar1_links"><a href="0711Visions/Ghali Program Recap/Lean_Six_Sigma.ppt" target="_blank">Lean Six Sigma PowerPoint</a></p>
    <p class="sidbar1_links"><a href="0711Visions/Ghali Program Recap/Physician_Medicare_Reimbursement.pdf" target="_blank">Physician Medicare Reimbursement</a><a href="0711Visions/Ghali Program Recap/Physician_Medicare_Reimbursement.pdf"> PDF</a></p>
    <p class="sidbar1_links"><strong><a href="1112visions_1_ghali_photos.html" target="_blank" class="thrColFixHdr">Event Photos</a></strong></p>
    <hr />
    <h3><strong>Healthcare Hot Topics – Part 1</strong></h3>
    <p>by Brian Nestor</p>
    <p>The Healthcare Hot Topics seminar was held at the beautiful new state-of- the-art Ahuja Medical Center in Beachwood, Ohio on June 23, 2011. The Rosenberg Conference Suite was filled with more than 50 attendees, there to hear about hot topics in healthcare today. <br />
      <br />
    Ahuja President James Benedict welcomed the attendees and talked to the current &amp; future state of the Ahuja Medical Center. He was followed by Gigi Umbel who went over the layout of the hospital and spoke to the challenges as a Finance Director of a new hospital.</p>
    <p> The three healthcare topics covered at this program were:</p>
    <ul>
      <li><em>Challenges of Compliant Research Billing</em> by Katherine Hammerhofer of University Hospitals</li>
      <li><em>Community Benefit – 501r and Schedule H </em> by Keith Hearle of Verite Healthcare Consulting</li>
      <li><em>Auditing Healthcare Entities</em> by Julie Osredkar &amp;  Michelle Stuhler of KPMG</li>
    </ul>
    <p>The informative presentations presented at the program proved to provide valuable education and updates on the circumstances surrounding healthcare for HFMA members and attendees.  </p>
    <p><a href="0711Visions/Program Recap/400647-Charity_Care_Policy_042709_ACA_Compliant-jhl.pdf" target="_blank" class="sidbar1_links">Charity Care Policy PDF </a></p>
        <p><a href="0711Visions/Program Recap/Auditing_Healthcare_Entities_11883CLE-11(2).pptx" target="_blank" class="sidbar1_links">Auditing Healthcare Entities PowerPoint</a></p>
        <p><a href="0711Visions/Program Recap/HFMA_June_2011(2).ppt" target="_blank" class="sidbar1_links">Meeting the Challenge of Compliant Clinical Research Billing</a></p>
        <p><a href="0711Visions/Program Recap/NE_Ohio_HFMA_June_23.pdf" target="_blank" class="sidbar1_links">501r and Tax Year 2010 Schedule H</a><span class="style24"><strong><br />
        </strong></span></p>
    <hr />
        <h2><strong><a name="savethedate" id="savethedate"></a>Save the Date</strong><br />
        </h2>
        <p>Keep an eye out for more information on these upcoming programs:<strong>                         <br />
        </strong></p>
        <p><strong>Annual Volunteer Appreciation program and Golf Outing<br />
          </strong><strong>Program Date:</strong> August 31, 2011                                                 <br />
          <strong>Program Location:</strong> Blue Heron, Medina, OH                                                                                                                        <strong>HFMA Roadshow, topics to be announced </strong><br />
          <strong>Program Date:</strong> September 22, 2011                                                          <strong>Program Location:</strong> Lake Health TriPoint Medical Center, Concord, OH</p>
        <p><em>HFMA National upcoming programs and events:</em><br />
          <strong>Delivering Value: Is Your Organization Prepared to be <br />
          Accountable for Outcomes?</strong><br />
          <strong>Program Date:</strong> August 14, 2011                                                               <strong>Program Location:</strong> Mandalay Bay, Las Vegas, NV<br />
        </p>
        <p><strong>2011 MAP Event</strong><br />
          <strong>Program Date:</strong> October 26-28, 2012                                                         <strong>Program Location:</strong> Doral Resort, Miami, FL<br />
        </p>
        <p><strong>Future Dates for ANI: The Healthcare Finance Conference</strong><br />
          <strong>Program Date:</strong> June 25-28, 2012                                                             <strong>Program Location:</strong> Las Vegas, NV</p>
        <p><em>HFMA National Webinars are free to HFMA members:</em><br />
          <strong>Virtual Conference Live Event</strong><br />
          <strong>Program Date:</strong> December 13-14, 2011 and April 11, 2012                            <strong>Program Location:</strong> Your desktop<br />
        See national website for registration.                                <br />
        </p>
    <hr />
        <h2><a name="kudos" id="kudos2"></a>Kudos!</h2>
        <p><strong>Kudos to Southwest General employees, Jill Barber, Director of Managed Care Contracting and Revenue Integrity, and Kelly Linson, Vice President, </strong>as they were recognized as “Future Financial Leaders” at the 2011 ANI in Orlando.  Congrats to Kelly on passing the Certified Healthcare Financial Professional exam in Orlando as well.</p>
        <p><strong>Congratulations</strong> <strong>to Laurie Rauser, </strong>formerly a Sr. Manager with Kaiser Permanente's National Revenue Cycle team, on taking a new role as a Practice Lead with Kaiser's National Compliance, Ethics and Integrity Office.  In Laurie’s new role her focus will be to support compliance operations throughout the Kaiser Permanente Revenue Cycle continuum.  Laurie will continue to reside in the Ohio region.</p>
        <p><strong>Congratulations</strong> <strong>to John P Beirne</strong> of JP Recovery Services, Inc.  The 20+ year member of the NEOHFMA may qualify for the Guiness Book of World Records as four of his eight children will be getting married from June through December this year. Three of the four are daughters!  John's remark about this wedding blitz schedule: &quot;I may qualify for Charity Care when this is all over!&quot;</p>
    <hr />
        <h2><strong><a name="edarticles" id="edarticles"></a></strong>Educational Articles</h2>
        <p align="left"><strong>Could Automated Hand-Wash Checks Reduce Infections—and Costs?</strong><em>Note: This article originally appeared in HFMA’s Healthcare Cost Containment newsletter (<a href="

    Because I know enough to be dangerous...  I was trying to extend the two outside columns down....  Instead of just using faux columns which I have fixed since I posted the question.
    The other link problem is the left sidebar links.  When you go to the event photos page I have a repeat of the sidebar links that are on the newsletter page.  I used named anchors on the newsletter page to link to the particular article.  From the Event Photos page the links look like this:
    <a href="1112Visions_Iss1.html/#puzzle" target="_self">[Puzzle]</a>
    The problem I am having is that some of these go to the newsletter page and the anchor and some do not (I get an error message saying it  can't find the page).  To add to the problem is that when we choose say the President's Message, when it goes to the newsletter page and the correct anchor, the newsletter page is missing all the links to the graphics... the photos are missing the graphic for the faux columns is missing.  It makes no sense.  When I preview the newsletter page from Dreamweaver everything shows up fine.
    I do not know if all of this is being caused because I haven't posted this stuff to the site or what.  I've tried re-booting both the browser and Dreamweaver, dumping the cache and still the same nonsense.
    Got any ideas?

  • A CSS question I think

    If you would take a look at this page http://www.gcfa.org/add_data.asp you will see that between the header and the navigation bar a white line is there. I don't won't it there, how can I get rid of it?
    It must be in my CSS I guess, I checked the images and neither one of them the Header nor the Navigation menu have a white border. Here's my code. Thanks in advance for your help.
    My page:
    <%@LANGUAGE="VBSCRIPT"%>
    <!--#include file="Connections/BishopsLogin.asp" -->
    <%
    Dim MM_editAction
    MM_editAction = CStr(Request.ServerVariables("SCRIPT_NAME"))
    If (Request.QueryString <> "") Then
      MM_editAction = MM_editAction & "?" & Server.HTMLEncode(Request.QueryString)
    End If
    ' boolean to abort record edit
    Dim MM_abortEdit
    MM_abortEdit = false
    %>
    <%
    If (CStr(Request("MM_insert")) = "form1") Then
      If (Not MM_abortEdit) Then
        ' execute the insert
        Dim MM_editCmd
        Set MM_editCmd = Server.CreateObject ("ADODB.Command")
        MM_editCmd.ActiveConnection = MM_BishopsLogin_STRING
        MM_editCmd.CommandText = "INSERT INTO dbo.DeptData (Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy) VALUES (?, ?, ?, ?, ?, ?)"
        MM_editCmd.Prepared = true
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param1", 201, 1, 30, Request.Form("Department")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param2", 201, 1, 1000, Request.Form("SubpageTitle")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param3", 201, 1, 1000, Request.Form("LinkDescription")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param4", 201, 1, 500, Request.Form("URL")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param5", 201, 1, 10, Request.Form("DateLastModified")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param6", 201, 1, 50, Request.Form("ModifiedBy")) ' adLongVarChar
        MM_editCmd.Execute
        MM_editCmd.ActiveConnection.Close
        ' append the query string to the redirect URL
        Dim MM_editRedirectUrl
        MM_editRedirectUrl = "adding_data_results.asp"
        If (Request.Form<> "") Then
          If (InStr(1, MM_editRedirectUrl, "?", vbTextCompare) = 0) Then
            MM_editRedirectUrl = MM_editRedirectUrl & "?" & Request.Form
          Else
            MM_editRedirectUrl = MM_editRedirectUrl & "&" & Request.Form
          End If
        End If
        Response.Redirect(MM_editRedirectUrl)
      End If
    End If
    %>
    <%
    Dim rs_Add_Data__MMColParam
    rs_Add_Data__MMColParam = "1"
    If (Request.QueryString("RecordID") <> "") Then
      rs_Add_Data__MMColParam = Request.QueryString("RecordID")
    End If
    %>
    <%
    Dim rs_Add_Data
    Dim rs_Add_Data_cmd
    Dim rs_Add_Data_numRows
    Set rs_Add_Data_cmd = Server.CreateObject ("ADODB.Command")
    rs_Add_Data_cmd.ActiveConnection = MM_BishopsLogin_STRING
    rs_Add_Data_cmd.CommandText = "SELECT ID, Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy FROM dbo.DeptData WHERE ID = ? ORDER BY ID DESC"
    rs_Add_Data_cmd.Prepared = true
    rs_Add_Data_cmd.Parameters.Append rs_Add_Data_cmd.CreateParameter("param1", 5, 1, -1, rs_Add_Data__MMColParam) ' adDouble
    Set rs_Add_Data = rs_Add_Data_cmd.Execute
    rs_Add_Data_numRows = 0
    %>
    <%
    Dim MM_paramName
    %>
    <%
    ' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
    Dim MM_keepNone
    Dim MM_keepURL
    Dim MM_keepForm
    Dim MM_keepBoth
    Dim MM_removeList
    Dim MM_item
    Dim MM_nextItem
    ' create the list of parameters which should not be maintained
    MM_removeList = "&index="
    If (MM_paramName <> "") Then
      MM_removeList = MM_removeList & "&" & MM_paramName & "="
    End If
    MM_keepURL=""
    MM_keepForm=""
    MM_keepBoth=""
    MM_keepNone=""
    ' add the URL parameters to the MM_keepURL string
    For Each MM_item In Request.QueryString
      MM_nextItem = "&" & MM_item & "="
      If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
        MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
      End If
    Next
    ' add the Form variables to the MM_keepForm string
    For Each MM_item In Request.Form
      MM_nextItem = "&" & MM_item & "="
      If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
        MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
      End If
    Next
    ' create the Form + URL string and remove the intial '&' from each of the strings
    MM_keepBoth = MM_keepURL & MM_keepForm
    If (MM_keepBoth <> "") Then
      MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
    End If
    If (MM_keepURL <> "")  Then
      MM_keepURL  = Right(MM_keepURL, Len(MM_keepURL) - 1)
    End If
    If (MM_keepForm <> "") Then
      MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
    End If
    ' a utility function used for adding additional parameters to these strings
    Function MM_joinChar(firstItem)
      If (firstItem <> "") Then
        MM_joinChar = "&"
      Else
        MM_joinChar = ""
      End If
    End Function
    %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>GCFA: Update Data Files</title>
    <link href="samples/OneColumn.css" rel="stylesheet" type="text/css" />
    <style type="text/css" media="screen">
    @import url("images/nav_bar.css");
    </style>
    <script language="JavaScript1.2" type="text/javascript" src="images/mm_css_menu.js"></script>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body class="oneColLiqCtrHdr" onload="MM_preloadImages('images/Slices/nav_bar_r2_c2_f2.gif','images/Slices/nav_bar_r2_c 3_f2.gif','images/Slices/nav_bar_r2_c5_f2.gif')">
    <div id="container">
        <div id="header">   
           <div id="#DataFiles_LOGO"></div>
      </div>
      <div id="mainContent">
        <div id="FWTableContainer1445733177">
          <table border="0" cellpadding="0" cellspacing="0" width="799">
            <!-- fwtable fwsrc="nav_bar_revised.png" fwpage="Page 1" fwbase="nav_bar.gif" fwstyle="Dreamweaver" fwdocid = "1445733177" fwnested="0" -->
            <tr>
              <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="5" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="130" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="6"><img name="nav_bar_r1_c1" src="images/Slices/nav_bar_r1_c1.gif" width="799" height="5" border="0" id="nav_bar_r1_c1" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="5" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2"><img name="nav_bar_r2_c1" src="images/Slices/nav_bar_r2_c1.gif" width="1" height="25" border="0" id="nav_bar_r2_c1" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1015135953_0', 'MMMenu1015135953_0',6,24,'nav_bar_r2_c2');MM_swapImage('nav_bar_r2_c2','','images/Slices /nav_bar_r2_c2_f2.gif',1);"><img name="nav_bar_r2_c2" src="images/Slices/nav_bar_r2_c2.gif" width="221" height="24" border="0" id="nav_bar_r2_c2" alt="" /></a></td>
              <td><a href="http://www.gcfa.org/Department_Data.aspx" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c3','','images/Slices/nav_bar_r2_c3_f2.gif',1);"><i mg name="nav_bar_r2_c3" src="images/Slices/nav_bar_r2_c3.gif" width="221" height="24" border="0" id="nav_bar_r2_c3" alt="Department Data Files" /></a></td>
              <td rowspan="2"><img name="nav_bar_r2_c4" src="images/Slices/nav_bar_r2_c4.gif" width="5" height="25" border="0" id="nav_bar_r2_c4" alt="" /></td>
              <td><a href="http://www.gcfa.org/help_topics.html" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c5','','images/Slices/nav_bar_r2_c5_f2.gif',1);"><i mg name="nav_bar_r2_c5" src="images/Slices/nav_bar_r2_c5.gif" width="221" height="24" border="0" id="nav_bar_r2_c5" alt="Help Topics" /></a></td>
              <td rowspan="2"><img name="nav_bar_r2_c6" src="images/Slices/nav_bar_r2_c6.gif" width="130" height="25" border="0" id="nav_bar_r2_c6" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="24" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="2"><img name="nav_bar_r3_c2" src="images/Slices/nav_bar_r3_c2.gif" width="442" height="1" border="0" id="nav_bar_r3_c2" alt="" /></td>
              <td><img name="nav_bar_r3_c5" src="images/Slices/nav_bar_r3_c5.gif" width="221" height="1" border="0" id="nav_bar_r3_c5" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
          </table>
          <div id="MMMenuContainer1015135953_0">
            <div id="MMMenu1015135953_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.gcfa.org/add_data.asp" target="_top" id="MMMenu1015135953_0_Item_0" class="MMMIFVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Add Data </a> <a href="http://www.gcfa.org/update_data.asp" target="_top" id="MMMenu1015135953_0_Item_1" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Update Data </a> <a href="http://www.gcfa.org/delete_data.asp" target="_top" id="MMMenu1015135953_0_Item_2" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Delete Data </a> </div>
          </div>
        </div>
        <br />
            <br />
            <br />
            <br />
            <br />
          <strong>Enter the information you are wanting  to add to our database:</strong><br />
      </div>
        <form ACTION="<%=MM_editAction%>" METHOD="POST" name="form1" target="_top" id="form1">
          <table width="689" align="left">
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Department:</td>
          <td><label>
            <input name="Department" type="text" id="Department" size="75" maxlength="500" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Subpage Title:</td>
          <td><label>
            <input name="SubpageTitle" type="text" id="SubpageTitle" size="75" maxlength="1000" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Link Description:</td>
          <td><label>
            <input name="LinkDescription" type="text" id="LinkDescription" size="75" maxlength="1000" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">URL:</td>
          <td><input name="URL" type="text" id="URL" size="75" maxlength="500" /></td>
        </tr>
        <tr valign="baseline">
          <td height="24" align="left" valign="top" nowrap="nowrap">Date Modified:</td>
          <td><input name="DateLastModified" type="text" id="DateLastModified" size="75" maxlength="10" /></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Modified By:</td>
          <td><label>
            <input name="ModifiedBy" type="text" id="ModifiedBy" size="75" maxlength="50" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td height="20" align="left" valign="top" nowrap="nowrap"> </td>
          <td> </td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap"><p> </p></td>
          <td align="left" valign="top" nowrap="nowrap"><label>
            <input type="submit" name="Add_Info" id="Add_Info" value="Add data to database now!" />
          </label></td>
        </tr>
      </table>
      <p> </p>
      <p><br />
          <br />
          <br />
          <br />
          </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p><br />
          </p>
      <input type="hidden" name="MM_insert" value="form1" />
    </form> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p>  </p>
    </div>
      <div id="footer">
        <p align="center">This site is maintained by the General Council on Finance and Administration <script language="JavaScript">
    var today_date= new Date()
    var year=today_date.getFullYear()
    document.write(year)
    //--> </script>
    &copy;</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    <%
    rs_Add_Data.Close()
    Set rs_Add_Data = Nothing
    %>
    My CSS Pages:
    @charset "utf-8";
    body {
    /*background:#ffffff;*/
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    /*color: #000000;*/
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../images/body_bg.jpg);
    .oneColLiqCtrHdr #container {
    width: 99%; /* the auto margins (in conjunction with a width) center the page */
    /* border: 1px solid #000000;*/
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: ;
    background-repeat: no-repeat;
    background-position: right top;
    .oneColLiqCtrHdr #header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 18px;
    background-repeat: no-repeat;
    height: 124px;
    width: 100%;
    background-image: url(../images/dept_data_files_logo.jpg);
    padding: 0px;
    /*background-color: #67120D;*/
    .oneColLiqCtrHdr #mainContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3C0D0D;
    font-weight: 700;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    margin: 0px;
    width: 760px;
    .oneColLiqCtrHdr #footer {
    padding: 0 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #000000;
    /*width:780px;*/
    .oneColLiqCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    h1 {
    color:#FFFFFF;
    font-size: 36px;
    h2,h3 {
    10px;
    8px;
    color: #000000;
    #DataFiles_LOGO{
    height:127px;
    width: 740px;
    background-repeat: no-repeat;
    background-image: url(../images/dept_data_files_logo.jpg);
    background-position: left top;
    padding: 0px;
    margin: 0px;
    top: 0px;
    float: left;
    And my Navigation CSS:
    td img {
    /* Another Mozilla/Netscape bug with making sure our images display correctly */
    display: block;
    #FWTableContainer1445733177 {
    /* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
    position:relative;
    margin:0px;
    width:799px;
    height:30px;
    text-align:left;
    #MMMenuContainer1015135953_0 {
    /* This ID is related to the master menu div for menu MMMenuContainer1015135953_0 and contains the important positioning information for the menu as a whole */
    position:absolute;
    left:7px;
    top:29px;
    visibility:hidden;
    z-index:300;
    #MMMenu1015135953_0 {
    /* This class defines things about menu MMMenu1015135953_0's div. */
    position:absolute;
    left:0px;
    top:0px;
    visibility:hidden;
    background-color:#ffffff;
    border:1px solid #000000;
    width:208px;
    height:76px;
    .MMMIFVStyleMMMenu1015135953_0 {
    /* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    width:208px;
    height:26px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:200px;
    height:18px;
    .MMMIVStyleMMMenu1015135953_0 {
    /* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
    border-top:0px;
    border-left:1px solid #000000;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    width:208px;
    height:25px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:200px;
    height:18px;
    #MMMenu1015135953_0_Item_0 {
    /* Unique ID for item 0 of menu MMMenu1015135953_0 so we can set its position */
    left:0px;
    top:0px;
    #MMMenu1015135953_0_Item_1 {
    /* Unique ID for item 1 of menu MMMenu1015135953_0 so we can set its position */
    left:0px;
    top:26px;
    #MMMenu1015135953_0_Item_2 {
    /* Unique ID for item 2 of menu MMMenu1015135953_0 so we can set its position */
    left:0px;
    top:51px;
    #MMMenuContainer1015135953_0 img {
    /* needed for Mozilla/Camino/Netscape */
    border:0px;
    #MMMenuContainer1015135953_0 a {
    /* Controls the general apperance for menu MMMenuContainer1015135953_0's items, including color and font */
    text-decoration:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#ffcc33;
    text-align:center;
    vertical-align:middle;
    padding:3px;
    background-color:#000000;
    font-weight:bold;
    font-style:normal;
    display:block;
    position:absolute;
    #MMMenuContainer1015135953_0 a:hover {
    /* Controls the mouse over effects for menu MMMenuContainer1015135953_0 */
    color:#ffcc33;
    background-color:#990000;

    Glad you sorted this out.
    You might want to mark this as Answered so folks trying to help answer questions won't have to click on this link now.  Thanks!
    E. Michael Brandt
    www.divahtml.com
    www.divahtml.com/products/scripts_dreamweaver_extensions.php
    Standards-compliant scripts and Dreamweaver Extensions
    www.valleywebdesigns.com/vwd_Vdw.asp
    JustSo PictureWindow
    JustSo PhotoAlbum, et alia

  • Help with "clearing" in three column format

    The code is pasted in below of a three column page I have created.  However, the background color in the sidebars does not reach to the footer it follows the content.  I know that I need to "clear" the columns but as a newbie I'm not sure how to do so.  Any help would be appreciated.
    Thanks!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #CCC;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    .thrColLiqHdr #container {
    width: 80%;  /* this will create a container 80% of the browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    .thrColLiqHdr #header {
    background: #DDDDDD;
    padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .thrColLiqHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    /* Tips for sidebars:
    1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width.
    2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
    3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
    .thrColLiqHdr #sidebar1 {
    float: left; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 30%; /* since this element is floated, a width must be given */
    background: #3399FF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div  */
    .thrColLiqHdr #sidebar2 {
    float: right; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 30%; /* since this element is floated, a width must be given */
    background: #3399FF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    .thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
    /* Tips for mainContent:
    1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
    2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
    3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
    .thrColLiqHdr #mainContent {
    margin: 0 24% 0 23.5%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    .thrColLiqHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .thrColLiqHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    a:link {
    text-decoration: none;
    color: #000;
    a:visited {
    text-decoration: none;
    color: #000;
    a:hover {
    text-decoration: none;
    a:active {
    text-decoration: none;
    -->
    </style><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
    .thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class="thrColLiqHdr">
    <div id="container">
    <div id="header">
        <h1>Header</h1>
      <!-- end #header --></div>
      <div id="sidebar1">
    <h3>Today's Top Health News</h3>
        <p>Vitmains C and E cleared in melanoma scare. </p>
    <p>Older men often binge drink, too</p>
    <p>Short kids are psychologically OK</p>
    <p>New drug for schizophrenia and bipolar disorder approved</p>
    <p>Mediterrenean Diet plus exercise lowers risk of Alzheimer's Disease</p>
    <p>Not enough sleep may raise the risk of diabetes</p>
      <!-- end #sidebar1 --></div>
      <div id="sidebar2">
        <h3>Podcasts: In-depth, awarding winning Radio Health Journal Reporting</h3>
        <p><img src="../graphics/I-am-safe-now.jpg" width="106" height="80" align="left" />
    <p>Perinatal Hospice: Giving meaning and easing grief when birth to death is measured in hours </p>
    <p>Medical Mystery Shoppers: Fake patient who keep healthcare quality high</p>
    <p>Pediatric Live Transplants: Children can receive a slice from a living adult donor</p>
    <p>The Selling of healthcare reform: Why revved up rhetoric matters more than facts</p>
    <p>Early Alzheimer's diagnosis: The benefits of early treatment</p>
    <p>Dementia drugs: Are medications too common in nursing homes?</p>
    <p>Pregorexia: Anorexia while pregnant-more common than we think</p>
    <p>Mop men: People who clean up after unexpected death</p>
    <p>Gout: The return of the "disease of kings"</p>
    <p>Prevention and healthcare reform: How much money can prevention really save?</p>
      <!-- end #sidebar2 --></div>
      <div id="mainContent">
        <h1> Featured Content </h1>
        <p><a href="http://speakaboutbipolardepression.com/">The economy is leadiny many Americans to feel additional stress.  This is particularly concerning for the more than 8 million Americans with bipolar disorder.</a></p>
        <p>As modern medicine extends life expectancy, prevelance of Alzheimer's Disease in the U.S. is expected to skyrocket from about 5 million to 16 million in 2050.  Understanding risk factors is more important than ever. </p>
        <p>You might thing a blood transfusion ordered by a physician would be safe and effective.  But a new analysis by an international panel sbows most transfusions have little benefit.  In fact, they may be dangerous.</p>
        <h2>Information about our program's guests </h2>
        <p>Developing A Brain Eraser: Dr. Andre Fenton</p>
    <p>Too sexy, Too soon: Kids, the media, and sex: Dr. Diane Levin, author of "So Sexy So Soon: The new sexualized childhood and what parents can do to protect their kids"</p>
    <p>Everything You Always Wanted To Know About...Death: Harold Schechter, author of "The Whole Death Catalog: A Lively Guide To The Bitter End"</p>
    <p>Borderline Personality Disorder: Randi Kreger, cofounder of BPDcentral.com</p>
    <!-- end #mainContent --></div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>

    Are you posting to the right forum? This is a Designer form where we are working with PDF forms. This looks like HTML!
    Paul

  • Session arrays in php

    hello -
    im still having a problem. this array will set but only shows one record from the array. when there are 3 demo data sets.
    thanks in advance for your help.
    i want to store the variable id in an array and access that array through session id hyper link on the same page. so that when that hyper link is clicked the session id is passed to the next page.
    here is the page code:
    <?php
    if (!isset($_SESSION)) {
      session_start();
    ?>
    <?php require_once('conn.php'); ?>
    <?php
    if (!function_exists("GetSQLValueString")) {
    function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
      if (PHP_VERSION < 6) {
        $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
      $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
      switch ($theType) {
        case "text":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;   
        case "long":
        case "int":
          $theValue = ($theValue != "") ? intval($theValue) : "NULL";
          break;
        case "double":
          $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
          break;
        case "date":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;
        case "defined":
          $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
          break;
      return $theValue;
    $Id = $_SESSION['Id']; //get users id to pass to record
    $Name = $_SESSION['name']; // display users name
    $Group = $_SESSION['Group']; // access control group for moderators, members, users
    $maxRows_List = 10;
    $pageNum_List = 0;
    if (isset($_GET['pageNum_List'])) {
      $pageNum_List = $_GET['pageNum_List'];
    $startRow_List = $pageNum_List * $maxRows_List;
    mysql_select_db($database_List, $List);
    $query_List = "SELECT * WHERE b.UId1='$UserId'";
    $query_limit_List = sprintf("%s LIMIT %d, %d", $query_List, $startRow_List, $maxRows_List);
    $List = mysql_query($query_limit_List, $List) or die(mysql_error());
    $row_List = mysql_fetch_assoc($List);
    $List_Array = array();
    while ($row = mysql_fetch_array($List))
    foreach($row['Id'] as $i=>$val)
    $List_Array = $val;
    //return $List_Array;
    $_SESSION['Id'] = $List_Array;
    $myList_Array = $_SESSION['Id'];
    if (isset($_GET['totalRows_List'])) {
      $totalRows_List = $_GET['totalRows_List'];
    } else {
      $all_List = mysql_query($query_List);
      $totalRows_List = mysql_num_rows($all_List);
    $totalPages_List = ceil($totalRows_List/$maxRows_List)-1;
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body  {
       font: 100% Verdana, Arial, Helvetica, sans-serif;
       background: #666666;
       margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
       padding: 0;
       text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
       color: #000000;
       background-color: #0E03D6;
    .thrColLiqHdr #container {
       width: 80%;  /* this will create a container 80% of the browser width */
       background: #FFFFFF;
       margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
       border: 1px solid #000000;
       text-align: left; /* this overrides the text-align: center on the body element. */
    .thrColLiqHdr #header {
       background: #FFFFFF;
       padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .thrColLiqHdr #header h1 {
       margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
       padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    /* Tips for sidebars:
    1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width.
    2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
    3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
    .thrColLiqHdr #sidebar1 {
       float: left; /* this element must precede in the source order any element you would like it be positioned next to */
       width: 22%; /* since this element is floated, a width must be given */
       background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
       padding: 15px 0; /* top and bottom padding create visual space within this div  */
    .thrColLiqHdr #sidebar2 {
       float: right; /* this element must precede in the source order any element you would like it be positioned next to */
       width: 23%; /* since this element is floated, a width must be given */
       background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
       padding: 15px 0; /* top and bottom padding create visual space within this div */
    .thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
       margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
       margin-right: 10px;
    /* Tips for mainContent:
    1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
    2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
    3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
    .thrColLiqHdr #mainContent {
       margin: 0 24% 0 23.5%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    .thrColLiqHdr #footer {
       padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
       background:#FFFFFF;
    .thrColLiqHdr #footer p {
       margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
       padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
       float: right;
       margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
       float: left;
       margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
       clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    #apDiv1 {
       position:absolute;
       left:206px;
       top:83px;
       width:151px;
       height:34px;
       z-index:1;
    #apDiv2 {
       position:absolute;
       left:363px;
       top:84px;
       width:519px;
       height:37px;
       z-index:2;
    -->
    </style><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
    .thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="thrColLiqHdr">
    <div id="container">
    <div id="header">
        <h1> </h1>
        <p> </p>
        <p> </p>
      <!-- end #header --></div>
      <div id="sidebar1">
      <h3>    </h3>
      <!-- show users ratings overall and per list -->
      <!-- end #sidebar1 --></div>
      <div id="sidebar2">
        <h3> </h3>
      <!-- display current viewers of user list in space and show count of number of views -->
      <!-- end #sidebar2 --></div>
      <div id="mainContent">
        <h1> </h1>
        <blockquote>
          <table border="1" cellpadding="1" cellspacing="1">
            <tr></tr>
            <caption align="center">
              List  Click to Edit
            </caption>
            <?php do { ?>
            <tr>
              <td><a href="list.php"><?php echo $myList_Array['Id']; ?></a></td> <-- this is the column that i want to have access the session id -->
              <td><?php echo $row_List['Subject'];?></td>
              <td><?php echo $row_List['Date']; ?></td>
            </tr>
            <?php } while($row_List = mysql_fetch_assoc($List));
          ?>
          </table>
          <h2> </h2>
          <p> </p>
        </blockquote>
    <!-- end #mainContent --></div>
       <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    <?php
    mysql_free_result($List);
    ?>

    thnks a lot!
    Michael Fesser wrote:
    > .oO(John Doe)
    >
    >
    >>wich is the <%Session.Timeout=n%> equivalent in
    PHP to increase the time
    >>specified in session.gc_maxlifetime?
    >
    >
    >
    http://www.php.net/ini_set
    >
    > Micha

  • CSS Layout in DW CS 3

    I'm kinda wondering why the id's are preceded with a class if
    you open any of the premade CSS layouts in DW CS3.
    example:
    Two Columns, all widths in percent, with right sidebar header
    and footer.
    CSS:
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and
    padding of the body element to account for differing browser
    defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5*
    browsers. The text is then set to the left aligned default in the
    #container selector */
    color: #000000;
    .twoColLiqRtHdr #container {
    width: 80%; /* this will create a container 80% of the
    browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a
    width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center
    on the body element. */
    .twoColLiqRtHdr #header {
    background: #DDDDDD;
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear beneath it. If an image is
    used in the #header instead of text, you may want to remove the
    padding. */
    .twoColLiqRtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the
    #header div will avoid margin collapse - an unexplainable space
    between divs. If the div has a border around it, this is not
    necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will
    allow you to keep the element away from the edges of the div */
    /* Tips for sidebar1:
    1. since we are working in percentages, it's best not to use
    padding on the sidebar. It will be added to the width for standards
    compliant browsers creating an unknown actual width.
    2. Space between the side of the div and the elements within
    it can be created by placing a left and right margin on those
    elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
    3. Since Explorer calculates widths after the parent element
    is rendered, you may occasionally run into unexplained bugs with
    percentage-based columns. If you need more predictable results, you
    may choose to change to pixel sized columns.
    .twoColLiqRtHdr #sidebar1 {
    float: right; /* since this element is floated, a width must
    be given */
    width: 24%;
    background: #EBEBEB; /* the background color will be
    displayed for the length of the content in the column, but no
    further */
    padding-top: 15px 0; /* top and bottom padding create visual
    space within this div */
    .twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
    margin-left: 10px; /* the left and right margin should be
    given to every element that will be placed in the side columns */
    margin-right: 10px;
    /* Tips for mainContent:
    1. the space between the mainContent and sidebar1 is created
    with the right margin on the mainContent div. No matter how much
    content the sidebar1 div contains, the column space will remain.
    You can remove this right margin if you want the #mainContent div's
    text to fill the #sidebar1 space when the content in #sidebar1
    ends.
    2. to avoid float drop at a supported minimum 800 x 600
    resolution, elements within the mainContent div should be 430px or
    smaller (this includes images).
    3. in the Internet Explorer Conditional Comment below, the
    zoom property is used to give the mainContent "hasLayout." This
    avoids several IE-specific bugs.
    .twoColLiqRtHdr #mainContent {
    margin: 0 26% 0 10px; /* the left margin should mirror the
    margin on the header and footer for proper alignment. */
    .twoColLiqRtHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .twoColLiqRtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in
    the footer will avoid the possibility of margin collapse - a space
    between divs */
    padding: 10px 0; /* padding on this element will create
    space, just as the the margin would have, without the margin
    collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right
    in your page. The floated element must precede the element it
    should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left
    in your page. The floated element must precede the element it
    should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or
    break element and should be the final element before the close of a
    container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    take a look at this
    .twoColLiqRtHdr #container {
    width: 80%; /* this will create a container 80% of the
    browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a
    width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center
    on the body element. */
    how do you interpret
    .twoColLiqRtHdr #container?
    in the code, .twoColLiqRtHdr is a class for the <body>
    tag only.
    So i guess I just need some enlightenment on how this CSS
    works, maybe I'm used to just defining the ID of <div> tags
    (ex: #wrapper {}).
    Is this use for inline styles only?
    what's the advantage of using this type of styles?
    I hope someone can take a look at this, thank you in advance!
    :)

    Yeah.... I can't really see a use for class here at all. But
    that's me
    (and now you!)....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Thierry | www.TJKDesign.com" <[email protected]>
    wrote in message
    news:f0lh1l$ng$[email protected]..
    > Murray *ACE* wrote:
    >> I use this often when I have a single template with
    variable layout
    >> (i.e., section-specific layouts). You can use either
    >> server-scripting or template parameters to change
    the ID attribute on
    >> the body tag, which will trigger an entirely
    different set of CSS
    >> selector assignments.
    >
    > FWIW, I believe it makes more sense to use an ID
    attribute - as you do -
    > rather than a class on "BODY" as this element is unique
    through the
    > document.
    >
    > --
    > Thierry
    > Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    > The perfect FAQ page:
    http://www.TJKDesign.com/go/?9
    > CSS-P Templates:
    http://www.TJKDesign.com/go/?1
    > CSS Tab Menu:
    http://www.TJKDesign.com/go/?3
    >
    >

Maybe you are looking for

  • Use collections in Adobe Bridge

    This question was posted in response to the following article: http://help.adobe.com/en_US/creativesuite/cs/using/WSA54A1C45-604E-4515-B212-0A3DF67417C4. html

  • What is the best way for email processing setup on CRM 2013 (on- premises) Set up?

    We need to notify customers via CRM 2013 for some activities. I searched regarding email processing set up, and i found two options: 1. via outlook 2.  Via Exchange Server. Tried through email router (exchange server), but it requires exchange online

  • Firefox 18 crashes upon opening Facebook every time

    I just updated to 18.0 yesterday. Since then, Facebook will crash FF upon login without fail. I can get to the main page (where I'd log in) but as soon as my home page starts to load, Firefox is unresponsive. I haven't noticed any issue with any othe

  • Query for ODSI service

    Hi Mike, I was wondering whether we can add order hint i.e. /*+ ordered */ in an ODSI query. Kindly help regarding the issue.

  • Editing high resolution photos based on lower ones?

    Hi Photoshopper, I have taken 500 photos (in highest resolution, JPG, each ~5 MBytes) and want to crop them individually. With fewer ones I opened eg 30 at once, made my changes (eg cropping) and exported/saved these images via an action. But this me