:root{/* Defive page colors*/
/* Page colors */
	--headerbox-bkg: rgba(157, 219, 234, 0.85);
	--headerbox-border: blue;
	--headerbox-color:  #007800;
	--mainbox-border: var(--headerbox-border);
	--mainbox-bkg: rgba(250, 250, 250, 0.85);
	--sidebox-bkg: var(--mainbox-bkg);
/* Nav Menu colors */
	--nav-bkg: rgba(48, 123, 163, 0.85);
	--nav-border: rgba(255, 165, 0, 0.5);
	--nav-focus: #779DAD;
	--nav-sub-bkg: rgba(61, 101, 130, 0.5);
	--nav-sub-focus: var(--nav-focus);
}
body{
	background: url('../imgs/PageBG.jpg');
	background-repeat: repeat-x
}
h1, h2, h3, h4, h5, h6 {
	background: url('../imgs/h_bg.jpg');
	background-position: top;
	background-size: contain;
	background-repeat: repeat-x;
	padding:0.1em 0.3em;
	color:  #222439;
}
@media screen and (min-width: 721px){
	#headerBoxText{
		margin-top:2em;
		font-size: 200%;
	}
	#headerBoxSpaceHolder{
		height:8em;
	}
	#headerBox{
		height:7.99em;
	}
	#LogoDiv{
		height:100%;
		width: 12em;
	}
}
@media screen and (max-width: 720px){
	#headerBoxSpaceHolder{
		height:4em;
	}
	#headerBox{
		height:3.99em;
	}
	#LogoDiv{
		height:100%;
	}
}
#headerBox{
	background-image: url('../imgs/HeaderBG.png');
	background-repeat: repeat-x;
	background-size: contain;
}
#LogoDiv{
	background-image: url('../imgs/Logo.gif');
	background-size: contain;
	background-repeat: no-repeat;
}
#mainBox{
	background: #F5EFF7;
	background: var(--mainbox-bkg);
	border: 1px solid brown;
	border: 1px solid var(--mainbox-border);
	background-image: url('../imgs/HeaderBG.png');
	background-repeat: repeat-x;
	border-radius: 6px;
	border-left:none;
	border-top:none;
}
.sideBox{
	background: rgba(255, 255, 255, 0.85);
	background: var(--sidebox-bkg);
	border: 1px solid brown;
	border: 1px solid var(--mainbox-border);
	background-image: url('../imgs/HeaderBG.png');
	background-repeat: repeat-x;
	border-radius: 6px;
	border-left:none;
	border-top:none;
}
#storeHeader, #storeHeader select{
	color:	var(--headerbox-bkg);
}