AS IS-TO BE,GAP analaysis

Hi Iam a wm consultant i hvnt wrked in full life cycle implementations bt nw iam stepping in it.I need to knw in detail reg the AS IS-TO BE,GAP analaysis,could anybdy plz gt any detail docementation or useful links, any bussines scenarios might be helpful
Thx

Dear Max,
Without knowing the background, how one can provide the document. You should mentioned Industry, Country, some of the business processes.
btw, some informations are as follow:
AS IS means your current business process so contact your business guys to get this information.
TO Be means how you want to design the business process and map that in SAP system, so discuss with business guy to get information how you need to design SAP system, and as you are working on WM project so you can give your best input to help them with std functionalitities.
Regarding GAP, if any business process is not supported by SAP then you can find some solution for this by developements or enhancement.
Here is the link to get configuration documents for the industry, business and country based package.
<a href="http://help.sap.com/">Best practice</a> -> Best practice -> Industry/business package
http://help.sap.com/bp_bblibrary/500/BBlibrary_start.htm
Hope this helps.
Regards
Arif Mansuri

Similar Messages

  • Error message -- "The gap...st have a duration of either a zero, or at least 0.4 seconds

    timeline has 2 errors -- and this is what the error says.  Of course I have no idea what the sentence says completely...
    Have no idea where to look for the fix.
    The menu used is cityscape modified HD and for main menu and then 2 submenus.
    CS6
    Anyone have any ideas?
    Thanks

    Zoom in on the junction between files. Is there a gap in the audio or video?
    The usual problem here is that mpeg files often have small differences in the length of the audio and video streams. When you butt them together, this creates small gaps.
    I have not experimented with this, and do not know whether using an mpg file (muxed) or m2v/wav/a3c (demuxed) makes a difference. I don't ever put multiple files on one timeline. If I need them on one timeline, I create one file.

  • Error while saving FYV : Gaps in financial year variant periods

    Hello Experts,
    We are getting an error while saving  a new FYV as:
    Gaps in financial year variant periods XY
    Message no. FGV556
    Diagnosis
    The period specification has gaps. The periods must be sequentially numbered without any gaps.
    System Response
    Only a correctly defined period assignment can be saved.
    Procedure
    Define the periods with consecutive numbers.
    Details: The new FYV has 52/53 weeks as posting periods depending on calendar year.
    For example, we are trying to define Fisc 2009 as follows. (Fiscal year 2009 = Nov 01 2008 to Oct 31 2009).
    Month-Day-Period-Yearshift
    11     ---     7     ---     1     ---     +1
    11     ---     14     ---     2     ---     +1
    11     ---     21     ---     3     ---     +1
    11     ---     28     ---     4     ---     +1
    12     ---     5     ---     5     ---     +1
    12     ---     12     ---     6     ---     +1
    12     ---     19     ---     7     ---     +1
    12     ---     26     ---     8     ---     +1
    12     ---     31     ---     9     ---     +1
    1     ---     3     ---     9     ---     0
    1     ---     10     ---     10     ---     0
    1     ---     17     ---     11     ---     0
    1     ---     24     ---     12     ---     0
    1     ---     31     ---     13     ---     0
    2     ---     7     ---     14     ---     0
    2     ---     14     ---     15     ---     0
    2     ---     21     ---     16     ---     0
    2     ---     28     ---     17     ---     0
    3     ---     7     ---     18     ---     0
    3     ---     14     ---     19     ---     0
    3     ---     21     ---     20     ---     0
    3     ---     28     ---     21     ---     0
    4     ---     4     ---     22     ---     0
    4     ---     11     ---     23     ---     0
    4     ---     18     ---     24     ---     0
    4     ---     25     ---     25     ---     0
    4     ---     2     ---     26     ---     0
    5     ---     9     ---     27     ---     0
    5     ---     16     ---     28     ---     0
    5     ---     23     ---     29     ---     0
    5     ---     30     ---     30     ---     0
    6     ---     6     ---     31     ---     0
    6     ---     13     ---     32     ---     0
    6     ---     20     ---     33     ---     0
    6     ---     27     ---     34     ---     0
    7     ---     4     ---     35     ---     0
    7     ---     11     ---     36     ---     0
    7     ---     18     ---     37     ---     0
    7     ---     25     ---     38     ---     0
    8     ---     1     ---     39     ---     0
    8     ---     8     ---     40     ---     0
    8     ---     15     ---     41     ---     0
    8     ---     22     ---     42     ---     0
    8     ---     29     ---     43     ---     0
    9     ---     5     ---     44     ---     0
    9     ---     12     ---     45     ---     0
    9     ---     19     ---     46     ---     0
    9     ---     26     ---     47     ---     0
    10     ---     3     ---     48     ---     0
    10     ---     10     ---     49     ---     0
    10     ---     17     ---     50     ---     0
    10     ---     24     ---     51     ---     0
    10     ---     31     ---     52     ---     0
    The above entries cover all the dates in calendar year 2009, that is, Jan 2009 to Oct 2009  is covered by periods 10 to 52 and Nov 01 2009 to Dec 31 2009 is covered by period 1 to 9 of the following fiscal year 2010.
    Inspite of making sure that all the days of 2009 are covered by periods 1 to 52. We are still unable to save the FYV.
    Please help!
    Susan

    Hello, I am getting this error while saving the FSV. My FSV is based on Weeks. Below is what I am inputting for this. Other details are Calender Year -  2017, No. of posting periods - 53, checked year dependent. Also, I have FSV for previous years also where weeks are 52 but configured as 53. So, hope that this is not creating this issue. Solicit your early response.
    Month
    Day
    Period
    Year Shift
    1
    7
    1
    0
    1
    14
    2
    0
    1
    21
    3
    0
    1
    28
    4
    0
    2
    4
    5
    0
    2
    11
    6
    0
    2
    18
    7
    0
    2
    25
    8
    0
    3
    4
    9
    0
    3
    11
    10
    0
    3
    18
    11
    0
    3
    25
    12
    0
    4
    1
    13
    0
    4
    8
    14
    0
    4
    15
    15
    0
    4
    22
    16
    0
    4
    29
    17
    0
    5
    6
    18
    0
    5
    13
    19
    0
    5
    20
    20
    0
    5
    27
    21
    0
    6
    3
    22
    0
    6
    10
    23
    0
    6
    17
    24
    0
    6
    24
    25
    0
    7
    1
    26
    0
    7
    8
    27
    0
    7
    15
    28
    0
    7
    22
    29
    0
    7
    29
    30
    0
    8
    5
    31
    0
    8
    12
    32
    0
    8
    19
    33
    0
    8
    26
    34
    0
    9
    2
    35
    0
    9
    9
    36
    0
    9
    16
    37
    0
    9
    23
    38
    0
    9
    30
    39
    0
    10
    7
    40
    0
    10
    14
    41
    0
    10
    21
    42
    0
    10
    28
    43
    0
    11
    4
    44
    0
    11
    11
    45
    0
    11
    18
    46
    0
    11
    25
    47
    0
    12
    2
    48
    0
    12
    9
    49
    0
    12
    16
    50
    0
    12
    23
    51
    0
    12
    30
    52
    0
    12
    31
    1
    +1
    Thanks
    Deepankar

  • If I get the photography plan does it come with phone gap build (the 25 private apps) or do I need to purchase them seperately

    I have been using the phone gap build service and I noticed that the plans page links to the Creative Cloud plans as well (the ? in the top right). I was wondering if I get the photoshop/lightroom plan if I get access to the paid phone gap build service or if I need to purchase that as well?
    Thanks.

    Phone Gap is not part of the photography bundle. Why should it? You do not get Dreamweaver or Flash to actually build content for Phone Gap, only PS and LR.
    Mylenium

  • Page gap in DW CS6 tutorial. Please help!

    I am getting this gap in my page and it started just after I added this <nav> bar. I have done this lesson several times starting from scratch and it still gives me this gap. I am not sure if the book is missing something or it's me. The book shows no gap in the examples. I would greatly appreciate any help. I am a little new to DW. I took HTML in high school about 16 years ago so I understand some code by hand. Thanks for your time.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color: #42413C;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #6E6C64;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
    width: 950px;
    background-color: #FFFFFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    border: 2px solid #060;
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
    background-color: #090;
    background-image: url(Lessons/images/banner.jpg);
    background-repeat: no-repeat;
    height: 130px;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.
    .sidebar1 {
    float: left;
    width: 180px;
    background-color: #EADCAE;
    padding-bottom: 10px;
    .content {
    padding: 10px 0;
    width: 770px;
    float: right;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background-color: #090;
    color: #FFC;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #ADB96E;
    color: #FFF;
    /* ~~ The footer ~~ */
    footer {
    padding: 10px 0;
    background-color: #CCC49F;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, article, figure {
    display: block;
    #apDiv1 {
    position: absolute;
    width: 170px;
    height: 158px;
    z-index: 1;
    margin-top: 10px;
    margin-left: 30px;
    nav p {
    font-size: 90%;
    color: #FFC;
    text-align: right;
    font-weight: bold;
    background-color: #090;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #060;
    -->
    </style><!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--></head>
    <body>
    <div class="container">
      <div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
      <header></header>
        <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Green News</a></li>
          <li><a href="#">Green Products</a></li>
          <li><a href="#">Green Events</a></li>
          <li><a href="#">Green Travel</a></li>
          <li><a href="#">Green Tips</a></li>
        </ul>
        <aside>
          <p> The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.</p>
          <p>If you would like the navigation along the top, simply move the ul to the top of the page and recreate the styling.</p>
        </aside>
      <!-- end .sidebar1 --></div>
      <article class="content">
        <h1>Instructions</h1>
        <section>
         <h2>How to use this document</h2>
          <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts.http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
        </section>
        <section>
          <h2>Clearing Method</h2>
          <p>Because all the columns are floated, this layout uses a clear:both declaration in the footer rule.  This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a &lt;br class=&quot;clearfloat&quot; /&gt; or &lt;div  class=&quot;clearfloat&quot;&gt;&lt;/div&gt; after your final floated column (but before the .container closes). This will have the same clearing effect. </p>
        </section>
        <section>
          <h2>Logo Replacement</h2>
          <p>An image placeholder was used in this layout in the header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
          <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
          <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
        </section>
        <section>
          <h2>Backgrounds</h2>
          <p>By nature, the background color on any block element will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content block will always contain more content, you can place a border on the .content block to divide it from the column.</p>
        </section>
        <!-- end .content --></article>
      <footer>
        <p>This footer contains the declaration position:relative; to give Internet Explorer 6 hasLayout for the footer and cause it to clear correctly. If you're not required to support IE6, you may remove it.</p>
        <address>
          Address Content
        </address>
      </footer>
    <!-- end .container --></div>
    </body>
    </html>

    Sorry about that. I am not exactly sure where the problem is, but I know it takes place after I put the <nav> in (in the html portion). If I understand what I am learning, the CSS at the top will structure my html code so I would have thought the CSS tageting my nav would be the focus. Maybe it is a different section though.
    CSS part:
    nav p {
    font-size: 90%;
    color: #FFC;
    text-align: right;
    font-weight: bold;
    background-color: #090;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #060;
    HTML part: (bold italic is the part I added)
    <body>
    <div class="container">
      <div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
      <header></header>
      <nav>
        <p>Home | About Us | Contact Us</p>
      </nav>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Green News</a></li>
          <li><a href="#">Green Products</a></li>
          <li><a href="#">Green Events</a></li>
          <li><a href="#">Green Travel</a></li>
          <li><a href="#">Green Tips</a></li>
        </ul>

  • 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

  • How do I Create an Android Certificates for Phone Gap?

    I wanted to know how to create an Android Cerficiate that I can use in Phone Gap. I tried to use the certificate that I created in Flash but apparently Phone Gap is no longer accepting these kinds of certificates.
    If anyone knows of a straight-forward, designer friendly article or resource that explains how to do this, it would be much appreciated. Flash makes its super simple to create an Android Certificate.

    Thank Nancy. This is helpful.
    However, Flash Professional has built-in panel that allows you to create an Android certificate in under 30 seconds.
    The information from Android and Phone Gap is helpful but seems to be unecessarily clunky. Since this is my first time creating an Android certificate (outside of Flash) it looks like this process will take a few hours (or more) assuming trial and error and reading through the documentation.
    I was just wondering if there is a simpler solution available, something similar to the process in Flash Professional.

  • How can I get Firefox to fill my screen? There are gaps in the top and bottom of my screen, thanks.

    I dropped my laptop recently and messed up the hard drive so after installing new hard drive I reloaded win 7 and Mozilla Firefox. When Firefox loads up there is a 1" plus gap on the top and a half inch gap at the bottom of all pages. How can I get the browser to fill the screen? Thanks.

    This website is using autocomplete=off to prevent Firefox from saving and filling the name and password.
    You can remove autocomplete=off with a bookmarklet to make Firefox save names and passwords and other form data.
    *http://kb.mozillazine.org/User_name_and_password_not_remembered

  • Delete and close gap problem

    I have 2 project s  on 1 [delete and close gap] no work why?    on  premiere element 12

    djvalente
    What computer operating system is your Premiere Elements 12 running on? Have you updated 12 to the 12.1 Update using an opened project's Help Menu/Update? If not, please do so.
    For your immediate issue...
    Whether or not the command Delete and Close Gap works is typically dependent on the content above and below the
    spot where you want to delete and close gap. Manual closing of the gap (with care) with the mouse cursor may be your way.
    Please review the following details on how the Delete and Close Gap command can fail.
    ATR Premiere Elements Troubleshooting: PE: Delete and Close Gap Failures
    If you have any questions or need clarification, please do not hesitate to ask.
    Thank you.
    ATR

  • Have a gap in detail of first page and not display group footer on each pag

    Please help me about Memo field in SubReport in CrystalReportXI. I have a SubReport that need to display pageheader, detail, page footer, and  in detail of subreport contains memo field and set the property of this text box to "Can Grow" = Yes .However, CrystalReportX does not support to display  pageheader, pagefooter in SubReport. So. I have created a formular FakePageHeader that has code  as
    "WhileReadingRecords;
    true"
    and group in this field and checked option repeat group header on each page and right click Section Expert->check print at Bottom of page for Group Footer.
    This problem is when I preview Subreport. It display text in group header and a gap in detail of first page and view next page, the subreport display right data of memo field. But the report still not display group footer on each page.
    How do I can remove a gap in first page and display group footer on each page?
    Thanks

    in subreport in format for the memo field uncheck keep object together.
    You can not force group footers to repeat on each page.
    I have not tried this but you might be able to capture the data you want to show in SR page footer and display in main report page footer, using shared variables.
    Ian

  • Gap on each page of resume (template)

    Pretty sure I started my resume using the elegant resume template on Pages. With that it created a large "header" for "company name" etc. with decorative line. I have this on my resume with my name above the line and address below the line and when you click on it it's all one moveable object (unlike in the template, I don't remember what I did to do that).
    Also note that this "header" is not actually within the document header section.
    Everything looks great but on each subsequent page there is a large gap as if the name/address object is there on each page even though it is not and I can't get rid of this gap.

    Using multiple returns is a very crude and amateurish way of laying out text.
    Firstly determine what should and should not be in the Headers and Footers. Company Name and Address should not be in the Header if they are only required once on the front page. They should be in a floating TextBox or part of the Initial Text.
    Headers and Footers should be reserved for what they are meant for, repeating elements like Chapter titles and page numbers.
    To maintain the necessary spacing to the text under use Space after paragraph.
    In Pages '09 you can do this more neatly with First Page is different and using a Layout Break to start the page lower.
    Peter

  • Unable to reinstall WSUS on air-gapped Windows Server 2008 R2 SP1 server

    A co-worker installed WSUS on an air-gapped (not connected to the Internet) server running Windows Server 2008 R2 SP1, but he wasn't sure he'd configured everything properly, and asked me to uninstall and reinstall it.  The uninstallation went without
    a hitch, but reinstalling through the Server Manager gives the error message "The update could not be found.  There may be a network connection issue."  The Server Manager log shows the following:
    8632: 2014-04-25 15:30:22.578 [Provider]                  System changed since last refresh: False
    8632: 2014-04-25 15:30:29.489 [InstallationProgressPage]  Loading progress page...
    8632: 2014-04-25 15:30:29.520 [InstallationProgressPage]  Creating WindowsUpdateDownloader.
    8632: 2014-04-25 15:30:29.535 [InstallationProgressPage]  Searching for Updates...
    8632: 2014-04-25 15:30:29.535 [InstallationProgressPage]  Starting asynchronous download.
    8632: 2014-04-25 15:30:29.535 [WindowsUpdateDownloader]   Creating session.
    8632: 2014-04-25 15:30:29.535 [WindowsUpdateDownloader]   Search query: 'CategoryIDs contains '4e487029-f550-4c22-8b31-9173f3f95786''
    8632: 2014-04-25 15:30:29.582 [WindowsUpdateDownloader]   Searching....
    8632: 2014-04-25 15:33:07.906 [WindowsUpdateDownloader]   Search failed, HRESULT: -2145107924, message: Exception from HRESULT: 0x8024402C
    8632: 2014-04-25 15:33:07.921 [InstallationProgressPage]  Search completed, result: Failed.
    8632: 2014-04-25 15:33:07.921 [WindowsUpdateDownloader]   Sending failure DownloadComplete event.
    8632: 2014-04-25 15:33:07.921 [InstallationProgressPage]  Download completed, result: NotStarted.
    8632: 2014-04-25 15:33:07.921 [InstallationProgressPage] Error (Id=0) Failure message: 'The update could not be found. There may be a network connection issue. <a href="WSUS.chm::/html/54a9eb1f-5dd1-42d8-ad00-dae55d7b9463.htm">Click here for
    more information.</a>'
    8632: 2014-04-25 15:33:07.921 [InstallationProgressPage]  Invoking LoadFinishPage.
    8632: 2014-04-25 15:33:07.921 [InstallationProgressPage]  About to load finish page...
    8632: 2014-04-25 15:33:07.937 [InstallationFinishPage]    Loading finish page
    8632: 2014-04-25 15:33:07.953 [InstallationFinishPage]    Finish page loaded
    Any ideas?

    Hi,
    0x8024402C WU_E_PT_WINHTTP_NAME_NOT_RESOLVED
    Winhttp SendRequest/ReceiveResponse failed with 0x2ee7 error. Either the proxy server or target server name cannot be resolved. Corresponding to ERROR_WINHTTP_NAME_NOT_RESOLVED.
    Stop/Restart service or reboot the machine if you see this error frequently.
    Since the server is not connect to the internet, at least it should have an available upstream server. Did you configure it correctly? The error message indicate that the
    name could not resolved, make sure you can resolve the name of the upstream server. Run nslookup check the result.
    If it is the only WSUS, then give it internet connection and test.
    Hope this helps.

  • How can I fill gaps in timeline PrE12?

    I am at my wits' end.
    I have a rather complicated project (instructional video) with native audio, sound track, Vid track with numerous short clips, freeze frames and color mattes, plus many titles of varying lengths.
    I discovered that a couple of the titles were too short--so I made them longer (from 6 sec to 10 sec).
    I then discovered that PrE12 had decided to cut the soundtrack, the native audio and the Vid track and slide everything to the right along the timeline, leaving 4 second black holes to correspond to the increased length of the titles I changed.  (I didn't see this when it was happening due to lack of vertical viewing area.
    OK, fine, click on a black hole and hit backspace.  It worked.  Go on the the next one.  Nada.  Click the stubborn black hole again and hit Delete.  Nada.  Right click the black hole and do a Delete and Close Gap.  Grayed out.
    OK, plan B: painstakingly select all the many clips to the right of the black hole in the Vid track, Group them, and slide left.  Being sure that they weren't Grouped or Linked to anything else.  (This was due to the one gap successfully being closed in the Vid track only, thus leaving an imbalance among the tracks--the Vid track with one less black hole than all the others.
    Result: everything on every other track slides all the way to the right, past the end of the Vid track.
    So now I have an unbroken Vid track and all the other tracks in two pieces separated by a huge gap.
    Undo.  Try adding a blank track in between.  Same result.  Try Un-enabling all the stuff I don't want to affect.  Same result.
    So here I am with a total mess.  I can of course use History to get back to the status quo ante but that doesn't solve the problem of how to increase the duration of a couple of clips (in this case Titles, but the problem is there no matter what track or type of media I'm working with) without everything else moving around.
    I can't believe that a program could be this poorly designed; there has to be a way to do this.  "This" being the addition of a bit of duration to a couple of clips without trashing all the other tracks.
    All ideas gratefully accepted.

    How do I do that?  Don't see any option for it.
    Thanks. Never mind--I'll try the camera icon.
    1. Timeline after adding items--sound track is chopped up.  Other tracks will be chopped up as well.  Sound track is not grouped with or linked to anything else.
    2. Slide sound track clip to left to fill the gap--this pushes everything else all the way to the right.  (Scale is reduced to enable effect to be seen.)
    The same thing happens, as described above, with titles--make them longer, gaps appear in the other tracks.  Slide a clip to the left to close the gap, everything else jumps all the way to the right.
    Insanity-producing.
    Message was edited by: Kawika808 - added screenshots.

  • How do I get my menu bar at the top of the page with no gaps?

    How do I get my menu bar at the top of the page with no gaps? Whenever I move it there is a huge gap at the top of the page which I cant seem to get rid of, i posted about this before but none of the suggestions seemed to work for me. i'm not very good with css so im not really sure where to find the problem. There are generally gaps everywhere which looks at absolute mess, no clue how they got there and why, there is a huge gap underneath my menu bar too which wasnt there before. how do i get rid of this too? its probably some padding a or margin but no clue where.
    <!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>Home</title>
    <link href="main.css" rel="stylesheet" type="text/css" />
    <link href="style2.css" rel="stylesheet" type="text/css" />
    <!--embedded styles for this page only-->
    <style type="text/css">
    body {
    margin:0;
    padding:0;
    font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
    #wrapper {
    width: 1064px;
    margin: 0 auto; /**with width, this centers page on screen**/
    background: #FFF;
    text-align:center;
    .clearing {
    clear:left;
    height:px;
    width: 100%;
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper"> <a href="home.html"><img src="_Business_Cards/banner copy.jpg" alt="banner" width="1064" height="374" align="top" /></a>
    <!--begin menu -->
    <ul id="MenuBar1" class="MenuBarHorizontal">
       <li><a href="home.html">Home</a></li>
       <li><a href="#" class="MenuBarItemSubmenu">Lingerie</a>
         <ul>
           <li><a href="#">Camis &amp; Nightslips</a>        </li>
           <li><a href="#" class="MenuBarItemSubmenu">Garter Belts &amp; Girdles</a>
             <ul>
               <li><a href="#">Tops</a></li>
               <li><a href="#">Bottoms</a></li>
               <li><a href="#">Accessories</a></li>
             </ul>
           </li>
           <li><a href="#">Sets</a></li>
           <li><a href="#">Knickers</a></li>
         </ul>
       </li>
       <li><a class="MenuBarItemSubmenu" href="#">Swimwear</a>
         <ul>
           <li><a href="t-shirt shop.html">Bikini</a></li>
           <li><a href="t-shirt shop.html">Tankini</a></li>
           <li><a href="t-shirt shop.html">One-Piece</a></li>
           <li><a href="#">Monokini</a></li>
         </ul>
       </li>
       <li><a href="#" class="MenuBarItemSubmenu">Men's</a>
         <ul>
           <li><a href="#">Boxer's</a></li>
         </ul>
       </li>
       <li><a href="#" class="MenuBarItemSubmenu">Extras</a>
         <ul>
           <li><a href="#">Bags</a></li>
           <li><a href="#" class="MenuBarItemSubmenu">Dancewear</a>
             <ul>
               <li><a href="#">Leotards</a></li>
               <li><a href="#">Crop Tops</a></li>
               <li><a href="#">Hotpants</a></li>
             </ul>
           </li>
         </ul>
       </li>
       <li><a href="clearance.html">Clearance</a></li>
    <li><a href="pastpro.html">Gallery</a></li>
    <li><a href="Contact.html">Contact</a></li>
    </ul>
    <h2> </h2>
    <div id="thumbs" width="192"><!--end wrapper -->
      <p align="center"><!-- Begin DWUser_EasyRotator -->
    <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
    <div class="dwuserEasyRotator" style="width: 1064px; height: 561px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-87-105-108-108-105-97-109 -47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-10 1-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false}" data-erName="HomepageSlideshow" data-erTID="{zp7zmhgwl9549847691831}">
              <div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
              <li>
                        <img class="main" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" alt="One-Off Triangular Soft Bra &amp; High-Waist Knicker Set" />
                        <img class="thumb" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" />
                        <span class="title">One-Off Triangular Soft Bra & High-Waist Knicker Set</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/thong ebay.jpg" alt="Pink + Aqua Thongs (Part of Nightslip and Thong set)" />
                        <img class="thumb" src="slideshowpictures/thong ebay.jpg" />
                        <span class="title">Pink + Aqua Thongs (Part of Nightslip and Thong set)</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/DSC_7405z.jpg" alt="Floral High-Waist Lace Panel Knicker" />
                        <img class="thumb" src="slideshowpictures/DSC_7405z.jpg" />
                        <span class="title">Floral High-Waist Lace Panel Knicker</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/DSC_0018 copy.jpg" alt="Navy Blue Velvet High-Waist Bikini Set" />
                        <img class="thumb" src="slideshowpictures/DSC_0018 copy.jpg" />
                        <span class="title">Navy Blue Velvet High-Waist Bikini Set</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/DSC_7420.jpg" alt="Pink &amp; Aqua Nightslips (Part of Nightslip &amp; Thong set)" />
                        <img class="thumb" src="slideshowpictures/DSC_7420.jpg" />
                        <span class="title">Pink & Aqua Nightslips (Part of Nightslip & Thong set)</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" alt="Black Floral Bandeau &amp; Lace Girdle Set" />
                        <img class="thumb" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" />
                        <span class="title">Black Floral Bandeau & Lace Girdle Set</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                        <img class="thumb" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" />
                        <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" alt="Maroon Velvet Bikini High-Waist Bottoms" />
                        <img class="thumb" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" />
                        <span class="title">Maroon Velvet Bikini High-Waist Bottoms</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/floral ebay.jpg" alt="Floral/Multi Bikini High-Waist Bottoms" />
                        <img class="thumb" src="slideshowpictures/floral ebay.jpg" />
                        <span class="title">Floral/Multi Bikini High-Waist Bottoms</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/DSC_0096 copy9.jpg" alt="Purple &amp; Champagne Bandeau Bikini Tops" />
                        <img class="thumb" src="slideshowpictures/DSC_0096 copy9.jpg" />
                        <span class="title">Purple & Champagne Bandeau Bikini Tops</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                        <img class="thumb" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" />
                        <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/DSC_73612.jpg" alt="Matching Orange/White Lace Crop Top &amp; Thong Set" />
                        <img class="thumb" src="slideshowpictures/DSC_73612.jpg" />
                        <span class="title">Matching Orange/White Lace Crop Top & Thong Set</span>
              </li>
              <li>
                        <img class="main" src="slideshowpictures/logo h copy.jpg" alt="Logo" />
                        <img class="thumb" src="slideshowpictures/logo h copy.jpg" />
                        <span class="title">Logo</span>
              </li>
    </ul>
    </div>
              <div data-ertype="layout" data-ertemplateName="NONE" style="">                    <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
                                  <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                            <div class="erimgMain_slide">
                                                      <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                            </div>
                                  </div>
                                  <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                                  <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                        </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                                  This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                                  <br /><br />
                Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                                  <br /><br />
                                  <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>  
                        </div>
                        <noscript>
                                  Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
                        </noscript>
                        <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
              </div>
    </div>
    <!-- End DWUser_EasyRotator --></p>
    </div>
    <hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
    <img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" alt="PayPal Acceptance Mark" width="192" height="38" border="0" align="right" />
    <div align="left">
      <p><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside', 'olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=500');">Copyright &copy; Hannah-Rose 2013 > <a href="about.html">About</a> &gt; <a href="terms and conditions.html">Terms &amp; Conditions </a></p>
      <!-- PayPal Logo --><!-- PayPal Logo --><!-- PayPal Logo --><!-- PayPal Logo --></div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              cursor: default;
              width: 64em;
              margin-bottom: 0px;
              margin-left: auto;
              margin-top: 0px;
              margin-right: 0px;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
              z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              position: relative;
              text-align: left;
              cursor: pointer;
              width: 8em;
              float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              z-index: 1020;
              cursor: default;
              width: 8.2em;
              position: absolute;
              left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
              left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
              width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
              position: absolute;
              margin-top: -5%;
              margin-right: 0;
              margin-bottom: 0;
              margin-left: 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
              left: auto;
              top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
              border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
              display: block;
              cursor: pointer;
              background-color: #FFF;
              color: #333;
              text-decoration: none;
              font-family: Pristina;
              font-size: 21px;
              font-weight: normal;
              padding-right: 0.75em;
              padding-left: 0.75em;
              padding-top: 0.5em;
              padding-bottom: 0.5em;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
              background-color: #33C;
              color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
              background-color: #FFF;
              color: #666;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarDown.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarRight.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarDownHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarRightHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
              position: absolute;
              z-index: 1010;
              filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
              ul.MenuBarHorizontal li.MenuBarItemIE
                        display: inline;
                        f\loat: left;
                        background: #FFF;

  • How do I remove the gap above my Spry Menu bar?

    Hi Folks,
    I have an extensive web site which I built over many years and using different programs but have now jettisoned all of thse and work exclusively with Dreamweaver to maintain and improve it myself. To date I have always had to edit each item on each page separately then upload everything to keep my now vast website updated.
    I read that if I made an SSi file for my navigation menu then I do not need to edit it on each separate page of my site so long as I load the pages of my site as .shtml files and insert a Server-Side Includes line in the code of my web pages. All great in theory BUT for some reason which is confounding me there is a gap appearing at the top of the page which is not there on the pages which are not .shtml and have my sprymenu embedded in the code.
    Rather than attach long code here, it might be easier to see the problem on my live pages. So please go to any page of www.dominicnatoli.com to see how the site looks with the spry menu in each page and then go to say www.dominicnatoli.com/2011.shtml to see one of the newly loaded pages which displays the menu from the file www.dominicnatoli.com/includes/navmenu.shtml. interestingly enough if I open the navmenu.shtml alone it displays at the top of the page but whenever I open it as embedded code on my .shtml content pages it does not display at the top of the page.
    I have not completely uploaded all the .shtml files of the site as I have encountered this issue and if I cannot resolve it I will ababndon this course of action and search for another solution so if you click on some of the menu items and it takes you to a dead end that is not in and of itself the problem as not all the .shtml files have been loaded to the server yet.
    I have trawled through the css and code to the best of my "limited" ability and am frustrated as I cannot find my error. There ar epossibly hundreds of errors in the pages as this site has been created using many different programs over decades and one of my reason for trying to do this new menu management is part of my overhaul stragtegy which has stumbled already at the first step. LOL I know we say if it ain't broke don't fix it, but I need to sort out a better way of editin the navigation menu universally rather than having to write code into each menu on each page in order for the nav bar to be consistent wite wide.
    I would really be grateful if one of you gurus can tell me where I am going wrong so I can replicate the solution for the remained of my pages. I am not sure if the problem is in teh navmenu.shtml page and its associated css or in the other shtml page with its much larger css. Thanks for any help you can give me to sort his out.
    I am working on Dreamweaver CC and CS6 ( the latter has an Insert Server Side Includes extension which does not work in CC so I tend to use CC for the main updates and CS6 for the SSI stuff.)
    Please let me know if you need any other information or stuff from me. Thanks a lot and
    All the best
    Dominic

    OK Nancy, so I moved the code as you suggested, and it has gone back to showing the nav menu formatted BUT still with a gap at the top.
    Here is the new code for the page. BTW it only has 463 lines
    <!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"/>
    <meta name="Generator" content="DreamweaverCS5.5"/>
    <title>Dominic Natoli 1996 to 1998 Schedule</title>
    <link rel="shortcut icon" href="images/favicon.ico" />
    <meta name="keywords" content="Mario Lanza, Mario Lanza Story, Joshua, Handel, St. John Passion, Melbourne Symphony Orchestra, Ismaele, Nabucco, Don Josè, Carmen, Australian Pops Orchestra, Beethoven, 9th Symphony, Sydney Opera House, Tamino, Adelaide Symphony Orchestra, Melbourne Concert Hall, Ernesto, Don Pasquale, Donizetti, Nemorino, L&#39;Elisir d&#39;amore, Dorset Opera, Messiah, Handel, Adelaide Symphony, Queen Elizabeth Hall, English National Opera, Don Josè, Strike up the Band, Gershwin, Rusalka, Chandos, South Australian State Opera, Opera Queensland, Australian Pops Orchestra, Melbourne Concert Hall, Ernesto, Don Pasquale, Donizetti, Nemorino, L&#39;Elisir d&#39;amore, Dorset Opera, Messiah, Handel, Adelaide Symphony, Queen Elizabeth Hall, English National Opera, Don Josè, Strike up the Band, Gershwin, Rusalka, Chandos, South Australian State Opera, Opera Queensland, Australian Pops Orchestra"/>
    <meta name="description" content="Dominic Natoli Schedule 1996 - 1998"/>
    <meta name="author" content="Alex Weston"/>
    <meta name="copyright" content="© All rights reserved"/>
    <meta http-equiv="Content-Language" content="en-gb"/>
    <style type="text/css">
    <!--
    body {margin: 0px; padding: 0px;}
    a:link {color: #6f0070;}
    a:visited {color: #009c9c;}
    a:hover {color: #6f0070;}
    a:active {color: #6f0070;}
    .Normal-P
            margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
    .Normal-P0
            margin:0.0px 2.0px 0.0px 2.0px; text-align:right; font-weight:400;
    .Normal-P1
            margin:0.0px 0.0px 0.0px 0.0px; text-align:right; font-weight:400;
    .Normal-P2
            margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
    .Normal-P3
            margin:0.0px 0.0px 0.0px 0.0px; text-align:justify; font-weight:400;
    .Normal-C
            font-family:"Times New Roman", serif; font-size:15.0px;
            line-height:1.27em; color:#400040;
    .Normal-C0
            font-family:"Times New Roman", serif; font-size:5.0px;
            color:#400040;
    .Normal-C1
            font-family:"Times New Roman", serif; font-size:13.0px;
            line-height:1.31em; color:#400040;
    .Normal-C2
            font-family:"Times New Roman", serif; font-weight:700;
            font-size:13.0px; line-height:1.31em; color:#800000;
    .Normal-C3
            font-family:"Times New Roman", serif; font-weight:700;
            font-size:12.0px; line-height:1.33em;
    .Normal-C4
            font-family:"Times New Roman", serif; font-style:italic;
            font-weight:700; font-size:12.0px; line-height:1.33em;
    .Normal-C5
            font-family:"Bookman Old Style", serif; font-weight:700;
            font-size:16.0px; line-height:1.19em; color:#ffffff;
    .Normal-C6
            font-family:"Times New Roman", serif; font-size:16.0px;
            line-height:1.25em;
    .Normal-C7
            font-family:"Times New Roman", serif; font-style:italic;
            font-weight:700; font-size:16.0px; line-height:1.25em;
    .Normal-C8
            font-family:"Times New Roman", serif; font-style:italic;
            font-size:16.0px; line-height:1.25em;
    .Normal-C9
            font-family:"Times New Roman", serif; font-size:5.0px;
    .Normal-C10
            font-family:"Times New Roman", serif; font-weight:700;
            font-size:16.0px; line-height:1.25em;
    -->
    <style type="text/css">
    body {margin: 0px; padding: 0px;}
    a:link {color: #6f0070;}
    a:visited {color: #009c9c;}
    a:hover {color: #6f0070;}
    a:active {color: #6f0070;}
    </style>
    <link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <style type="text/css">
    .content {
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    clear: both;
    }#MenuBar_2  {
              background-color: #0036Cc;
              font-family: "Times New Roman", Times, serif;
              font-weight: normal;
              font-size: 12px;
              font-style: normal;
              padding-top: 0;
              padding-right: 0;
              padding-left: 0;
              padding-bottom: 0;
              border-color: #ffffff #ffffff #ffffff #ffffff;
              border-width: 0px;
              border-style: none none none none;
              top: 0px;
    .MenuBar br {           display:none;
    .MenuBar_2LeftShrink {
              float: left;          width: 80px;
    .MenuBar_2RightShrink {
              float: right; /* shrink to content, as well as float the MenuBar */
              width: 80px;
    .MenuBar_2FixedLeft {
              float: left;
              width: 800px;
    .MenuBar_2FixedCentered {
              float: none;
              width: 800px;
              margin-left: auto;
              margin-right: auto;
    .MenuBar_2FixedCentered br {
              clear:both;
              display:block;
    .MenuBar_2FixedCentered .SubMenu br {
              display:none;
    .MenuBar_2Fullwidth {
              float: left;
              width: 800px;
              display: block;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar_2  .MenuItemContainer {
              padding: 0px 0px 0px 0px;
              margin: 0;           /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                                            For most items, we have to do top or bottom padding or borders only on the MenuItem
                                            or a child so we keep the entire submenu tiled with items.
                                            Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar_2  .MenuItem {
              padding: 0px 15px 0px 0px;
              background-color:#0036CC;
              border-width:1px;
              border-color: #FFFFFF;
              border-style: none solid none solid;
    #MenuBar_2  .MenuItemFirst {
              border-style: none none none none;
    #MenuBar_2 .MenuItemLast {
              border-style: none solid none none;
    #MenuBar_2  .MenuItem  .MenuItemLabel{
              text-align:center;
              line-height:1.4em;
              color:#ffffff;
              background-color:#0036cc;
              padding: 0px 30px 6px 3px;
              width: 40px;
              width:38px;
    .SpryIsIE6 #MenuBar_2  .MenuItem  .MenuItemLabel{
              width:44px; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar_2 .SubMenu  .MenuItem {
              font-family: "Times New Roman", Times, serif;
              font-weight: normal;
              font-size: 12px;
              font-style: normal;
              background-color:#9999CC;
              padding:0px 22px 0px 10px;
              border-width:1px;
              border-color: #FFFFFF;
              /* Border styles are overriden by first and last items */
              border-style: solid solid none solid;
    #MenuBar_2  .SubMenu .MenuItemFirst {
              border-style: solid solid none solid;
    #MenuBar_2  .SubMenu .MenuItemFirst .MenuItemLabel{
              padding-top: 6px;
    #MenuBar_2 .SubMenu .MenuItemLast {
              border-style: solid solid solid solid;
    #MenuBar_2 .SubMenu .MenuItemLast .MenuItemLabel{
              padding-bottom: 6px;
    #MenuBar_2 .SubMenu .MenuItem .MenuItemLabel{
              text-align:left;
              line-height:1em;
              background-color:#9999CC;
              color:#ffffff;
              padding: 6px 10px 6px 5px;
              width: 30px;
              width:auto;
    /* Hover states for containers, items and labels */
    #MenuBar_2 .MenuItemHover {
              background-color: #9999CC;
              border-color: #FFFFFF;
    #MenuBar_2 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
              background-color: #9999CC; /* consider exposing this prop separately*/
              color: #FFFFFF;
    #MenuBar_2 .MenuItemHover .MenuItemLabel{
              background-color: #9999cc;
              color: #FFFFFF;
    #MenuBar_2 .SubMenu .MenuItemHover {
              background-color: #0036cc;
              border-color: #FFFFFF;
    #MenuBar_2 .SubMenu .MenuItemHover .MenuItemLabel{
              background-color: #0036cc;
              color: #FFFFFF;
    /* Submenu properties -- First level of submenus */
    #MenuBar_2 .SubMenuVisible {
              background-color: #9999CC;
              min-width:auto;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
              border-color: #ffffff #ffffff #ffffff #ffffff;
              border-width:0px;
              border-style: none none none none;
    #MenuBar_2.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
              top: 100%;          /* 100% is at the bottom of parent menuItemContainer */
              left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                                                      and your personal taste.
                                                      0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                                                      on MenuItemContainer and MenuItem on the parent
                                                      menubar, making this equal the sum of the MenuItemContainer  MenuItem padding-left will align
                                                      the dropdown with the left of the menu item label.*/
              z-index:10;
    #MenuBar_2.MenuBarVertical .SubMenuVisible {
              top: 0px;
              left:100%;
              min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar_2 .MenuLevel1 .SubMenuVisible {
              background-color: #9999CC;
              min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
              top: 0px;          /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                                            that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                                            vertically 'centered' on its invoking item */
              left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                                            negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                                            to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar_2 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
              background-color: #0036CC; /* consider exposing this prop separately*/
              color: #FFFFFF;
    .SpryIsIE6 #MenuBar_2 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
              background-color: #0036cc; /* consider exposing this prop separately*/
              color: #FFFFFF;
    .SpryIsIE6 #MenuBar_2 .SubMenu .SubMenu  /* IE6 selector  */{
              margin-left: -15px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
              /* EndOAWidget_Instance_2141544 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141544" binding="#MenuBar_2" />
    </oa:widgets>
    -->
    </script></style>
    <script src="_wp_scripts/jsFlashVer.js" type="text/javascript"></script>
    <script src="_wp_scripts/jsDetectBrowser.js" type="text/javascript"></script>
    <script src="_wp_scripts/jsRollover.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    <!--
    PPImgInit('emailroll','pageobjects/off_state.gif','pageobjects/over_state.gif','pageobject s/down_state.gif','pageobjects/down_state.gif',0,0);
    //-->
    </script>
    <script src="_wp_scripts/jsFlashVer.js" type="text/javascript"></script>
    <script src="_wp_scripts/jsDetectBrowser.js" type="text/javascript"></script>
    <script src="_wp_scripts/jsMenus.js" type="text/javascript"></script>
    <script type="text/javascript">
    </script>
    <script src="_wp_scripts/jsRollover.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    <!--
    PPImgInit('emailroll','pageobjects/off_state.gif','pageobjects/over_state.gif','pageobject s/down_state.gif','pageobjects/down_state.gif',0,0);
    //-->
    </script>
    </head>
    <body bgcolor="#9F9EFF">
    <!--#include file="includes/navmenu.shtml" -->
    <div style="background: transparent; position:relative;width:800px;height:1200px;margin-left:auto;margin-right:auto;">
    <div style="position:absolute; left:0px; top:1290px; width:800px; height:110px;">
        <img src="pageobjects/masteralowerfill.jpg" width="800" height="110" border="0" id="masteralowerfill" name="masteralowerfill" title="" alt=""/></div>
    <div style="position:absolute; left:0px; top:128px; width:800px; height:963px;">
        <img src="pageobjects/background.jpg" width="800" height="1163" border="0" id="backgrndpic" name="backgrndpic" title="" alt=""/></div>
    <div class="Normal-P" id="dynamiccontactemailtxt" style="position:absolute; left:322px; top:1300px; width:195px; height:65px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;" title="emailcontact">
    <span class="Normal-P"><span class="Normal-C"><a href="mailto:[email protected]">[email protected]</a></span><span class="Normal-C0"><a href="mailto:[email protected]"></a></span>
    <span class="Normal-C1">WebMaster: Dynamic Notions</span>
    <br />
    © dynamic notions
    </span></div>
    <div style="position:absolute; left:718px; top:0px; width:82px; height:82px;">
        <img src="_wp_generated/wavingkoala.gif" width="82" height="82" border="0" id="wavingkoala" name="wavingkoala" title="wavingkoala" alt="wavingkoala"/></div>
    <div style="position:absolute; left:0px; top:124px; width:800px; height:15px;">
        <img src="pageobjects/masterbluebartop.jpg" width="800" height="15" border="0" id="masterbluebartop" name="masterbluebartop" title="ScreenBar" alt="ScreenBar"/></div>
    <div style="position:absolute; left:1px; top:153px; width:144px; height:40px;">
        <img src="pageobjects/pagetitlebutton.jpg" width="144" height="40" border="0" id="pagetitlebutton" name="pagetitlebutton" title="button" alt="Button"/></div>
    <div style="position:absolute; left:0px; top:0px; width:115px; height:123px;"><span style="position:absolute; left:4px; top:10px; width:105px; height:79px;"><img src="NewLogo2011.png" width="106" height="79" alt="logo"/></span></div>
    <div id="bannerbar" style="position:absolute; left:112px; top:0px; width:605px; height:125px; background: url(images/AltLiparibanner.jpg); layer-background-image: url(images/AltLiparibanner.jpg); border: 1px none #000000;">
      <script language="JavaScript" type="text/javascript">
        <!--
        var hasReqestedVersion = DetectFlashVer(8, 0, 0);
        if (hasReqestedVersion)
        AC_FL_RunContent(
            "src", "mybannerA",
            "play", "true",
            "loop", "true",
            "width", "605",
            "height", "125",
                        "wmode", "opaque",
            "salign", "C",
            "scale", "ShowAll",
            "id", "bannerbar",
            "quality", "High",
            "name", "bannerbar",
            "type", "application/x-shockwave-flash",
            'codebase', 'http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab',
            "pluginspage", "http://www.macromedia.com/go/getflashplayer"
        else
        -->
        </script>
    </div>
    <div style="position:absolute; left:270px; top:1300px; width:50px; height:50px;">
        <a href="mailto:[email protected]"><img src="pageobjects/off_state.gif" width="50" height="50" border="0" id="emailroll" name="emailroll" title="emailbutton" alt="emailbutton"/></a></div>
    <div id="txt_382" style="position:absolute; left:20px; top:161px; width:106px; height:26px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
      <span class="Normal-C5">1995 - 1998</span>
    </div>
    <div id="txt_383" style="position: absolute; left: 38px; top: 195px; width: 738px; height: 435px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;">
    <span class="Normal-C6">After two years touring around Germany singing Dominic returned to Australia
        in 1995 to perform as <a name="Lanza"></a>Mario Lanza in </span><span class="Normal-C7"><a href="mariolanza.shtml" style="color:#000000;">The Mario Lanza Story</a></span><span class="Normal-C8"> </span><span class="Normal-C6">for a season of 10 shows
        at Mietta’s. It was a great opportunity for Dominic to sing the music of this remarkable
        singer in a tribute which was a marathon consisting of no less than 21 songs and
        duets ranging from Vesti la giubba to Serenade. Audiences and critics alike loved
        the show, so much that he returned to Australia again in 1996 for a further season
        presented in Adelaide, South Australia. </span><br /><span class="Normal-C6">Dominic’s reputation was growing in Australia and <a name="1996"></a>1996 saw him perform in the Melbourne
        Concert Hall with the Melbourne Symphony Orchestra in <a name="joshua"></a>Handel’s </span><span class="Normal-C7"><a href="concertoratorio.shtml#Joshua" style="color:#000000;">Joshua</a></span><span class="Normal-C6">, as well as
        <a name="stjohnpassion"></a>Bach’s </span><span class="Normal-C7"><a href="concertoratorio.shtml#StJohnPassion" style="color:#000000;">St. John Passion</a></span><span class="Normal-C6">, also with the <a name="australianpops"></a>Australian Pops Orchestra in a concert of
        italian hit tunes from Opera and song entitled </span><span class="Normal-C7"><a href="concertoratorio.shtml#Australianpopsorchestra" style="color:#000000;">Viva Italia</a></span><span class="Normal-C6">. In Adelaide he sang Joe
        in <a name="bluemonday"></a>Gershwin’s <a href="concertoratorio.shtml#GershwinBlueMonday" style="color:#000000;">Blue Monday</a> in the Adelaide Town Hall with the Adelaide Symphony Orchestra.
        In Sydney he appeared at the Sydney Concert Hall (Opera House) to sing <a name="ninthsymph"></a>Beethoven’s
        </span><span class="Normal-C7"><a href="concertoratorio.shtml#Beethoven9" style="color:#000000;">Ninth Symphony</a></span><span class="Normal-C6"> with the National Philharmonia Orchestra.</span>
    <br />
    <span class="Normal-C6">Apart from these Australian performances, Dominic also had his usual Tamino in Rostock,
        Ottavio in Hof, and his first <a name="ismaelehersfeld"></a> </span><span class="Normal-C7"><a href="germanyears.shtml#Ismaele1" style="color:#000000;">Ismaele</a></span><span class="Normal-C6"> in </span><span class="Normal-C10">Nabucco </span><span class="Normal-C6">in Germany at Bad Hersfeld, as well
        as a couple of Verdi <a name="verdirequiem"></a><a href="firsttenorroles.shtml#verdirequiem1" style="color:#000000;">Requiem</a>’s. In late 1996 Dominic began making inroads into the
        opera world beyond Austria and Germany. </span>
    <span class="Normal-P3"><br /><span class="Normal-P3"><span class="Normal-C6">His first engagement was in Cork, Ireland for Opera South as <a name="josedebut"></a></span><span class="Normal-C7"><a href="donjose.shtml" style="color:#000000;">Don Josè</a></span><span class="Normal-C10"> </span><span class="Normal-C6">in their production
        of Carmen. This was another role debut and a resounding success for him despite a
        ludicrously short rehearsal period, the last minute replacement of the conductor
        resulting in a dress rehearsal which began at 8:30 and finished at 2:30 the next
        morning which happened to be the day of the opening night which was followed by performances
        on each of the consecutive three evenings. A true baptism of fire for a new role!
        It has become an oft repeated role for Dominic; to date he has been involved in 5
        productions with a total of over 30 performances.</span>
    </span></span></div>
    <div style="position:absolute; left:37px; top:635px; width:740px; height:569px;">
        <iframe id="ifrm_15" name="ifrm_15" src="1997table.shtml" style="width:740px; height:650px;">1997-98 Table</iframe>
    </div>
    </div>
    <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar_2
    var MenuBar_2 = new Spry.Widget.MenuBar2("#MenuBar_2", {
          widgetID: "MenuBar_2",
                widgetClass: "MenuBar  MenuBar_2FixedCentered",
                insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
    </script>
    </body>
    </html>

Maybe you are looking for