body {
	margin-top: 0%;
	font-family: 'Georgia', sans-serif;
	background: #FFFFFF;
	color: #000000;
}

@media print {
	.container {
		width: auto;
	};
}

@media (max-width:768px) {
	#content {
		width: 100%;
	};
}

.jumbotron {
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: #000;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../img/website/header_memorial.gif);
	text-shadow: 1px 1px 2px #FFF, 2px 2px 4px #FFF, 6px 6px 12px #000;
	font-family:"Arial Black", "Arial Bold", Gadget, sans-serif;
}
.w3-theme {
	color: #fff !important;
	background-color: #000000 !important;
}

#menu li a,#menutop li a {
	color:#FFF; 
    background-image: url(../../img/website/buttons/buttons.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	}

#menu .sub-menu li a,#menutop .sub-menu li a{
	background-image: url(../../img/website/buttons/buttons.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}

#menu .sub-menu li a:hover, #menu li a:hover,#menutop .sub-menu li a:hover, #menutop li a:hover{
	background-image: url(../../img/website/buttons/buttons_goalie.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}
#menu .sub-menu {
	background-color: #000000;
	border-width: 0px 0px 0;
	margin: 0 1em;
}
#menu, 
    #toggle-menu {
	background-color: #000000;
}

#menu a:hover,#menutop a:hover {
	background-color: #7C7C7C;
	color: #FFFFFF;
}


.footer {
	margin-bottom: 0;
	background-color:  #000000;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(https://vernonjrahockey.ca/img/website/footer-memorial.gif);
}

.top {
	float: right;
	color: #000000;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.7em;
}

a, a:hover, a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}
.footer a, .footer ul li a{
	color: #FFF;
}
.footer ul li,.footer p, .footer p a:hover{
	color: #FFF;
}
.footer ul li a:hover, .footer ul li a:focus {
	color: #FFF;
}

.panel-primary > .panel-heading {
	background-color: #000000;
}

img.pull-left, img.left {
	float: left;
	overflow: auto;
	margin: 10px 10px 10px 10px;
}

img.pull-right, img.right {
	float: right;
	overflow: auto;
	margin: 10px 10px 10px 10px;
}

img.center, img.center-block {
	margin-left: auto;
	margin-right: auto;

p a, p a:hover, p a:focus {
	text-decoration: underline;
}

ul.none {
	list-style-type: none;
}

ul.none li {
	padding: 4px;
}

ul li.sub2 {
	padding-right: 5px;
	margin-left: 55px;
	list-style-type: none;
}

ul li a, ul li a:hover, ul li a:focus {
	color: inherit;
	text-decoration: underline;
	transition: all 0.3s;
}

ul.logos {
	margin-left: 10px;
}

ul.logos li {
	float: left;
	display: inline;
	list-style-type: none;
	width: 300px;
	height: 300px;
	margin: 10px 10px;
	text-align: center;
	border-style:1px solid black;
}