body {    
     font-family: arial,lucida,geneva,sans-serif,sans serif,sansSerif; 
     margin: 0px;  /* sets all margins to zero pixels   */ 
     /* the last one is the one that renders
     in this order, the background color will be used if the UA cannot render the gif */  
}


/*  TYPE SELECTOR (for A element - the anchor tag) with pseudo class :LINK - an unvisted link */
/* ----------------------------------------------------------------------------------*/



#minWidthMozilla{
     min-width: 600px;
}

/* hack to create a minimum width in IE */
#minWidthIE {
     width: 600px;
     margin: 0px;
     padding: 0px;
     height: 0px; 
     border: dotted #000066;
     border-width: thin; 
}

/* Properties that both side lists have in common */
div.top-buttons {    /* div id=list2 class=top-buttons */
        width:120px;
        position:absolute;
        top:0px;
        padding-left:0px;
        padding-right:0px;
        margin-left:0px;
        margin-right:0px;
}
/* we leave some place on the side using the margin-* properties */


/* and then we put each list on its place */
#leftButton {
        left:60px;
        top:20px;
        float: left;
}
#rightButton {
        right:60px;
        top:19px;
        float: left;
}

.homeButton{  /* class=homeButton   */  
     position: absolute;
     top: 6px;
     left: 6px;
     width: 75px;
     height: 50px; 
}


IMG#homeButton {
    width: 75px; 
    height: 50px;
    border: 0px;
    padding-right: 0px;
}

.linksButton{
     position: absolute;
     top: 6px;
     right: 6px;
     width: 75px;
     height: 50px; 
}

IMG#linksButton{
    width: 75px; 
    height: 50px;
    border: 0px;
    padding-right: 0px;
}

/* font style (normal, italic, oblique ) font-variant (normal, small-caps)  font-weight (normal, bold) */
#topSpace  {  /*page title  div id=topSpace   */  
     position: relative;
     clear: left;
     top: 60px;
     right: 0px;
     left: 0px;
     height: 2em;
     font: normal normal bold 2.00em 'Trebuchet MS', Helvetica, sans-serif;   
     text-align: center;
} 

#contentBorder  {  /*    div id=contentBorder  */  
     position: relative;
     float: left;
     width: 85%;
     top: 20px;
     bottom: 10px;
     margin-right: 60px;
     margin-left: 60px;
     margin-bottom: 10px;
     z-index: 2;  
     /* border-width: thick;  
     border: solid #000000;   */
     /* without these last 2 lines border-width and border
     the top of the contentBorder is invisible */        
} 


/* marging-bottom controls bottom border */
/*    div id=contentBox  */  
#contentBox  {  
     position: relative;
     float: left;
     clear: both;
     top: 0px;
     right: 0px;
     left: 0px;
     margin-top: 20px;
     margin-right: 20px;
     margin-bottom: 20px;
     margin-left: 20px;
     padding-top: 0px;
     padding-right: 8px;
     padding-bottom: 2px;
     padding-left:  14px;
     font-family: verdana,lucida,geneva,sans-serif,sans serif,sansSerif;
     font-size: 1.1em;
     font-weight: bold;
     z-index: 10;
}

.twoColumnBox  {  
     float: left; 
     clear: both;
     width: 100%;
     right: 0px;
     top: 20px;
     left: 0px;  
     font-family: 'Trebuchet MS', Helvetica, sans-serif;
     font-size: 1.06em;
     font-style: normal;
     line-height: 1.4em;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-decoration: none;
     text-align: left;
}

.middleBox  {  
     float: left; 
     clear: both;
     width: 100%;
     right: 0px;
     left: 0px;  
     font-family: 'Trebuchet MS', Helvetica, sans-serif;
     font-size: 1.06em;
     font-style: normal;
     line-height: 1.4em;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-decoration: none;
     text-align: center;
}



div.hr {
  background: no-repeat scroll center;
}

div.hr hr {
  display: none;
}


/* ******************************************** */ 

.horizontalSections  {  /* div class=horizontalSections */ 
     position:relative;
     top: 0px;
     padding-top:3px; 
     text-align: left;
     text-valign: top;
} 

.left {
     float: left;
     clear: left; 
     left: 0px;
     top: 0px;
     min-width: 250px;
     margin-right:  10px;  
     width: 48%;  
     z-index: 1;
}

.right {
     top: 3px;
     right: 10px;
     margin-left:  400px;  
     z-index: 2;
}

ul.left {
     float: left;
     clear: left;
     width: 88%;
     text-valign: top;
}

ul.right {
     clear: right;
     padding-right: 16px;
     margin-left: 6px;
     width: 100%;
     text-valign: top;
}

 li.topMenu {
     display:block;
     margin:0px;
     padding:0px;
     position:relative;
     font-family: 'Arial', Helvetica, sans-serif;
     font-size: 1.0em;
     font-style: normal;
     line-height: 1.3em;
     font-weight: bold;
}

 li {
     display:block;
     margin:0px;
     padding:0px;
     position:relative;
     font-family: 'Arial', Helvetica, sans-serif;
     font-size: .8em;
     font-style: normal;
     line-height: 1.2em;
     font-weight: bold;
     font-variant: normal;
     text-transform: none;
     text-decoration: none;
}
/*      text-indent: 5px;
     list-style-position: outside;
     list-style-type: square;
*/

.returnToTop {
     display:block;
     position:relative;
     margin: 0px;
     padding: 0px;
     font-family: 'Arial', Helvetica, sans-serif;
     font-size: .8em;
     font-style: normal;
     line-height: 1.2em;
     font-weight: bold;
     text-align: right;
}

.dummyReturnToTop {
     display:block;
     position:relative;
     margin: 0px;
     padding: 0px;     
     font-family: 'Trebuchet MS', Helvetica, sans-serif;
     font-size: .8em;
     font-style: normal;
     line-height: 1.2em;
     font-weight: bold;
     text-align: right;
}


#footer {
     clear: both;
     padding: 0px 100px 40px 100px;
     font-family: 'Arial', Helvetica, sans-serif;
     font-size: .8em;
     font-style: normal;
     line-height: 1.1em;
     font-weight: bold;
}


/* ******************************************** */

a:link {  /* controls link display */
     text-decoration: none;
}

a:visited {  /* controls link display */
     text-decoration: none;
}

a:active {  /* controls link display */           
     text-decoration: underline;
}

a:hover {  /* on IE only */             
     text-decoration: underline;
}

.red { /*special emphasis*/
     font-weight: bold;
}