body { 
     background-color: #CCCC66;
     color: #000000 ;  
     font-family: verdana, arial, 'sans serif'; 
     font-size: 0.85em;
     margin: 0;
     padding: 0;
     border: 0;
    }

/* HEADER lives within BODY outside CONTENT - this one for main page */
    div.header {
      padding-top: 5px;
      padding-left: 5px;
      padding-right: 5px;
/*      background-color: aqua; */
    }

/* HEADER2 is a narrower version of HEADER for secondary pages */
    div.header2 {
      margin-left: 15%;
      margin-right: 15%;
      padding-top: 5px;
/*      background-color: aqua; */
    }

/* HEADERMAP2 is a wider version of HEADER2 for map pages */
    div.headermap2 {
      margin-left: 5%;
      margin-right: 5%;
      padding-top: 5px;
/*      background-color: aqua; */
    }

/* CONTENT contains the main text body, indented within the main page */
    div.content {
      background-color: #FFFFFF ; 
      margin-left: 15%;
      margin-right: 15%;
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
      border: 0;
    }

/* CONTENTMAP is a wider version of content, for map pages */
    div.contentmap {
      background-color: #FFFFFF ; 
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
      border: 0;
    }

/* INTROductory blurb for main text within CONTENT */
    div.intro {
      border: 0;
/*      border-top: 1px dashed #000000; */
/*      border-bottom: 1px dashed #000000; */
      margin-left: 3%;
      margin-right: 3%;
/*      background-color: red; */
    }

/* Main SECTION divisions via h3 tags */
    div.sections {
      margin-left: 3%;
      margin-right: 3%;
/*      background-color: cyan; */
    }

/* FOOTER is used mainly for copyright and contact info */
    div.footer {
      margin-left: 3%;
      margin-right: 3%;
      margin-top: 10px;
/*      background-color: yellow; */
    }

/* FATBirder webring div for main page */
    div.fatb {
      margin-left: 3%;
      margin-right: 3%;
      margin-top: 30px;
    }

    big.header  { border-bottom: 0px solid #000000; font-size: 1.8em}
    small.header  { font-size: 0.6em}

    h3.section { border-bottom: 3px solid #000000; font-size: 1.1em;}
    h4.section { border-bottom: 2px solid #000000; font-size: 1em;}

    a.floatleft {float: left} 
    a:link    {color: #2020FF; text-decoration: none}
    a:visited {color: #2020FF; text-decoration: none}
    a:active  {color: mediumblue}
    a:hover   {color: #8080FF; text-decoration: underline}


    div.menuBar {
	border: 2px solid;
	padding: 4px 2px 4px 2px;
/*      background-color: pink; */
      border-bottom: 1px solid #000000;
    }

    div.menuBar a.menuButton {
	background-color: transparent;
	border: 1px solid #FFFFFF; 
	left: 0px;
	margin: 1px;
	padding: 2px 6px 2px 6px;
	position: relative;
	top: 0px;
	z-index: 100;
    }

    div.menuBar a.menuButton:hover {
	background-color: transparent;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    }

    table.menuBar {
	padding: 0px 2px 0px 2px;
	border: 1px;
    }
    td.menuBar {
     	font-size: 0.8em;
	font-weight: normal;
	padding: 2px 3px 2px 4px;
        align: left;
    }
    td.menuBar2 {
     	font-size: 0.9em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
        align: left;
    }