:root{/* Defive page colors*/
/* Page colors */
	--headerbox-bkg: #0C0C33;
	--headerbox-border: #F5EFF7;
	--headerbox-color:  #F5EFF7;
	--mainbox-border: var(--headerbox-border);
	--mainbox-bkg: rgba(250, 250, 250, 0.95);
	--sidebox-bkg: var(--mainbox-bkg);
/* Nav Menu colors */
	--nav-bkg: var(--headerbox-bkg);
	--nav-border: rgba(255, 165, 0, 0.5);
	--nav-focus: rgb(154, 163, 191);
	--nav-sub-bkg: rgba(139, 124, 124, 0.5);
	--nav-sub-focus: var(--nav-focus);
}
body{
	background: white;
	background-size: 720px;
}
h1, h2, h3, h4, h5, h6 {
	background: url('../imgs/h_bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	padding:0.1em 0.3em;
	color:  #0C0C33;
}
#headerBox{
	background: var(--headerbox-bkg);
}
#LogoDiv{
	background-image: url('../imgs/Logo.png');
	background-size: contain;
	background-repeat: no-repeat;
}
#mainBox{
	background: #F5EFF7;
	background: var(--mainbox-bkg);
	border: 1px solid brown;
	border: 1px solid var(--mainbox-border);
	color: #0C0C33;
}
.sideBox{
	background: rgba(255, 255, 255, 0.85);
	background: var(--sidebox-bkg);
	border: 1px solid brown;
	border: 1px solid var(--mainbox-border);
	color: #0C0C33;
}
#storeHeader, #storeHeader select{
	color:	var(--headerbox-bkg);
}