BODY
    { 
    	border: none 0;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
     }
    
    .contentPane
    {
//        width: 714px;
        
        /* 
        ** We want to center the content pane horizontally. We do this by
        ** setting both right and left margins to auto:
        */
//        margin-left: auto;
        margin-right: auto;
        
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 0 0 0;
        
        /*
        ** We want a border around the content to separate it from the
        ** textured side panels.
        */
    	border-style: solid; 
    	border-width: 3px;
    }
    
    .sideMenuPane
    {
        width: 200px; 
        
        margin: 0 0 0 0; 
        padding: 0 0 0 0; 
        border: none 0;
    }
    
    .sideMenuFrame
    {
    	width: 200px;
    	height: 100%;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    	
        border-top: solid 3px black;
        border-left: none 0;
        border-right: none 0;
        border-bottom: none 0;
    }
    
    .sideMenuCommand 
    {
     	width: 95%;
    	
    	padding: 5px 0 5px 5px;
    	margin: 10px 0 10px 0px;
    	border: none 0;
  	
    	font-style: normal;
        font-weight: bold;
        font-family: Sans-Serif;
    }
        
    .sideMenuCommandSelected
    {
    	width: 95%;

    	padding: 5px 0px 5px 5px;
    	border: none 0;
    	margin: 10px 0 10px 0;
    	
    	font-size: large;
    	font-style: normal;
        font-weight: bold;
        font-family: Sans-Serif;

    	
    	font-style: normal;
        font-weight: bold;
        font-family: Sans-Serif;
    }
    
    a.sideMenuLink:visited
    {
    }
    
    a.sideMenuLink:link
    {
    }
    
    a.sideMenuLink:hover
    {
    	font-size: 14pt;
    }
    
    .titleAndContentPaneOnly
    {
//        width: 511px;
     
        margin: 0 0 0 0; 
        padding: 0 0 0 0; 
        border none 0;
    }
    
    .titleAndContentPane
    {
//        width: 511px;
     
        margin: 0 0 0 0; 
        padding: 0 0 0 0; 
        
        border-left: solid 3px black;
        border-bottom: none 0;
        border-right: none 0;
        border-top: none 0;
    }
    
    /*
    ** We have two modes for the page.
    **    Mode 1:  Side Menu is visible.
    **             Top Menu is hidden.
    **             The height of the picture area of the side menu is the same as
    **               the height of the company name + logo + page title in the
    **               content menu.
    **
    **    Mode 2:  Side Menu is hidden.
    **             Top Menu is visible.
    */
    
    .sideMenuPicturePane
    {
       width: 200px; 
       height: 200px;
       padding: 0 0 0 0; 
       margin: 0 0 0 0;
       border: none 0;
    }
    
    .companyLogoTitlePane
    {
    	width: 100%;
    	height: 200px;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    	border: none 0;
    }
        
    .companyAndLogoPane
    {
        width: 100%; 
        height: 90px;
        border: none 0;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
     }
      
    .pageTitlePane
    {
    	width: 100%;
    	height: 110px;
    	border: none 0;
    	padding: 0 0 0 0;
    	margin: auto 0 10px 0;
    	
        font-family: Sans-Serif;
        font-weight: bold;
    }
    
    .menusAndContentPane
    {
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	border: none 0;
    }
    
    .pageContentProper
    {
    	margin: 0 0 0 0; 
    	padding: 10px 10px 10px 10px;
    	
        border-top: solid 3px black;
        border-bottom: none 0;
        border-right: none 0;
        border-left: none 0;
        
        font-family: Sans-Serif;
        font-weight: normal;
    }

    .topMenuPane
    {    
       padding: 10px 0 10px 0px; 
       margin: 0 0 0 0; 
       
       border-top: solid 3px black;
       border-bottom: none 0;
       border-right: none 0;
       border-left: none 0;
        
       width: 100%; 
    }
    
    .bottomMenuPane
    {
       border-top: solid 3px black;
       border-left: none 0;
       border-right: none 0;
       border-bottom: none 0;
       
       clear: both;

       padding: 10px 0 10px 0px; 
       margin: 0 0 0 0;
       width: 100% 
    }
        
    .pageTitle
    {
    	border: none 0; 
    	padding: 0 0 0 25px; 
    	margin: 0 0 0 0;
    }
    
    .inlineMenuBox
    {
    	padding: 0px;
    	margin: 10px;
    	border: none 0;
    	display: inline-block;
    }

    a.inlineMenuItem
    {
        border: none 0;
        margin: 0px 0px 10px 0px;
      
        padding: 10px;
        
        font-family: Sans-Serif;
        font-weight: normal;
    }
    
    a.inlineMenuItem:visited
    {
    }
    
    a.inlineMenuItem:link
    {
    }
    
    a.inlineMenuItem:active
    {
    }

    a.inlineMenuItem:hover
    {
    }

    .copyright
    {
    	margin: 0 0 0 0; 
    	padding: 10px 0 10px 10px; 
    	
        border-top: solid 3px black;
        border-bottom: none 0;
        border-right: none 0;
        border-left: none 0;
        
        font-family: Sans-Serif;
        font-weight: normal;
    }
    
    .logoImage
    {
        margin: 5px 10px 5px 10px;
        padding: 0 0 0 0;
        border: none 0;
        float: right;
    }

    /*
    ** Style used to ensure that contained elements don't force extra spacing:
    */
    .borderless
    {
    	border: none 0; 
    	padding: 0 0 0 0; 
    	margin: 0 0 0 0;
    }
    
    .contentTable
    {
    	border: none 0;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    }
    
    .contentTableBody
    {
    	border: none 0;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    }
    
    .contentTableRow
    {
    	border: none 0;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    }

    .pageTableCenteringTable
    {
    	border: none 0; 
    	padding: 0 0 0 0; 
    	margin: 0 0 0 0;

	    border-collapse: collapse; 
	    height: 100%; 
	    width: 100%;
    }
    
    .labeledDescription
    {
        margin-bottom: 20px;
    }
    
    .labelForDescription
    {
        font-weight: bold;
        padding-bottom: 10px;
    }
    
    .description
    {
        margin-left:  30px;
    }

    a.contentLink
    {
    }
    
    .labelForDescription
    {
    }

    .hasBorder
    {
    }
    
    a.paddedLink
    {
        padding: 10px;
    }
    
    .topMenuExpanded
    {
        display: block;
    }
    
    .topMenuRetracted
    {
        display: none;
    }

    .retractableTopMenuPaneHidden
    {
        display: none;
        
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border: none 0;
    }
    
    .retractableTopMenuPaneVisible
    {
        display: block;
        
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border: none 0;
    }
   
    .topMenuBox 
    {
     	width: 190px;
    	
    	padding: 5px 0 5px 5px;
    	margin: 10px 0 10px 0px;
    	border: none 0;
  	
    	font-style: normal;
        font-weight: bold;
        font-family: Sans-Serif;
    }
        
    .topMenuItem
    {
    }
    
    .topMenuItem:hover
    {
       	font-size: 14pt;
    }
  
    .floatingTopMenuIcon
    {
    	margin: 8px 5px 0px 0px;
        padding: 3px;
        border: none 0;
              
        height: 27px;
        width: 27px;
    	text-align: right;
    	vertical-align: middle;
    	
    	float: right;
    }
    
    .topMenuIconBox
    {
    	padding: 2px;
    	height: 23px;
    	width: 23px;
    	margin: 0px;
        border: none;      
    }
    
    .topMenuHideIcon
    {
    }
    
    .topMenuShowIcon
    {
    }
    
    .topMenuShowHideIcon
    {
    	background-repeat: no-repeat;
    	background-position: center;
    	
    	padding: 3px;
    	margin: 0;
        border: solid 2px;       
        
        height: 13px;
        width: 13px;     
    }
    
    .topMenuShowHideIcon:hover
    {
    }
    
    TEXTAREA
    {
        text-align: left;
    }
    
    .clickableImage
    {
        padding: 4px;
        border: solid 2px;
        margin: 2px;
    }