Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2005
    Location
    Delhi
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    to make all screen resolution compliant

    here is the code

    Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>About Us: Dan Klores</title>
    
    <script type="text/javascript" >
    
    </script>
    </head>
    
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="195" rowspan="4" valign="top"><a href="index.html" target="_parent"><img src="images/logo_inner_temp.gif" width="155" height="295" vspace="20" hspace="20" border="0" /></a>
        <div style="text-align:left;padding-left:26px; padding-top:140px;"><a href="about-us-staff.html" target="_top"></a></div></td>
          <td height="30" valign="top" bgcolor="#FFFFFF">
            <table width="100%" border="0" cellspacing="0" cellpadding="2" height="100%">
              <tr>
                <td valign="middle" width="100%" height="30" bgcolor="#6E0D6E"><img src="images/about_us_staff_dan.gif" width="301" height="17" hspace="10" /></td>
              </tr>
              <tr>
                <td valign="top" width="100%" bgcolor="#FFFFFF"><div id="copyright">
                    <h2><span>Copyright &copy;2005 Dan Klores Communications. All Rights Reserved. 
                      Site Design: Bonfilio Design - Site Development: Belzabar Software</span></h2>
                </div>
                    <div id='content_headline' >
                      <h2>Lorem ipsum </h2>
                      <h3>Chairman, Chief Executive Officer</h3>
                  </div></td>
              </tr>
            </table></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#FFFFFF"><div id="content_copy2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris cursus tellus at nibh. Duis elementum purus hendrerit pede. Proin vestibulum. Nullam vestibulum pede. Aliquam sodales magna sit amet diam. Duis ornare, tellus vel egestas eleifend, risus libero posuere nisi, vel vulputate lacus erat vitae magna. Quisque sed nunc ac pede viverra elementum. Cras ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum vestibulum pharetra augue. Praesent eu tortor. Duis et augue. In iaculis leo. Nullam dapibus ligula nec quam. Cras tincidunt velit nec libero. Aliquam erat volutpat. Proin eu nunc eget ante pretium gravida. Vivamus purus libero, ultricies sit amet, mattis eu, venenatis eget, lacus. 
    
    Aenean feugiat orci quis purus. Maecenas tristique eros in odio. Donec et est. Vivamus vitae felis in nibh fringilla congue. Curabitur sollicitudin purus in enim. Nunc erat. Cras dui neque, adipiscing sit amet, pellentesque eu, venenatis ut, ligula. Phasellus mattis pede in tortor. Aliquam justo leo, ultricies id, euismod vel, bibendum quis, enim. Duis adipiscing faucibus diam. Curabitur risus velit, porttitor sit amet, tristique sit amet, feugiat eu, magna. Vestibulum metus. Cras convallis sollicitudin lacus. Pellentesque turpis. Morbi convallis augue at nisi. Suspendisse interdum, urna sed viverra feugiat, ante quam porttitor nisl, sit amet bibendum erat tortor eget turpis. 
    
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vulputate enim eu massa. Nunc eget justo vel pede dignissim congue. Cras justo. Etiam iaculis. Proin sapien. Nulla augue elit, sodales vel, semper sed, pharetra ac, dui. Nullam aliquet. Morbi ut nulla nec felis ultrices aliquam. Suspendisse pellentesque elit non neque tempor condimentum. Sed eu est in elit semper vehicula. Mauris metus est, vestibulum at, imperdiet ac, fringilla vel, nunc. In velit nibh, euismod eu, feugiat non, ultrices vel, metus. Curabitur tincidunt facilisis mauris. Ut sit amet lorem nec metus bibendum posuere. Nunc vitae ipsum ut sapien posuere ullamcorper. Donec tincidunt egestas libero. Curabitur diam. Phasellus ut nisi vel leo dapibus eleifend. Etiam dignissim sapien vitae turpis. 
    
    Fusce nec felis nec massa vulputate malesuada. Quisque in lorem a sapien nonummy euismod. Nam neque ligula, pretium eu, consectetuer vitae, convallis eget, arcu. Phasellus orci. Suspendisse eu sapien sit amet odio venenatis tincidunt. Quisque sed orci vel dui porttitor aliquet. Pellentesque semper diam et sem. Nunc vehicula, ipsum nec iaculis tincidunt, purus elit posuere eros, nec euismod dui nulla ut lacus. Suspendisse nunc ligula, pellentesque a, pellentesque a, consectetuer ut, purus. Nullam nec neque. Aliquam adipiscing. Phasellus accumsan mi in nisl. Nullam porttitor. Morbi lorem. Cras cursus dapibus magna. 
    
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse molestie cursus sem. Nullam pretium mauris et sem. Curabitur molestie condimentum enim. Nam id nulla. Quisque sed neque
     </div><DIV  id="otherstaff">
    <UL>
      <LI><A href="http://www.pmob.co.uk/temp/list-example.htm#">LOREM IPSUM <br>
          <span class="spanclass">Chairman, Chief Executive Officer</span></A> </LI>
      <LI><A href="http://www.pmob.co.uk/temp/list-example.htm#">LOREM IPSUM <br>
      <span class="spanclass">Managing Director, President</span></A> </LI>
      <LI><A href="http://www.pmob.co.uk/temp/list-example.htm#">LOREM IPSUM <br>
      <span class="spanclass">Managing Director, Managing Partner</span></A> </LI>
      <LI><A href="http://www.pmob.co.uk/temp/list-example.htm#">LOREM IPSUM <br>
      <span class="spanclass">Managing Director, Chief of Staff</span></A> </LI>
      <LI><A href="http://www.pmob.co.uk/temp/list-example.htm#">LOREM IPSUM <br>
      <span class="spanclass">Managing Director</span></A> </LI></UL>
      <h3>Executive Vice Presidents</h3> 
           <ul id='compact' >
            <li ><a href='#' id='lizanklow' >LOREM IPSUM </a></li>
            <li ><a href='#' id='brucebobbins' >LOREM IPSUM </a></li>
            <li><a href='#' id='dianebriskin' >LOREM IPSUM </a></li>
            <li><a href='#' id='jeffreyklein' >LOREM IPSUM </a></li>
            <li><a href='#' id='robertleonard' >LOREM IPSUM </a></li>
            <li><a href='#' id='josephscottmiranda' >LOREM IPSUM </a></li>
           </ul>
      
      
    </DIV></td>
      </tr>
      <tr>
        <td height="24" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
      <tr>
        <td height="120" valign="top"><a href="#"><img src="images/menu/about_us.gif" name="img1" width="72" height="72" border="0" id="img1" style="padding-top:22px; padding-left:25px;" /></a><a href="#" onmouseover="img2.src='images/menu/in_the_news_hover.gif'" onmouseout="img2.src='images/menu/in_the_news.gif'"><img src="images/menu/in_the_news.gif" name="img2" width="72" height="72" border="0" id="img2" style="padding-top:22px; padding-left:25px;" /></a><a href="#" onmouseover="imgnew.src='images/menu/services_hover.gif'" onmouseout="imgnew.src='images/menu/services.gif'"><img src="images/menu/services.gif" name="imgnew" width="72" height="72" border="0" id="imgnew" style="padding-top:22px; padding-left:25px;"/></a><a href="#" onmouseover="img3.src='images/menu/dkc_groups_hover.gif'" onmouseout="img3.src='images/menu/dkc_groups.gif'"><img src="images/menu/dkc_groups.gif" name="img3" width="72" height="72" border="0" id="img3" style="padding-top:22px; padding-left:25px;"/></a><a href="#" onmouseover="img4.src='images/menu/clients_hover.gif'" onmouseout="img4.src='images/menu/clients.gif'"><img src="images/menu/clients.gif" name="img4" width="72" height="72" border="0" id="img4" style="padding-top:22px; padding-left:25px;" /></a><a href="#" onmouseover="img5.src='images/menu/contact_us_hover.gif'" onmouseout="img5.src='images/menu/contact_us.gif'"><img src="images/menu/contact_us.gif" name="img5" width="72" height="72" border="0" id="img5" style="padding-top:22px; padding-left:25px;"/></a></td>
      </tr>
    </table>
    </body>
    </html>
    
    </body>
    </html>
    PLEASE CUT AND PASTE THE CODE AND SAVE AS HTML TO SEE THE PAGE

    i am providing the js and <style> tags in next post

    I have to make this page look the same in all browsers and all screen resolutionS

    I have tried changing the height of the scrolling div in the middle with the help of a javascript(PLEASE SEE WITHIN SCRIPT TAG),but could not change the height of the div with staff names("LOREM IPSUM managing director" etc)

    PLEASE HELP

  • #2
    New Coder
    Join Date
    Oct 2005
    Location
    Delhi
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    please put <style> and <script> as supplied in the head tag of previous html

    please put <style> and <script> tags as supplied below in the head tag to view the complete page
    Code:
    <script type="text/javascript" >
    
    // JavaScript Document
    
    function getWindowHeight() {
    			var windowHeight = 0;
    			if (typeof(window.innerHeight) == 'number') {
    				windowHeight = window.innerHeight;
    			}
    			else {
    				if (document.documentElement && document.documentElement.clientHeight) {
    					windowHeight = document.documentElement.clientHeight;
    				}
    				else {
    					if (document.body && document.body.clientHeight) {
    						windowHeight = document.body.clientHeight;
    					}
    				}
    			}
    			return windowHeight;
    		}
    
    
    function setContainer() {
    			if (document.getElementById) {
    				var windowHeight = getWindowHeight();
    				if (windowHeight > 0) {
    					
    					var right_element = document.getElementById('content_copy2');
    					var right_height  = right_element.offsetHeight;
    					var staff_element=document.getElementById('otherstaff');
    					var staff_height=staff_element.offsetHeight;
    					var width=screen.width;
    					var x=right_element.style.height;
    					
    					if (width == 800) {
    						if (right_height ) {
    						//if (windowHeight - (content_height + container_height) >= 0) {
    						right_element.style.height = 200  + 'px';
    						
    						staff_element.style.height = 50 + 'px';
    						//staff_element.style.width=50+ 'px';
    						
    						
    						}
    						else {
    						
    						right_element.style.height = 320  + 'px';
    
    					}
    
    						
    					}
    					// else {
    						//containerElement.style.position = 'static';
    					//}
    				}
    			}
    		}
    		window.onload = function() {
    			setContainer();
    		}
    		window.onresize = function() {
    			setContainer();
    		}
    
     	
    	
    </script>
    Now the <style> tag

    Code:
    <style>body {
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	background-image: url(../images/fullbg2.jpg);
    	background-repeat: repeat-y;
    	background-color: #748B5D;
    }
    #content{position:relative;top:214px;padding-left:4px;}
    #content #header {color:#98A8CA;font-family:Verdana;font-size:16px;font-weight:bold;}
    #content #header h2 {height:0px !important; overflow:hidden; padding:20px 0 0 0; margin:0 0 0px 0;height /**/:20px; background:transparent url(../images/home_header.jpg) left no-repeat;}
    #content #header h2 span{display:none;}
    
    #content #menu {margin:16px 10px 10px 3px;}
    #content #menu a.about_us, a.in_the_news, a.services, a.dks_group, a.clients, a.contact_us{background:#748A5C;margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;}
    #content #menu a.about_us:hover {background:#7E1C7E;color:#FFFFFF;}
    #content #menu a.in_the_news:hover {background:#910D18;color:#FFFFFF;}
    #content #menu a.services:hover {background:#9B5E0A;color:#FFFFFF;}
    #content #menu a.dks_group:hover {background:#C01A5C;color:#FFFFFF;}
    #content #menu a.clients:hover {background:#173981;color:#FFFFFF;}
    #content #menu a.contact_us:hover {background:#0E7145;color:#FFFFFF;}
    
    #content #subheader h2 {height:0px !important; overflow:hidden; padding:37px 0 0 0; margin:-30px 0 0px 0;height /**/:37px; background:transparent url(../images/home_subhead.jpg) left no-repeat;}
    #content #subheader h2 span{display:none;}
    
    #content #maincontent {margin:10px 10px 10px 0px;}
    #content #latest_news h2 {height:0px !important; overflow:hidden; padding:16px 0 0 0; margin:0px 0 0px 0;height /**/:16px; background:transparent url(../images/latest_news.jpg) left no-repeat;}
    #content #latest_news h2 span{display:none;}
    #content #maincontent .news_text, .news{color:#EDF3E7; font-family:verdana; font-size:10px;margin:-10px 10px 0 5px;text-decoration:none;}
    #content #clients h2 {height:0px !important; overflow:hidden; padding:16px 0 0 0; margin:2px 0 0px 0;height /**/:16px; background:transparent url(../images/dkc_clients.jpg) left no-repeat;}
    #content #clients h2 span{display:none;}
    
    #content #footer {color:#98AE80;font-family:Trebuchet MS;font-size:11px;font-weight:bold;margin:0 0 0 6px;}
    #content #footer h2 {height:0px !important; overflow:hidden; padding:21px 0 0 0; margin:0px 0 0px 0;height /**/:21px; background:transparent url(../images/credits.gif) left no-repeat;font-family:Trebuchet MS;font-size:11px;font-weight:bold;width:501px;}
    #content #footer h2 span{display:none;}
    #content #footer h3 {color:#6B8353;font-family:Trebuchet MS;font-size:9px;height:0px !important; overflow:hidden; padding:21px 0 0 0; margin:0px 0 0px 0;height /**/:21px; background:transparent url(../images/credits1.gif) left no-repeat;width:501px;}
    #content #footer h3 span{display:none;}
    
    #content_inner_text {font-family:verdana; font-size:10px;margin:30px 0px 30px 20px; }
    #content_inner_text p{width:340px;}
    #content_inner #menu {margin:5px 10px 10px 8px;}
    #content_inner #menu a.about_us, #content_inner #menu a.in_the_news, #content_inner #menu a.services, #content_inner #menu a.dks_group, #content_inner #menu a.clients, #content_inner #menu a.contact_us{background:#486030;margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;}
    #content_inner #menu a.about_us:hover {background:#7E1C7E;color:#FFFFFF;}
    #content_inner #menu a.about_us_hover {margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;background:#7E1C7E;color:#FFFFFF;}
    #content_inner #menu a.in_the_news:hover {background:#910D18;color:#FFFFFF;}
    #content_inner #menu a.in_the_news_hover {margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;background:#910D18;color:#FFFFFF;}
    #content_inner #menu a.services:hover {background:#9B5E0A;color:#FFFFFF;}
    #content_inner #menu a.services_hover {margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;background:#9B5E0A;color:#FFFFFF;}
    #content_inner #menu a.dks_group:hover {background:#C01A5C;color:#FFFFFF;}
    #content_inner #menu a.dks_group_hover {margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;background:#C01A5C;color:#FFFFFF;}
    #content_inner #menu a.clients:hover {background:#173981;color:#FFFFFF;}
    #content_inner #menu a.clients_hover {margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;background:#173981;color:#FFFFFF;}
    #content_inner #menu a.contact_us:hover {background:#0E7145;color:#FFFFFF;}
    #content_inner #menu a.contact_us_hover {margin:0 22px 30px 0;font-family:Trebuchet MS; font-size:10px;font-weight:bold;float:left;height:64px;width:66px;padding:4px;color:#465D2F;text-decoration:none;background:#0E7145;color:#FFFFFF;}
    #copyright {float:right;}
    #copyright h2 {color:#6B8353;font-family:Trebuchet MS;font-size:9px;height:0px !important; overflow:hidden; padding:13px 0 0 0; margin:0px 0 0px 0;height /**/:13px; background:transparent url(../images/copyrights_inner.gif) left no-repeat;width:501px;}
    #copyright h2 span{display:none;}
    
    #content_inner_text h2 {color:#7A8462;font-family:Trebuchet MS;font-size:12px;height:0px !important; overflow:hidden; padding:18px 0 0 0; margin:0px 0 0px 0;height /**/:18px; background:transparent url(../images/the_staff_of_dkc.gif) left no-repeat;width:501px;}
    #content_inner_text h2 span{display:none;}
    
    #content_inner_text_framed {font-family:verdana; font-size:10px;width:340px;margin:30px 0px 30px 0px;}
    #OLDotherstaff {position:absolute;top:80px;left:440px;float:right;width:208px;margin:0 0 0 5px;}
    #otherstaff {
    float:left;
    	
    	padding-top:3%;
    	left: 55%;
    	
    	width: 35%;
    	height:auto;
    }
    
    
    
    
    /* --------------------------------------------------------
       Color schemes, especially for links                     */
    
    #colorscheme_aboutus a:hover {color:#7E1C7E;}
    
    #colorscheme_aboutus_staff a:hover {color:#7E1C7E;}
    
    #colorscheme_aboutus_staff a {
       font-family: verdana;
       font-size: 12px;
       color:#768561;
       text-decoration: none;
       font-weight: bold;
    }
    
    #colorscheme_aboutus_staff li {
       list-style-type: none;
       
       text-indent: 0px;
       line-height: 12px;
       margin: 0px;
       padding-left: 0px;
       padding-top:10px;
       color: #FFFFFF;
    }
    
    #otherstaff #compact li {
       margin-top: -4px;
       padding-top:0px;
       
    }
    
    /* --------------------------------------------------------
       Right-hand menu                                       */
    
    #colorscheme_aboutus_staff #entity_qualifier {
       color: #000000;
       font-size: 10px;
       /*line-height: 13px;*/
       font-weight: normal;
    }
    
    
    
    #colorscheme_aboutus_staff a:hover, #colorscheme_aboutus_staff #highlighted {
    	display: block;
        padding-left: 20px;
    	margin-left: -20px;
    	background-position: 7px 3px;
    	background-repeat: no-repeat;
    	color:#7E1C7E;
    	background-image: url(../images/menu/menuleft-square-purple.gif);
    }
       /* As that _highlighted entry only makes the bullet purple, we also need
          to make the text purple */
       
    
    /* Right-hand menu */
    
    #otherstaff h3 {
    	font-weight: normal;
    	font-family: Verdana;
    	font-size: 10px;
    	margin-top: 10px;
    	margin-left:24px;
    	padding-left:20px;
    	
    	
    }
    
    #otherstaff ul {
       margin-top: -8px;    /* Less space between any heading and the list  */
       padding-top: 0px;
    }
    
    
    /* --------------------------------------------------------
       Bottom-left bulleted menu                            
       Image Replacements)                                   */
    
      #left-menu {       /* Assigned to the UL tag in this case */
        margin:0;
        padding:0;
        height:18px;
        width:136px;
        list-style-type: none;
      }
    
      #left-menu li a {
        display:block;
        height:0px !important;
        width:136px;
        overflow:hidden;
        padding-top: 18px;
        height /**/: 18px;
      }
    
      #left-menu li a:hover {
        background:transparent;
      }
    
    
    /* --------------------------------------------------------
       Bottom-left bulleted menu                             */
     
    #leftmenu a {
       font-family: verdana;
       font-size: 9px;
       color:#486030;
       text-decoration: none;
       font-weight: normal;
    }
    
    #leftmenu li {
       list-style-type: none;
       margin-top: 5px;
       text-indent: 0px;
       line-height: 11px;
       margin-left: -27px;
       color: #FFFFFF;
    }
    
    
    #leftmenu a:hover, #leftmenu_item_highlighted {
    display:block;
       background: url("../images/menu/menuleft-square-white.gif");
       padding-left: 20px;
       margin-left: -20px;
       background-position: 5px 2px;
       background-repeat: no-repeat;
       color:#FFFFFF;
    }
    
    /* --------------------------------------------------------
       Top-of-page headlines in the content area             */
    
      /*      <div id='content_headline' >
              <h2>DAN KLORES</h2>
              <h3>Chairman, Chief Executive Officer</h3>
              </div>
      */
    
    #content_headline {
    	/* Try to get this to align above the bottom of the top row-frame  */
       
    	top:28%;
    	left:21%;
    	padding-top:35px;
    	padding-left:20px;
    	
    	width: 55%;
    }
    
    #content_headline h2, #content_headline h3 {
      font-family: Verdana;
      font-size: 16px;
      font-weight: bold;
      color:#486030;
      line-height: 19px;
      margin-bottom: 0px;
      margin-top: 0px;
    }
    
    #content_headline h3 {    /* Only difference is non-bold */
      font-weight: normal;
    }
    
    /* --------------------------------------------------------
       Inner (framed and scrolling) content (main text)      */
    
    #content_copy {
      font-family: verdana;
      font-size: 10px;
      width:340px;
      margin-left: 23px;
      margin-right: 23px;
    }
    #content_copy h2 {font-family:verdana; font-size:16px;color:#486030;}
    
    
      /* OLD STYLE WAS #content_inner_text_framed {font-family:verdana; font-size:10px;width:340px;margin:30px 0px 30px 0px;} */
    
    /* --------------------------------------------------------
       Linked lists of items (major) */
    
    #entity_list {font-family: verdana;
                  font-size:12px;
                  font-weight: bold;
                  color:#768561;
    	      text-decoration: none;
                  line-height: 16px;
                 }
    
    #entity_list_qualifier {font-size: 10px; font-weight: normal;}
    
    /* --------------------------------------------------------
       Page header                                           
       We're not currently using this page_header styles but with one last
       tweak - image replacement - we could.                 */
    
    
    #colorscheme_aboutus #page_header {
      background-color:#6E0D6E; /* Dark purple for the upper band */
    }
    
    #page_header {
      top-margin: 0px;
      width: 100%;
      line-height: 30px;
      height: 30px;
      vertical-align: middle;
      font-family: Trebuchet MS, Helvetica Condensed, Arial Condensed, Helvetica;
      font-size: 15px;
      color: #FFFFFF;
      top: 0px;
      text-indent: 23px;
      font-weight: bold;
    }
    
    
    
    /* ------------------------NEW------------------------- */
    #pagecell1{
    	position:absolute;
    	top: 0px;
    	
    	width:100%;
    	background-color: #ffffff;
    }
    
    
    #pageNav{
    	float: left;
    	width:20%;
    	background-image: url(images/bg_inner.gif);
    	background-repeat: repeat-y;
    	background-color: #98AD82;
    	height: auto;
    	
    }
    
    #content_new
    {
    	float: left;
    	width: 80%;
    	
    }
    
    
    /***********************************************/
    /* Component Divs                              */
    /***********************************************/
    
    /************** feature styles *****************/
    
    .feature{
    	height: 386px;
    	overflow-Y: auto;
    	overflow: -moz-scrollbars-vertical;
    }
    
    
    
    
    
    
    
    /*************** story styles ******************/
    
    .story {
    	background-color: #748A5C;
    	margin-top: 30px;	
    	
    }
    .tablepad {
    	padding-top: 22px;
    	padding-left: 24px;
    }
    
    
    
    
    td.storyLeft{
    	padding-right: 12px;
    }
    #headingnew
    {
    
    }
    #headingnew h2,#headingnew h3
    {
    font-family: Verdana;
      font-size: 16px;
      font-weight: bold;
      color:#486030;
      line-height: 19px;
      margin-bottom: 0px;
      margin-top: 0px;
    }
    #content_copy2 {
    	font-family: verdana;
    	font-size: 10px;
    	width:38%;
    	overflow-Y: auto;
    	overflow: -moz-scrollbars-vertical;
    	height: 320px;
    	padding-right: 23px;
    	padding-left: 23px;
    	margin-top: 20px;
    	float: left;
    }
    #about_staff a
    {
     font-family: verdana;
       font-size: 12px;
       color:#768561;
       text-decoration: none;
       font-weight: bold;
    }
    .about_staff_sub
    {
    color: #000000;
       font-size: 10px;
       font-weight:normal;
       }
    .otherstaff_h3
    {
     font-weight: normal;
       font-family: Verdana;
       font-size: 10px;
       
    }
    #os2 {
    	position:absolute;
    	margin:0 0 0 0px;
    	left: 604px;
    	top: 118px;
    }
    #otherstaff UL {
    	LIST-STYLE-TYPE: none
    }
    #otherstaff LI {
    	background-image: url(../images/menu/menuleft-square-purple.gif);
    	background-repeat: no-repeat;
    	background-position: 6px 5px;
    }
    #otherstaff LI {
    margin-top:4px;
    
    	}
    #otherstaff A {
    	LINE-HEIGHT: 1.5em
    }
     
    
    #otherstaff A {
    	HEIGHT: 1%;
    	  font-family: verdana;
       font-size: 12px;
       color:#768561;
       text-decoration: none;
       font-weight: bold;
    }
    #otherstaff A {
    	DISPLAY: block; PADDING-LEFT: 18px; BACKGROUND: #fff; POSITION: relative; TEXT-DECORATION: none
    }
    #otherstaff A:hover {
    color: #7E1C7E;
    	BACKGROUND: none transparent scroll repeat 0% 0%;
    	
    }
    .spanclass
    {
    color: #000000;
       font-size: 10px;
       line-height: 13px;
       font-weight: normal;
       font-family:Verdana;
    }
    </style>

    PLEASE HELP


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •