Removed submenu; Added border div around everything; Replaced ID's with Classes in index.html

public/_index.sass

@@ -36,14 +36,14 @@ body
 	max-width: 950px
 	min-width: 250px
 	margin: 0 auto
-#page
+.page
 	/*background: url('images/GrassBackground_v1.jpg') repeat*/
 	//background: #F6F6F6
 	background: #DDE1D5
 
 /* Small Devices (phones) */
 @media(max-width: 549px)
-	#head
+	.head
 		margin: 0 auto
 		//background: url(images/Header_v2.jpg) no-repeat top center
 		//height: 171px
@@ -61,11 +61,11 @@ body
 		margin: 0 auto
 		padding: 6px 4px
 		position: relative
-	#menuBackground
+	.menuBackground
 		height: 20px
 		max-width: 950px
 		background: #FFF
-	#menu
+	.menu
 		white-space: nowrap
 		position: absolute
 		height: 20px
@@ -73,7 +73,7 @@ body
 		font-family: "Open Sans", Arial, Helvetica, sans-serif
 		font-weight: 600
 		font-size: .8em
-	#menu a
+	.menu a
 		margin: 0 0 0 5px
 		text-decoration: none
 		color: black
@@ -85,7 +85,7 @@ body
 		-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
 		-moz-box-sizing: border-box    /* Firefox, other Gecko */
 		box-sizing: border-box         /* Opera/IE 8+ */
-	#menu a:hover
+	.menu a:hover
 		opacity: .7
 		color: black
 		border-bottom: 1px solid red
@@ -125,14 +125,14 @@ body
 
 /* Large(r) Devices (tablets and full computers) */
 @media(min-width: 550px)
-	#head
+	.head
 		margin: 0 auto
 		background: url(images/HeaderTall_v1test.jpg) no-repeat top center
 		background-size: 100%
 		background-position: bottom left
 		max-width: 950px
 		height: 171px
-	#head.tall
+	.head.tall
 		height: 342px
 	#logo
 		position: absolute
@@ -147,11 +147,11 @@ body
 		margin: 0 auto
 		padding: 30px 20px
 		position: relative
-	#menuBackground
+	.menuBackground
 		height: 5rem
 		max-width: 950px
 		background: #DDE1D5
-	#menu
+	.menu
 		white-space: nowrap
 		position: absolute
 		height: 2.5rem
@@ -163,7 +163,7 @@ body
 		display: flex
 		justify-content: space-between
 		margin-left: 10%
-	#menu a
+	.menu a
 		margin: 0 auto
 		margin-top: .325rem
 		white-space: nowrap
@@ -177,57 +177,23 @@ body
 		-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
 		-moz-box-sizing: border-box    /* Firefox, other Gecko */
 		box-sizing: border-box         /* Opera/IE 8+ */
-	#menu a.holidayMenuItem
+	.menu a.holidayMenuItem
 		font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
 		font-weight: 400
 		font-size: 1.3em
 		letter-spacing: 1px
 		vertical-align: top
-	#menu a.shippingMenuItem
+	.menu a.shippingMenuItem
 		font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
 		font-weight: 400
 		font-size: 1.3em
 		letter-spacing: 1px
 		vertical-align: top
-	#menu a:hover
+	.menu a:hover
 		opacity: 1
 		color: #9E8200
 		background: transparent
 		border-bottom: 3px solid #9E8200
-	.menu2
-		white-space: nowrap
-		background-color: #9E8200
-		position: absolute
-		top: 2.75rem
-		height: 2rem
-		width: 80%
-		z-index: 200
-		font-family: "Open Sans", Arial, Helvetica, sans-serif
-		font-weight: 600
-		font-size: 1.25rem
-		display: flex
-		justify-content: space-between
-		margin-left: 10%
-	.menu2.hidden
-		display: none
-	.menu2 a
-		margin: 0 auto
-		margin-top: .325rem
-		white-space: nowrap
-		text-decoration: none
-		color: black
-		line-height: 30px
-		display: inline-block
-		height: 30px
-		border-bottom: 3px solid transparent
-		/* Force the browser to include padding and border as part of the size of the block. */
-		-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-		-moz-box-sizing: border-box    /* Firefox, other Gecko */
-		box-sizing: border-box         /* Opera/IE 8+ */
-	.menu2 a:hover
-		opacity: 1
-		color: blue
-		background: transparent
 	#links
 		white-space: nowrap
 		position: absolute
@@ -293,7 +259,7 @@ h1
 	/* bar in the middle */
 	//display: table
 	//width: 100%
-	//margin-bottom: 10px 
+	//margin-bottom: 10px
 	white-space: nowrap
 	color: black
 	font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif
@@ -313,7 +279,7 @@ h1:after
 //	width: 100%
 //	border-left: 100% solid black
 //	background-image: linear-gradient(transparent 47%, #dddddd 48%, #dddddd 52%, transparent 52%)
- 
+
 h2
 	display: inline
 	color: #333
@@ -348,6 +314,12 @@ li
 sup, sub
 	line-height: 0.1em
 
+.pageBorder
+	background-color: blue
+	padding: 40px 10px 10px 10px
+	margin-bottom: 20px
+	margin-top: 10px
+
 .submenu
 	h2:after
 		border-bottom: 1px solid gray
@@ -369,7 +341,7 @@ sup, sub
 		-moz-column-fill: balance
 		column-fill: balance
 	.columnContent
-		height:15rem
+		height: 15rem
 		text-align: center
 		cursor: pointer
 		margin: 4px 15px 4px 15px
@@ -476,17 +448,17 @@ sup, sub
 	//background: url(images/Chicken-Egg.gif) no-repeat center top
 
 /* Footer Lines */
-#footer
+.footer
 	margin-top: 6px
 	color: #666
 	font-family: verdana, arial, helvetica, sans-serif
 	font-size: 0.7em
 	text-align: left
-#footer a
+.footer a
 	color: #666
 	font-family: verdana, arial, helvetica, sans-serif
 	text-decoration: none
-#footer a:hover
+.footer a:hover
 	color: #00a55d
 
 #designedBy
@@ -579,4 +551,4 @@ sup, sub
 	float: left
 	margin: 4px 10px 10px 0
 .blogLink
-	//color: #e40329 !important
+	//color: #e40329 !important