.html
    {
        margin: 0;
        padding: 0;
        border: none;
    }
    #container
    {
        width: 100%;
        max-width: 1000px;
        min-width: 300px;
        margin: 0 auto;
        padding: 0;
        
    }
    #container h1
    {   
        clear: both;
        max-width: 100%;
        border: thin solid green; /* remove this line to remove the border */
    }
    .left-element 
    {
        float: left;
        width: 49%;
        text-align: left;
    }
     .right-element 
    {
        float: right;
        width: 49%;
        text-align: right; /* depends on element width */

     } 
    #container h2
    {
        clear: both;
        border: thin solid blue; /* remove this line to remove the border */
        max-width: 100%;
        margin-bottom:0px;  
    }
         #container navbar
    {
        clear: both;
        max-width: 100%;
      
    }

    #middle-col
    {
background:#fffff;
margin-left: 199px;
margin-right:199px;

voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
   
    }
    #left-col
    
    {
position: absolute;
left:10px;
top:250px;
width:139px;
background:#fff;


     }
    #right-col
    {
position: absolute;
right:10px;
top:250px;
width:139px;
background:#fff;

    }
    .style7
    {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: normal;
        font-style: normal;
        line-height: normal;
    }
    .style12
    {
        font-size: xxx-large;
        font-family: Arial, Helvetica, sans-serif;
    }

    }
    .style18 
    {	
	    font-size: small;
	    font-family: Arial, Helvetica, sans-serif;
    }
    .style31
    {
        font-size: x-large;
        font-weight: bold;
        font-family: "Times New Roman" , Times, serif;
    }
    .style32
    {
        text-align: left;
    }
    .style34 
    {
        font-size: xx-large
    }
    .style35 
    {
	    font-size: medium;
	    font-weight: bold;
    }
        .style202 
    {
        font-weight: bold; 
        font-size: small; 
        font-family: Arial, Helvetica, sans-serif; 
    }
    .pcenter
{ 
text-align: center
} 
     .pleft
{ 
text-align: left
} 
     .pright
{ 
text-align: right
} 

    
.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
































.chromestylesecondmenu{
width: 100%;
font-weight: bold;

}

.chromestylesecondmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestylesecondmenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebgsecondmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestylesecondmenu ul li{
display: inline;
}

.chromestylesecondmenu ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestylesecdondmenu ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropsecondmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropsecondmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropsecondmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropsecondmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}



    #table1
    {
        width: 75%;
    }