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



/* Default to tropical color scheme  */

body {
    background-color: #ffffb3;
    background-image: url("images/Sand4.jpg");
}


h2, h3, h4 {
    color:            brown;
}

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:            navy;
}

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


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



/* 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;
	left:             8px;
    border-radius:    10px;
}

li.menu {
    background-color: saddlebrown; 
    float:            left;
    border-radius:    10px;
    margin:           0px;
    border:           0px;
    padding:          0px;
/*	z-index:          0;  */
}


/* Unit Menu */

ul.menu-2 {
    background-color: saddlebrown; 
    list-style-type:  none;
    margin:           0px;
    border:           0px;
    padding:          0px;
    border-width:     0px;
/*	z-index:          0; */
    border-radius:    10px;
}

li.menu-2 {
    background-color: saddlebrown; 
    border-radius:    10px;
    margin:           0px;
    border:           0px;
    padding:          0px;
/*	z-index:          0;  */
}
@media only screen and (min-width: 600px) {
    /* Fix unit menu bar, float unit menu items when wider than 600px */

ul.menu-2 {
    background-color: saddlebrown; 
    list-style-type:  none;
    margin:           0px;
    border:           0px;
    padding:          0px;
    border-width:     0px;
    position:         fixed;
/*	z-index:          0; */
    top:              35px;
	left:             5px;
    border-radius:    10px;
}
	
li.menu-2 {
    background-color: saddlebrown; 
    float:            left;
    border-radius:    10px;
    margin:           0px;
    border:           0px;
    padding:          0px;
/*	z-index:          0;  */
}
}



a.a-menu {
    background-color: saddlebrown;
    display:          block;
    color:            gold;  
    text-align:       center;
    padding:          0px 10px 10px 10px;
    text-decoration:  none; 
    border-radius:    10px;
/*	z-index:          0;  */
}

a.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 */


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

a.a-dropdown:hover {
    color:            yellow;
}

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

.dropdown-2 {
    position:         relative;
}
@media only screen and (min-width: 600px) {
    /* Float unit menu when wider than 320px */
.dropdown-2 {
    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:          0;  */
    border-radius:    15px;
}

.dropdown-2-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:          0;  */
    border-radius:    15px;
}

.dropdown:hover .dropdown-content {
    display:          block;
/*	z-index:          0;  */
}
.dropdown-2:hover  .dropdown-2-content {
    display:          block;
/*	z-index:          0;  */
}

ul.contact {
/*  background-color: white;     */
    list-style-type:  none;
    margin:           0px;
    padding:          0px;
/*     position:         fixed;  */
/*     top:              0px;    */
/*     left:             5px;    */
    border-radius:    10px;
}

li.contact {
    background-color: white; 
    float:            left;
    padding:          20px;
	margin:           0 0 0 40px;
/*	z-index:          0;  */

}

/* Item placement / width declarations  */

	/* Unit menu vertical */
.logo-placement {
	padding: 30px 0 0 0; 
}


.avail-frame {
	width: 225px;
}


@media only screen and (min-width: 440px) {
	.avail-frame {
		width: 410px;
	}
}



@media only screen and (min-width: 600px) {
    /* Unit menu is two fixed "lines"*/
    .logo-placement {
	    padding: 150px 0 0 0; 
    }
}

@media only screen and (min-width: 640px) {
	.avail-frame {
		width: 592px;
	}
}



@media only screen and (min-width: 932px) {
    /* Unit menu is a single fixed "line"  */
    .logo-placement {
	    padding: 80px 0 0 0; 
    }
}