H1 {font: bold 18pt sans-serif; color: brown}
H2 {font: bold 16pt sans-serif; color: brown}
H3 {font: bold 14pt sans-serif; color: brown}
H4 {font: 14pt sans-serif; color: brown}
P {font: 12pt sans-serif}
LI {font: 12pt sans-serif}
th {font: bold 12pt sans-serif; 
    color: brown;
    text-align: left;
    vertical-align: bottom;}
TD {font: 12pt sans-serif;
    vertical-align: bottom;}
TABLE.top1 { border-style: solid; border-color: orange; }
TD.top1 {
          border-width: 2px;
          border-style: groove; 
          border-color: brown; 
          padding-left: .5em;
          padding-right: .5em;
          padding-top: .5em;
          padding-bottom: .5em;
        }

a.brown:link {color:brown}
a.brown:visited {color:brown}
a.brown:hover {color:brown}
a.brown:active {color:brown}

body {
font: 100% verdana, arial, sans-serif;
background-color: orange;
margin: 20px;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid brown; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, 
body#tab2 li.tab2, 
body#tab3 li.tab3, 
body#tab4 li.tab4, 
body#tab5 li.tab5, 
body#tab6 li.tab6, 
body#tab7 li.tab7 { /* settings for selected tab */
border-bottom: 1px solid orange; /* set border color to page background color */
background-color: orange; /* set background color to match above border color */
}

body#tab1 li.tab1 a, 
body#tab2 li.tab2 a, 
body#tab3 li.tab3 a, 
body#tab4 li.tab4 a, 
body#tab5 li.tab5 a, 
body#tab6 li.tab6 a, 
body#tab7 li.tab7 a { /* settings for selected tab link */
background-color: orange; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid brown; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: sandybrown; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: orange; /* set desired hover color */
}

select { border-width: 1px;
         border-style: solid;
         border-color: brown;
         background-color: orange;
       }
input {
 background-color: orange;
 border-width: 1px;
 border-style: solid;
 border-color: brown;
 margin: 0;
 padding: 0;
}
form {
 margin: 0;
 padding: 0;
}

ul#hor li {
display: inline;
padding-right: 1em;
}
