/*Page Characteristics*/
body
{
    background-color: rgba(0,0,0,0);
    width: 100%
}

a
{
    color: black;
    text-decoration: underline;
}

a:visited
{
    color: black;
    text-decoration: underline;
}

a:hover
{
    color: lightgrey;
    text-decoration: overline;
}

/*Div Characteristics*/
#Header
{
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    height: 160px;
    background-color: white;
}

#Logo
{
    margin: 10px;
    margin-left: 40px;
    padding: inherit;
    height: 145px;
    width: 145px;
    float: left;
    background-image: url(../images/shslogo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#Footer
{
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    height:auto;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}


#Content
{
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    background-color: white;
    min-height: 500px;
    padding-top: 15px;
    overflow:auto;
}

#ProductTable
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#ProductTable tr >td
{
 padding: 5px;   
}

#ProductTable a
{
    font-size: 1.6em;   
}

#Divider
{
    background-color: red;
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    height: 40px;
    
}

/*Image Holders*/
#ImageHolder
{
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    background-color: white;
    max-height: 240px;
    min-height: 240px;
    padding-top: 15px;
    overflow:hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
    text-align: center;
    
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;

}

#Image
{
    margin: auto;
    width: 300px;
    background-color: white;
    max-height: 200px;
    min-height: 200px;
    padding-top: 15px;
    overflow:hidden;
    border-style: dashed;
    float: left;
}
/*Menu*/
#Menu
{
    background-color: red;
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    min-height: 60px;
    max-height: 160px;
    text-align: center;
}

#Menu ul
{
	list-style:none;
	position:relative;
	float:left;
}

#Menu ul a
{
	display:block;
	color: white;
	text-decoration:none;
	font-weight:400;
	font-size:1.15em;
	line-height:32px;
	font-family:sans-serif;
    text-align: center;
}

#Menu ul li
{
	position:relative;
	float:left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#Menu ul li:hover
{
	background:rgba(0,0,0,0.5);
}

#Menu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: red;
	padding:0
}

#Menu ul ul li
{
	float:none;
	width:150px
}

#Menu ul ul a
{
	line-height:120%;
	padding:10px 15px;
    font-size:.85em;
}

#Menu ul ul ul
{
	top:0;
	left:100%
}

#Menu ul li:hover > ul
{
	display:block
}

/*Font Characteristics*/
h1,h2,p,body
{
    color: black;
    font-family: sans-serif;
    font-size: 100%;
}
h1
{
    font-size: 2.5em;
    font-weight: 300;
    text-decoration: underline;
    text-decoration-color: red;
}
h2
{
    font-size: 1.875em;
    font-weight: 200;
}
p
{
    font-size: 0.875em;
    text-indent: 50px;
}

#Header h1
{
    font-size: 3.75em;
    text-decoration: none;
    text-align: center;
    padding-top: 40px;
    
}

#Content h2, p
{
    text-align: center;
}

/*WebKit Scroll Bars*/

#Content::-webkit-scrollbar
{
    width: 16px;
    background-color: rgba(0,0,0,0.6);
}

#Content::-webkit-scrollbar-thumb{
background-color:#B03C3F;
border-radius:10px;
}
#Content::-webkit-scrollbar-thumb:hover{
background-color:#BF4649;
border:1px solid #333333;
}
#Content::-webkit-scrollbar-thumb:active{
background-color:#A6393D;
border:1px solid #333333;
} 
#Content::-webkit-scrollbar-track{
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
}