article, aside, figure, footer, header, nav, section {
	display: block;
}

body {	
	font-size: 			100%;	
	font-family:		"Gill Sans light", Geneva, sans-serif;	

				background-image: 	url('images/weatheredwoodsm.jpg');
				background-repeat: 	no-repeat;
				background-attachment: fixed; 
				background-size: 	cover;		



	color:				#0f247f;
/*	background-color: 	rgb(238, 237, 236);   */
}

header {
/*	background-color: 	rgba(255, 255, 255, .5);
*/	padding-bottom: 	.75em;
	text-align: 		center;
	font-size: 			150%;
	padding-top:		.5em;
	padding-left:		.5em;
}

/*logo on all inside pages 
	border and faint background color (white)*/
#logosmall {
	border:				2px solid rgba(204, 28, 45, 1);
	background-color: 	rgba(255, 255, 255, .75);
}

/*make navbar sticky to top when scrolling down */
nav {
	position: 			-webkit-sticky; */ /* Safari */
	position: 			sticky;
	top: 				0;
}


footer{
	font-size: 			100%;
/*	background-color: 	rgba(149, 149, 149, .5); */
	background-color: 	rgba(246, 204, 54, .8);
	padding-top: 		.5em;
	padding-bottom: 	.5em;
	padding-left: 		.5em;
	padding-right: 		.5em;
	margin-top:			.5em;
	margin-left:		5%;
	margin-right:		5%;
	text-align: 		center;
	border-radius:		20px 20px 20px 20px;
	
}


#navigation {
	background-color: 	rgba(255, 255, 255, 1);
	text-align: 		center;
}

#slide {
	float:				left;
	margin-outside: 	1em;
	padding-right: 		1em;
}


#main {
/*	padding-left:		5em;
	padding-right: 		5em;
*/												
												/*BOX AROUND MAIN TEXT*/	
	padding-left:		 	2em;
	padding-right:		 	2em;
	margin-top:			.5em;
	margin-bottom:		.5em;
	margin-left:		7.5%;
	margin-right:		7.5%;
	border:				5px double rgba(204, 28, 45, 1);
	background-color: 	white;
	border-radius:		20px 20px 20px 20px;
	overflow:			hidden;
}

#mainmenu {
	padding-left:		5em;
	padding-right: 		5em;
}


#logosmall {
	float:				left;
	margin-outside: 	1em;
	padding: 		5px;
}

#news {
	float: 				right;
}

.right {
	float:				right;
	padding-right:		.5em;
	padding-left:		.5em;
}

.left {
	float:				left;
	padding-right:		.5em;
	padding-left:		.5em;
}

/* Specials box*/
#specials {
	position:			absolute;
	right:				0;
/*	margin-top:			1em;*/
	float: 				right;
	width: 				170px;
	background-image: url('images/plateandlobstersm.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding:			.5em
	
}

/*Width of space for the specials */
#specials p {
	width:				150px;
	padding-bottom: 	1em;
}
/* End specials box*/


#sociallinks {
	float: 				right;
}

h1 {
	font-size: 			175%;
}

h2 {
	font-size: 			150%;
}

h3 {
	font-size: 			125%;
}

h4 {
	font-style: 		italic;	
	
}

h4[id="cert"] {
	width:				600px;
}

/*No bullets on the lists.  
		Add in html if needed:  			
		<ul style="list-style-type:disc;">
*/
ul {
	list-style-type:	none;
}

/*START OF NEW NAVIGATION BAR CSS */
/* !!!!!  After new navigation is set, change newnav to navbar here in in html!!!! */

#newnav {
	background-color: 	rgba(15, 57, 141, 1);
	font-family: 		Arial, Helvetica, Verdana,   sans-serif;
	font-size: 			20px;
	list-style:			none;
	margin:				0;
	padding:			0;
	text-align:			center;
}

#newnav li{
	position:			relative;
	display:			inline;
	font-size: 			20px;
	color: 				white;
	text-align: 		center;
	text-decoration:	none;
	background-color: 	inherit;
}

.current {
	color: green;
}

#newnav a{
	display:			inline-block;
	padding:			14px 16px;
	font-size: 			20px;
	color: 				white;
	text-align: 		center;
	text-decoration: 	none;
}

#newnav ul{
	position:			absolute;
	/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
	left:				-9999px;
	margin:				0;
	padding:			0;
	text-align:			left;
	z-index: 			1;
}

#newnav ul li{
	display:			block;
}

#newnav li:hover ul{
	left:				0;
	
}

#newnav li:hover a{
	text-decoration:	none;
	background:			rgba(204, 28, 45, 1);
}

#newnav li:hover ul a{
	text-decoration:	none;
	color:				black;
	background:			#f9f9f9;
	text-align: 		left;
}

#newnav li:hover ul a:hover{
	text-decoration:	none;
	background:			#ddd;
}

#newnav ul a{
	white-space:nowrap;
	display:block;
	background-color: 	#f9f9f9;
	min-width: 			160px;
	box-shadow: 		0px 8px 16px 0px rgba(0,0,0,0.2);
}

.socialtop {
	float:				right;
	padding:			1em;
}

.doordash {
	float:				left;
	padding-left:		1em;
}

/*END OF NEW NAVIGATION BAR CSS */


#floatright {
	float: 				right;
}