
    body{
    margin: 0px;
    padding: 0px;
    border: 0px;
    overflow: hidden;
    height: 100%; 
    max-height: 100%; 
    background-color: yellow;
	
	/*z-index:0;*/
    }

	
    
    
    
    
    
    
    
    
    
    
    
    #framecontenttop{
    position: absolute;
    top: 0px;
    left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0px; /*Set right value to WidthOfRightFrameDiv*/
    width: auto;
    height: 50px;/*130px;*/ /*Height of top frame div*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
    background-color: #000077;
    color: white;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /************************************************************************* Main Menu *******************************************************/
    #idmenutop
    {
    position: fixed;
    top: 50px;/*130px;*/
    left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0px; /*Set right value to WidthOfRightFrameDiv*/
    height: 35px; /*Height of top frame div*/
    overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
    background-color: #000055;
    color: white;
    
    -webkit-overflow-scrolling: touch;
    }
    
    
    #idmenutop #idnavigation
    {
        /*position:absolute;*/
        float:left;
        /*border: 1px solid #000;*/
        background-color: #003;
        /*background-image: url(/resources/images/tabs_green.gif);*/
        /*padding:auto;*/
        height:auto;
        width:auto;
        margin-top: 4px; margin-left: 10px; margin-right: 25px; /*margin-top: auto;*/ /*margin-bottom: auto;*/
        /*bottom: 5px;*/
    }
    
    
    #idmenutop #idnavigation ul li
    {
        float:left;
        list-style-type: none;
        /*background-image: url(/resources/images/tabs_green.gif);*/
        height: auto;
        width: auto;
        /*margin: 0;*/
        padding: 2px 2px;
    }
    
    
    #idmenutop #idnavigation ul li a
    {
        color: #000;
        background-image: url(/resources/images/tabs_light_gray.gif);
        text-decoration:none;
        padding: 2px 10px;
        font:bold 15px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    }
    
    
    #idmenutop #idnavigation ul li a:hover
    {
        color:#fff;
        background-image: url(/resources/images/tabs_dark_navy_blue.gif);
    }
    
    
    #idmenutop #idmenutopcontent
    {
        float:right;
        margin-top: 6px; margin-left: 25px; margin-right: 10px;
        /*padding-left: 10px; padding-right: 10px;*/
        background-color: #000055;
        /*background-image: url(/resources/images/tabs_green.gif);*/
        height:auto; width:auto;
        
    }
    


    
    
    
    
    
    
    
    
    
    
    
    
    /************************************************************************* Sub Menu *******************************************************/
    #idauxmenutop
    {
    position: fixed;
    top: 85px;/*165px;*/
    left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0px; /*Set right value to WidthOfRightFrameDiv*/
    height: 70px; /*Height of top frame div*/
    overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
    background-color: #999;
    color: white;
    
    -webkit-overflow-scrolling: touch;
    }
    

    #idauxmenutop
    {
        float:left;
        list-style-type: none;
        /*height: auto;*/
        /*width: auto;*/
        padding: 2px 2px;
    }


    #idauxmenutop ul li a
    {
        color: #000;
        background-image: url(/resources/images/tabs_light_gray.gif);
        text-decoration:none;
        padding: 2px 10px;
        font:bold 15px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        /*!!!!! set the width of this some how!!!!*/
    }

    #idauxmenutop ul li a:hover
    {
        color:#fff;
        background-image: url(/resources/images/tabs_dark_blue.gif);
    }


    #idauxmenutop ul li button
    {
        color:#fff;
        background-image: url(/resources/images/tabs_dark_gray.gif);
        font:bold 15px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    }


    #idauxmenutop ul li button:hover
    {
        color:#000;
        background-image: url(/resources/images/tabs_green.gif);
    }


    #idauxmenutop button
    {
        color: #000;
        background-image: url(/resources/images/tabs_light_gray.gif);
        text-decoration:none;
        padding: 2px 10px;
        font:bold 15px "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    }


    #idauxmenutop button:hover
    {
        color:#009;
        background-image: url(/resources/images/tabs_green.gif);
    }
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    #maincontent
    {
    position: fixed; 
    top: 155px;/*215px;*/ /*Set top value to HeightOfTopFrameDiv*/
    left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0px; /*Set right value to WidthOfRightFrameDiv*/
    bottom: 0px;
    overflow: auto; 
    background-color:#ccc;
    
	/*z-index: 5;
    -webkit-overflow-scrolling: touch;*/

    }
    
	#maincontent .innertube{
	/*-webkit-transform: translateZ(0);*/

	}
	
	
	
	
    /*.innertube{ margin: 5px; }*/ /*Margins for inner DIV inside each DIV (to provide padding)*/

    /** html body{ padding: 120px 200px 0 200px;} */ /*IE6 hack*/ /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
    
    
    /** html #maincontent{ height: 100%; width: 100%; }*/ /*IE6 hack*/

    /** html #framecontentTop{ width: 100%; }*/  /*IE6 hack*/
