/*  Common CSS Declarations for the Sheeler Shelters Webpages  */



/* Default to tropical color scheme  */

body {
    background-color: #ffffb3;
}


h2, h3, h4 {
    color:            saddlebrown;
}

h3 { 
    padding:          15px 0 0 0;
    font-family:      Tahoma, Geneva, sans-serif;
}

h4, a {
    font-family:      Tahoma, Geneva, sans-serif;
}

p, li, td {
    font-family:      Arial, Helvetica, sans-serif;
    color:            midnightblue;
}

li { 
    padding:          0 0 0 0;
    margin-left:      10px;
}

#tr-no-border {
    padding:          5px 10px 0px 10px;
    margin:           0;
    border-style:     none;
    text-align:       left;    
}

#td-no-border {
    padding:          5px 10px 0px 10px;
    margin:           0;
    border-style:     none;
    text-align:       left;    
}

#td-gf {
	color:            limegreen;
}

#table-grid {
    border-collapse:  collapse;
    border:           1px solid black;
	border-style:     solid;
}
#td-grid {
    border:           1px solid black;
	border-style:     solid;
	padding:          5px 10px 0px 10px;
	background-color: ghostwhite;
}
#th-grid {
    border:           1px solid black;
	border-style:     solid;
	padding:          5px 10px 0px 10px;
	background-color: lightgray;
}

/* Top line horizontal menu with color reversal on hover  */

#ul-menu {
    background-color: saddlebrown; 
    list-style-type: none;
    margin:           0px;
    border:           0px;
    padding:          0px;
    border-width:     0px;
    position:         fixed;
    top:              0px;
    border-radius:    10px;
}

#li-menu {
    background-color: saddlebrown; 
    float:            left;
    border-radius:    10px;
    margin:           0px;
    border:           0px;
    padding:          0px;
}

#li-a-menu {
    background-color: saddlebrown;
    display:          block;
    color:            gold;  
    text-align:       center;
    padding:          0px 10px 10px 10px;
    text-decoration:  none; 
    border-radius:    10px;
}

#li-a-menu:hover {
    background-color: orange;
    color:            saddlebrown;
    border-radius:    25px;
}

#ul-in-list {
    margin:           0;
    border:           0;
    padding:          0;
}



/* Menu (with links) drop down declarations */


#li-a-dropdown {
    color:            saddlebrown;
    padding-left:     2px;
    margin-left:      0px;
    border-left:      0px; 
}

#li-a-dropdown:hover {
    color:            yellow;
}

.dropdown {
    position:         relative;
    display:          inline-block;
}

.dropdown-content {
    display:          none;
    position:         absolute;
    background-color: orange;
    min-width:        100px;
 /* box-shadow:       0px 8px 16px 5px rgba(0,0,0,0.92); */
    margin:           0px 20px 0px 0px;
    padding:          0px 10px 10px 10px;
    border:           20px;
    z-index:          1;
    border-radius:    15px;
}

.dropdown:hover .dropdown-content {
    display:          block;
}