3 Replies Latest reply on Feb 2, 2012 2:24 PM by pathblaster

    How can I get back to editing in Design view?

    pathblaster Level 1

      I can't edit my web pages in Design view. When I DON'T have Live View on, nor Live Code, I only get a cursor shaped like a NO circle and I cannot click on anything to edit it. I can only make changes in the code window.

      What can I do to restore editablilty in Design view?

        • 1. Re: How can I get back to editing in Design view?
          Ken Binney Adobe Community Professional & MVP

          What is the extension of a file type you can not edit in design view?

          • 2. Re: How can I get back to editing in Design view?
            MurraySummers Level 8

            We will need to see the code on the page (*and* the associated CSS) to give you a really good idea.  Your symptoms are not precise enough to target a single possible cause.  Can you give us a link to the live page, or failing that paste all of the required code into a reply here? (please use the webforum to do that)

            • 3. Re: How can I get back to editing in Design view?
              pathblaster Level 1

              Sorry this has taken so long. I have been trying a few things. One is the fact my template my pages are all based on has an editable region, which is where the uneditable are is within.. Other editable areas in the template are available for me to click into and edit, but not the main area.

               

              I tried moving the main div inside the editable region, but then, although it is now editable, the main div gets wiped away when the site pages get updated. So then I am forced to go back to the previous situation.

               

              Link: http://www.revelantiron-ons.com/MainPage.html

               

              Code:

               

              <html><!-- InstanceBegin template="/Templates/PageLayout_Idea_Template.dwt" codeOutsideHTMLIsLocked="false" -->

              <head>

              <!-- InstanceBeginEditable name="doctitle" -->

              <title>Revelant Iron-Ons Home</title>

              <!-- InstanceEndEditable -->

              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <meta name="keywords" content="christian t shirts, christian apparel, iron on transfer, iron-on transfer, transfers iron on, creation, creator, relevant, Christian, t-shirt, tshirt, iron on, iron-on, inspirational, political, conservative, pro-life, prolife, religious, religion, christian, bible, Jesus, Holy Spirit, spiritual, design, revelation">

              <meta name="description" content="A site for custom-designed Christian, religious, inspiriational, politically conservative iron-on designs. Unique Christian and inspirational iron-on transfer designs for you.">

               

               

              <link href="rio-styles.css" rel="stylesheet" type="text/css">

              <script type="text/javascript">

              <!--

              function MM_preloadImages() { //v3.0

                var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

                  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

                  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

              }

               

               

              function MM_findObj(n, d) { //v4.01

                var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

                  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

                if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

                for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

                if(!x && d.getElementById) x=d.getElementById(n); return x;

              }

               

               

              function MM_nbGroup(event, grpName) { //v6.0

                var i,img,nbArr,args=MM_nbGroup.arguments;

                if (event == "init" && args.length > 2) {

                  if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

                    img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

                    if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

                    nbArr[nbArr.length] = img;

                    for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

                      if (!img.MM_up) img.MM_up = img.src;

                      img.src = img.MM_dn = args[i+1];

                      nbArr[nbArr.length] = img;

                  } }

                } else if (event == "over") {

                  document.MM_nbOver = nbArr = new Array();

                  for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {

                    if (!img.MM_up) img.MM_up = img.src;

                    img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

                    nbArr[nbArr.length] = img;

                  }

                } else if (event == "out" ) {

                  for (i=0; i < document.MM_nbOver.length; i++) {

                    img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

                } else if (event == "down") {

                  nbArr = document[grpName];

                  if (nbArr)

                    for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }

                  document[grpName] = nbArr = new Array();

                  for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

                    if (!img.MM_up) img.MM_up = img.src;

                    img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

                    nbArr[nbArr.length] = img;

                } }

              }

              //-->

              </script>

              <!-- InstanceBeginEditable name="head" -->

              <script type="text/javascript">

              <!--

              function MM_swapImgRestore() { //v3.0

                var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

              }

              function MM_swapImage() { //v3.0

                var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

                 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

              }

              //-->

              </script>

              <!-- InstanceEndEditable -->

              </head>

              <body   class="body" onLoad="MM_preloadImages('images/NavRllvr1.jpg','images/NavRllvr2.jpg','images/NavRllvr3. jpg','images/NavRllvr4.jpg','images/NavRllvr5.jpg','images/NavRllvr6.jpg','images/RIO_NavU p1.jpg','images/RIO_NavUp2.jpg','images/RIO_NavUp3.jpg','images/RIO_NavUp4.jpg','images/RI O_NavUp5.jpg','images/RIO_NavUp6.jpg','images/BuyBttn_sml_ovr.jpg')">

               

               

              <div id="container">

              <div id="adspace">

                <!-- InstanceBeginEditable name="AdSpaceRegion" --><img src="../images/AlsoFollowbar.jpg" id="followbox"  alt="Also follow Revelant Iron-Ons at these locations" width="857" height="43" hspace="59" vspace="0" border="0" usemap="#Map">

                <map name="Map">

                  <area shape="rect" coords="640,2,712,48" href="http://www.cafepress.com/RevelantIronOnsCP" target="_blank" alt="Revelant Iron-Ons at CafePress">

                  <area shape="rect" coords="487,4,616,40" href="http://www.zazzle.com/revelant" target="_blank" alt="Revelant Iron-Ons at Zazzle.com">

              <area shape="rect" coords="792,1,848,42" href="http://twitter.com/RevelantIronOns" target="_blank" alt="Revelant Iron-Ons Twitter page">

                  <area shape="rect" coords="727,2,787,45" href="http://www.facebook.com/profile.php?id=100002412534139&sk=wall" target="_blank" alt="Revelant Iron-ons Facebook page">

                </map><!-- InstanceEndEditable --></div>

              <div id="leftside"></div><div id="rightside"></div><div id="centercore">

                  <div id="header"><img src="images/RIO_Masthead-left.jpg" width="448" height="109" alt="Revelant Iron-Ons logo"><img src="images/RIO_Masthead-Right.jpg" width="448" height="109" alt="Inspirational Iron-On Designs"></div>

                  <div id="navbar">

                    <div id="navbuttonlineup"><a href="MainPage.html" target="_top" onClick="MM_nbGroup('down','group1','Home_bttn','../images/NavRllvr1.jpg',1)" onMouseOver="MM_nbGroup('over','Home_bttn','../images/NavRllvr1.jpg','../images/RIO_NavUp 1.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp1.jpg" alt="Home" name="Home_bttn" width="150" height="28" border="0" onload=""></a><a href="designs.html" target="_top" onClick="MM_nbGroup('down','group1','Designs_bttn','../images/NavRllvr2.jpg',1)" onMouseOver="MM_nbGroup('over','Designs_bttn','../images/NavRllvr2.jpg','../images/RIO_Na vUp2.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp2.jpg" alt="Designs" name="Designs_bttn" width="150" height="28" border="0" onload=""></a><a href="news.html" target="_top" onClick="MM_nbGroup('down','group1','News_bttn','../images/NavRllvr3.jpg',1)" onMouseOver="MM_nbGroup('over','News_bttn','../images/NavRllvr3.jpg','../images/RIO_NavUp 3.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp3.jpg" alt="News" name="News_bttn" width="150" height="28" border="0" onload=""></a><a href="articles.html" target="_top" onClick="MM_nbGroup('down','group1','Articles_bttn','../images/NavRllvr4.jpg',1)" onMouseOver="MM_nbGroup('over','Articles_bttn','../images/NavRllvr4.jpg','../images/RIO_N avUp4.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp4.jpg" alt="Articles" name="Articles_bttn" width="150" height="28" border="0" onload=""></a><a href="instructions.html" target="_top" onClick="MM_nbGroup('down','group1','instruct_bttn','../images/NavRllvr5.jpg',1)" onMouseOver="MM_nbGroup('over','instruct_bttn','../images/NavRllvr5.jpg','../images/RIO_N avUp5.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp5.jpg" alt="Instructions" name="instruct_bttn" width="150" height="28" border="0" onload=""></a><a href="contactform.html" target="_top" onClick="MM_nbGroup('down','group1','About_bttn','../images/NavRllvr6.jpg',1)" onMouseOver="MM_nbGroup('over','About_bttn','../images/NavRllvr6.jpg','../images/RIO_NavU p6.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp6.jpg" alt="Contact Us" name="About_bttn" width="146" height="28" border="0" onload=""></a></div>

                    <div id="mainContent"><!-- InstanceBeginEditable name="ContentRegion" -->

                   

                     

                      <div id="mainblurb" class="RIO_basic">

                     

                      <div id="quickquip" ><p class="RIO_smaller">Keep on top of new designs and other important information. <a href="http://revelantiron-ons.com/letsshop/index.php?main_page=login">Click here</a> to sign up for our newsletter.<a href="http://revelantiron-ons.com/letsshop/index.php?main_page=login"><img src="/images/nwslttr_choose_shot.jpg" alt="choose our newsletter section of registration form" width="190" height="67" vspace="6" border="0"></a> </p>

                    </div>

                   

                    <div id="quickquip" ><p class="RIO_smaller">Have  questions about Revelant Iron-Ons iron-on transfers? <a href="FAQ.html">Look up our FAQ page</a>.</p>

                    </div>

                    <div class="clearfloat"></div>

                                  <p class="RIO_HeadlineK">God&rsquo;s Cool Creation!          </p>

                        <p>This is sure to become popular very quickly. God&rsquo;s Cool Creation displays a wonderful arrangement of images and illustrations glorifying God in His handiwork of Earth&rsquo;s creation.</p>

              <p><img src="/images/designs/proxies/CC_proxy_150w.png" width="150" height="126" alt="God's Cool Creation iron-on design"></p>

              <p>Take a look at this design, <a href="http://revelantiron-ons.com/letsshop/index.php?main_page=product_info&cPath=1&products_id= 7&zenid=217315476d30c2abb2e57d53bcbadb97"><span class="linkK">order it today</span></a>, and get ready to hear your friends ooh and aah over it!</p>

               

               

                        <p class="RIO_HeadlineK"><a href="news.html#SpecialOffer" class="linkK">A Special Introductory Offer<br>

                          for first-time orders!</a></p>

                        <p class="RIO_HeadlineK">Welcome to Revelant Iron-Ons.</p>

                        <p class="RIO_SubK">Iron-On Designs that Say What You Want to Say</p>

                        <p>We are happy to present to you some of the most relevant, eye-catching and unique Christian, inspirational iron-on designs available on the web. This is our aim, and as we grow, we believe you will find this to be true.</p>

                        <p>As this site is new, we currently have only a few designs. However, many new designs are in the works. The Bible asks, &ldquo;Who despises the day of small things?&rdquo; Well, not us! We thankfully rejoice that we can start offering you specially made iron-ons in a small way now and grow to more designs later.</p>

                        <p class="RIO_SubK">A DIY Approach</p>

                        <p>Our purpose is to provide you with great iron-on designs, and impactful messages, printed with Epson&rsquo;s premium  DURABrite<span class="Superscript">&reg;</span> Ultra ink, on quality iron-on transfer material. You supply the garment and the iron, follow our special instructions, and end up with a fantastic iron-on you can enjoy wearing for years.</p>

                        <p>Please view our designs, order what you like, and also read any important news and articles about each offering. </p>

                      <div id="duraBriteBlurb"><img name="durabriteimage" src="images/DURABrite_logo_8bt.png" width="120" height="65" alt="DURABrite Ultra Ink logo"></div>

                      </div><p class="RIO_basic"><br>

                      Click on any design to see more!<br>

                      <br>

                      <a href="/letsshop/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('buybttn_sml','','images/BuyBttn_sml_ovr.jpg',1)"><img src="images/BuyBttn_sml_up.jpg" alt="Buy now!" name="buybttn_sml" width="116" height="30" border="0"></a>        </p>

                      <div id="pictscolumn">

                       

                                <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_CoolC.png" width="162" height="165" alt="Cool Creation T-shirt" border="0" align="top"></a><br>

              God&rsquo;s Cool Creation</p>

               

               

                        <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_ATS.png" width="162" height="165" alt="Able To Save T-shirt" border="0" align="top"></a><br>

              Able to Save</p>

              <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_answr.png" width="162" height="165" alt="the answers T-shirt" border="0" align="top"></a><br>

              the answers</p>

                         <p class="RIO_caption"><a href="designs.html"><img src="images/designs/proxies/Shirt_Proxy_FOSS.png" alt="Fruit of the Spirit Spots T-shirt" width="162" height="165" border="0"></a><br>

                        Fruit of the Spirit Spots</p>

                        <p class="RIO_caption"><a href="designs.html"><img src="images/designs/proxies/Shirt_Proxy_Endrs.png" alt="Endorse does not Establish T-shirt" width="162" height="165" border="0"></a><br>

                        Endorse does not Establish</p>

                      

                        <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_WrngChc.png" alt="Fruit of the Spirit Spots T-shirt" width="162" height="165" border="0"></a><br>

                        The Wrong Choice</p>

                 

                     </div>

                    <!-- InstanceEndEditable --></div></div>

               

                </div>

               

                 

               

               

               

              <div class="clearfloat"></div>

                <div id="footer"><p class="foottype">&copy; 2011 RightStar Computing<br>

                Revelant Iron-Ons is a brand of RightStar Computing.  123 Hedman Lane, Monticello, Minnesota 55362<br>

                <a href="MainPage.html" class="link">Home</a> | <a href="designs.html"  class="link">Designs</a> | <a href="news.html"  class="link">News</a> | <a href="articles.html"  class="link">Articles</a> | <a href="instructions.html"  class="link">Iron-On Instructions</a> | <a href="contact.html"  class="link">Contact Us | </a><a href="letsshop/index.php" class="link">Buy Now!</a></p><!--footer info will go here, such as copyright, etc. --></div>

               

               

              </div><!--end container area -->

              </body>

              <!-- InstanceEnd --></html>

               

               

              CSS:

               

              @charset "UTF-8";

               

               

              .body  {

                        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 */

                        background-color: #514444;

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 100%;

                        margin: 0px;

                        padding: 0px;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

              }

               

               

               

               

              .RIO_basic {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 100%;

                        font-style: normal;

                        line-height: 120%;

                        font-weight: normal;

                        font-variant: normal;

                        color: #000000;

                        text-decoration: none;

                        white-space: normal;

                        margin-left:0 em;

                        margin-right:1.5em;

                        margin-top:0.5em;

              }

               

               

              .RIO_smaller  {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 85%;

                        font-style: normal;

                        line-height: 120%;

                        font-weight: normal;

                        font-variant: normal;

                        color: #000000;

                        text-decoration: none;

                        white-space: normal;

                        margin-left:0 em;

                        margin-right:1.5em;

                        margin-top:0.5em;

               

              }

               

               

              .RIO_showtitle {

              font-family:  Verdana, Arial, Helvetica, sans-serif;

              color:          #000;

              font-size: 85%;

              font-weight:bold;

              margin-top:0px;

              margin-bottom: 4px;

              text-decoration:none;

               

              }

               

               

              .RIO_caption {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 70%;

                        --font-style:italic;

                        color:#000;

                        margin-top:.25em;

                        margin-bottom:1em;

                        text-decoration:none;

              }

               

               

               

               

               

               

              .RIO_basicK {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 100%;

                        font-style: normal;

                        line-height: 120%;

                        font-weight: normal;

                        font-variant: normal;

                        color: #000000;

                        text-decoration: none;

                        white-space: normal;

              }

               

               

              .RIO_HeadlineK {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 120%;

                        font-style: normal;

                        line-height: 120%;

                        font-weight: bold;

                        font-variant: normal;

                        color: #000000;

                        text-decoration: none;

                        white-space: normal;

                        text-align: center;

                        margin-top:1em;

               

              }

               

               

              .RIO_HeadlineK-left {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 120%;

                        font-style: normal;

                        line-height: 120%;

                        font-weight: bold;

                        font-variant: normal;

                        color: #000000;

                        text-decoration: none;

                        white-space: normal;

                        text-align: left;

                        margin-top:1em;

               

              }

               

               

              .newsdate {

              color: #cead33;

              font-weight: bold;

              font-size: 85%;

              text-decoration:underline;

              margin-top:0.125em;

               

               

              }

               

               

              .RIO_SubK {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 110%;

                        font-style: normal;

                        line-height: 120%;

                        font-weight: bold;

                        font-variant: normal;

                        color: #000000;

                        text-decoration: none;

                        white-space: normal;

                        text-align: left;

                        margin-left:0em;

                        margin-right:0.5em;

                        margin-top:0.75em;

              }

              .Superscript {

                        font-size: x-small;

              }

               

               

               

               

              .link {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        color: #FFFFFF;

                        text-decoration: none;

                        --text-indent: 2em;

                        white-space: normal;

                        --text-decoration: underline;

              }

               

               

               

               

              .linkK {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        color: #000000;

                        text-decoration: none;

                        --text-indent: 2em;

                        white-space: normal;

                        text-decoration: underline;

              }

               

               

              .linkhover {

                        color: #ffe050;

                        text-decoration: none;

                        --text-indent: 2em;

                        white-space: normal;

                        --text-decoration: underline;

              }

               

               

              .foottype {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: 65%;

                        color: #FFF;

                        font-weight:lighter;

                        text-align:center;

                        line-height:160%;

                        text-decoration: none;

               

               

               

              }

               

               

              .caption {

                        font-family: Verdana, Arial, Helvetica, sans-serif;

                        font-size: .75em;

                        color: #000F;

                        font-weight:lighter;

                        text-align:center;

                        line-height:160%;

                        text-decoration: none;

               

               

               

              }

               

               

               

               

               

               

              .background {

                        background-attachment: fixed;

                        background-image: url(images/RVLT_Bkgrd_2000h.jpg);

                        background-repeat: no-repeat;

                        background-position: left top;

              }

              #container {

                        width:970px;

                        text-align: left;

                        height: 900px;

                        padding: 0px;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        margin-top: 0;

                        margin-right: auto;

                        margin-bottom: 0;

                        margin-left: auto;

              }

               

               

              #buttonspace {

              width:180px;

              height:auto;

              margin-right: 10px;

              margin-bottom: 6px;

              padding-left: 5px;

              padding-bottom: 5px;

              background-color:#f8cf35;

              text-align:left;

              float: left;

              border-radius:6px;

              -moz-box-shadow: 3px 3px 5px rgba(0,0,0, .5);

              box-shadow: 3px 3px 5px rgba(0,0,0, .5);

              }

               

               

              .buttontext {

                        margin:0px;

                        text-decoration:none;

                        font-size:80%;

               

              }

               

               

              #centercore {

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        margin-top: 0px;

                        margin-right: 0px;

                        margin-bottom: 0px;

                        margin-left: 0px;

                        position: relative;

                        padding-top: 0px;

                        padding-right: 0px;

                        padding-bottom: 0px;

                        padding-left: 37px;

              }

               

               

              #followbox {

                        margin-top:46px;

                        margin-bottom:0px;

              }

               

               

              #adspace {

                        background-image: url(images/RIO_Adspace.jpg);

                        background-repeat: no-repeat;

                        background-position: 0px 0px;

                        margin: 0px;

                        height: 100px;

                        width: 970px;

                        padding:  0px;

                        --clip: rect(auto,auto,auto,auto);

                        position: relative;

                        clear: both;

              }

               

               

              #header {

                        height: auto;

                        width:auto;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        margin: 0px;

                        padding: 0;

              }

               

               

               

               

              #leftside {

                        background-image: url(images/RIO_LeftSide.jpg);

                        background-repeat: no-repeat;

                        float: left;

                        width: 37px;

                        background-position: top;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        margin: 0px;

                        padding: 0px;

                        height: 700px;

                        position: inherit;

                        left: 0px;

                        top: 100px;

              }

               

               

               

               

               

               

              #rightside {

                        background-image: url(images/RIO_RightSide.jpg);

                        background-repeat: no-repeat;

                        margin: 0px;

                        float: right;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        width: 37px;

                        height: 700px;

                        background-position: top;

              }

              #mainblurb {

                        float: left;

                        width: 500px;

                        margin-top: 20px;

                        margin-right: 10px;

                        margin-bottom: 15px;

                        margin-left: 20px;

                        padding-right:15px;

                        overflow: auto;

                        height: 485px;

                        padding:0px, 0px, 0px, 0px;

              }

              #pictscolumn {

                        float: right;

                        width: 230px;

                        height:380;

                        margin-top: 15px;

                        margin-right: 50px;

                        margin-bottom: 15px;

                        margin-left: 0px;

                        overflow: auto;

                        padding:0px;

              }

               

               

               

               

               

               

               

               

               

               

               

               

               

               

               

               

               

               

               

               

              #navbar {

                        height: 71px;

                        width: 896px;

                        background-image: url(images/RIO_NavBarBkgd.jpg);

                        background-repeat:no-repeat;

                        background-position: top;

                        margin: 0px;

                        padding: 0;

                        position: absolute;

                        top: 109px;

              }

               

               

              #navbuttonlineup {

                        height: 28px;

                        padding-top:43px;

                        width: 896px;

                        margin-right: 0px;

                        margin-bottom: 0px;

                        margin-left: 0px;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        position: relative;

                        z-index: 80;

                        margin-top: 0px;

                        padding-right: 0px;

                        padding-bottom: 0px;

                        padding-left: 0px;

              }

               

               

               

               

              #mainContent {

                        margin: 0; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */

                        background-image: url(images/RIO_ContentBkgrd.jpg);

                        background-repeat: no-repeat;

                        height: 520px;

                        width: 896px;

                        position: relative;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        top: 0px;

                        background-position: left top;

                        padding-top: 10px;

                        padding-right: 37px;

                        padding-bottom: 0px;

                        padding-left: 37px;

                                  overflow: auto;

               

               

              }

               

               

               

               

              #quickquip  {

                        width: 205px;

                        padding-left:6px;

                        padding-right:6px;

                        margin:6px;

                        background-color:rgba(248, 207, 53, .85);

                        border-radius:6px;

              float:left;

              }

               

               

              #showbox  {

                        width: 268px;

                        height: 268px;

                        background-color:rgba(255, 255, 255, .7);

                        border-radius:8px;

                        text-align:center;

                        float:left;

                        padding-top:8px;

                        margin:4px;

              }

               

               

              #duraBriteBlurb {

                        padding: 10px;

                        float: right;

                        height: 70px;

                        width: 125px;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        z-index: auto;

              }

               

               

               

               

              table {

              margin-left: 20px;

              margin-right: 20px;

              border: thin solid black;

              caption-side: bottom;

              border-spacing:0px;

              border-collapse: collapse;

              }

               

               

              td, th {

              border: thin dotted gray;

              padding: 5px;

              }

               

               

              th {

              background-color:#cc6600;

              }

               

               

              table table th {

              background-color:white;

              }

               

               

              caption {

              font-style: italic;

              padding-top: 8px;

              font-size: 80%;

              }

               

               

              .cellshirt {

              width:180px;

              }

               

               

              .cellcolor {

              background-color:#fcba7a;

              }

               

               

              .centered {

              text-align: center;

              }

               

               

              .right  {

              text-align: right;

              }

               

               

               

               

               

               

              #footer {

                        padding: 0,0,0,0;

                        width:970px;

                        background-image: url(images/RIO_Footer.jpg);

                        background-repeat: no-repeat;

                        height: 100px;

                        border-top-width: 0px;

                        border-right-width: 0px;

                        border-bottom-width: 0px;

                        border-left-width: 0px;

                        border-top-style: none;

                        border-right-style: none;

                        border-bottom-style: none;

                        border-left-style: none;

                        position: relative;

                        clear: both;

                        float:left;

                        background-position: 0px 0px;

                        margin: 0px;

                        top: 0px;

              }

              /* Tips for mainContent:

              1. 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.

              2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.

              3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.

              */

               

               

               

               

               

               

              /* Miscellaneous classes for reuse */

              .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

                        float: right;

                        margin-left: 8px;

              }

              .fltlft { /* this class can be used to float an element left in your page */

                        float: left;

                        margin-right: 8px;

                        azimuth:center-left

              }

              .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

                        clear:both;

                  height:0;

                  font-size: 1px;

                  line-height: 0px;

              }

               

               

              [if IE]>

              <style type="text/css">

              /* place css fixes for all versions of IE in this conditional comment */

              #navbar, #header, #mainContent, #container, navbuttonlineup, #centercore, #leftside, #rightside, #adspace, #mainblurb, #pictscolumn {zoom: 1;}

              #header {

                        top:0px;

                        position:absolute;

              }

              /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

              </style>

              <![endif]

               

              If you have any solution, I would greatly appreciate it!