/* cmsms stylesheet: PCF Grids modified: 03/26/18 16:34:30 */
/** Skeleton V1.2* Copyright 2011, Dave Gamache* www.getskeleton.com* Free to use under the MIT license.* http://www.opensource.org/licenses/mit-license.php* 6/20/2012*//* Table of Contents==================================================#PCF Presets#Base 960 Grid#Tablet (Portrait)#Mobile (Portrait)#Mobile (Landscape)#Clearing *//* #PCF Presets================================================== *//* Basic Gridding for Content */.half, .third, .quarter {float: left;margin-right: 4%;position: relative;}.half {width: 48%;}.third {width: 30.66%;}.quarter {width: 22%;}.first {clear:left;}.last {clear: right;margin-right: 0 !important;}@media screen and (max-width: 767px) {.half, .third, .quarter {float:none;display:block;width:100%;margin-right:0;}}/* Basic Image Settings for Content */.image {display:block;width:auto!important;max-width:100%!important;margin-bottom:20px;}.image-right, .image-left, .image-center {border-radius:3px; /* Spruce it up a little */height:auto;width:auto;max-width:100%;}.image-right {float:right;margin: 0 0 20px 20px;}.image-left {float: left;margin: 0 20px 20px 0;}.image-center {display:block;margin: 0 auto 20px;}.no-shadow {box-shadow:none;}/* Basic Text Alignment for Content */.text-right {text-align:right;}.text-center {text-align:center;}/* Basic Alignment Settings for Content */.right { float:right; margin: 0 0 20px 20px;}.left { float:left; margin: 0 20px 20px 0;}/************************************************************************************COLUMN*************************************************************************************/.col {float: left;margin-left: 3.2%;margin-bottom: 20px;}.fullwidth .col {float: none;margin-left: 0;}/* grid4 col */.grid4 .col {width: 22.6%;}/* grid3 col */.grid3 .col {width: 31.2%;}/* grid2 col */.grid2 .col {width: 48.4%;}/* clear col */.grid4 .col:nth-of-type(4n+1),.grid3 .col:nth-of-type(3n+1),.grid2 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}/************************************************************************************MEDIA QUERIES*************************************************************************************//* reset cols to 3-column */@media screen and (max-width: 959px) {/* grid4 */.grid4 .col {width: 31.2%;}.grid4 .col:nth-of-type(4n+1) {margin-left: 3.2%;clear: none;}.grid4 .col:nth-of-type(3n+1) {margin-left: 0;clear: left;}}/* reset cols to 2-column */@media screen and (max-width: 767px) {/* grid4 */.grid4 .col {width: 48.4%;}.grid4 .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}.grid4 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}/* grid3 */.grid3 .col {width: 48.4%;}.grid3 .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}.grid3 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}}/* reset cols to fullwidth */@media screen and (max-width: 479px) {/* grid4 */.col {width: 100% !important;margin-left: 0 !important;clear: none !important;}}/* #Base 960 Grid================================================== */.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }.container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }.row { margin-bottom: 20px; }/* Nested Column Classes */.column.alpha, .columns.alpha { margin-left: 0; }.column.omega, .columns.omega { margin-right: 0; }/* Base Grid */.container .one.column, .container .one.columns { width: 40px;  }.container .two.columns { width: 100px; }.container .three.columns { width: 160px; }.container .four.columns { width: 220px; }.container .five.columns { width: 280px; }.container .six.columns { width: 340px; }.container .seven.columns { width: 400px; }.container .eight.columns { width: 460px; }.container .nine.columns { width: 520px; }.container .ten.columns { width: 580px; }.container .eleven.columns { width: 640px; }.container .twelve.columns { width: 700px; }.container .thirteen.columns { width: 760px; }.container .fourteen.columns { width: 820px; }.container .fifteen.columns { width: 880px; }.container .sixteen.columns { width: 940px; }.container .one-third.column { width: 300px; }.container .two-thirds.column { width: 620px; }/* Offsets */.container .offset-by-one { padding-left: 60px;  }.container .offset-by-two { padding-left: 120px; }.container .offset-by-three { padding-left: 180px; }.container .offset-by-four { padding-left: 240px; }.container .offset-by-five { padding-left: 300px; }.container .offset-by-six { padding-left: 360px; }.container .offset-by-seven { padding-left: 420px; }.container .offset-by-eight { padding-left: 480px; }.container .offset-by-nine { padding-left: 540px; }.container .offset-by-ten { padding-left: 600px; }.container .offset-by-eleven { padding-left: 660px; }.container .offset-by-twelve { padding-left: 720px; }.container .offset-by-thirteen { padding-left: 780px; }.container .offset-by-fourteen { padding-left: 840px; }.container .offset-by-fifteen { padding-left: 900px; }/* #Tablet (Portrait)================================================== *//* Note: Design for a width of 768px */@media only screen and (min-width: 768px) and (max-width: 959px) {.container { width: 768px; }.container .column, .container .columns { margin-left: 10px; margin-right: 10px;  }.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }.alpha.omega { margin-left: 0; margin-right: 0; }.container .one.column, .container .one.columns { width: 28px; }.container .two.columns { width: 76px; }.container .three.columns { width: 124px; }.container .four.columns { width: 172px; }.container .five.columns { width: 220px; }.container .six.columns { width: 268px; }.container .seven.columns { width: 316px; }.container .eight.columns { width: 364px; }.container .nine.columns { width: 412px; }.container .ten.columns { width: 460px; }.container .eleven.columns { width: 508px; }.container .twelve.columns { width: 556px; }.container .thirteen.columns { width: 604px; }.container .fourteen.columns { width: 652px; }.container .fifteen.columns { width: 700px; }.container .sixteen.columns { width: 748px; }.container .one-third.column { width: 236px; }.container .two-thirds.column { width: 492px; }/* Offsets */.container .offset-by-one { padding-left: 48px; }.container .offset-by-two { padding-left: 96px; }.container .offset-by-three { padding-left: 144px; }.container .offset-by-four { padding-left: 192px; }.container .offset-by-five { padding-left: 240px; }.container .offset-by-six { padding-left: 288px; }.container .offset-by-seven { padding-left: 336px; }.container .offset-by-eight { padding-left: 384px; }.container .offset-by-nine { padding-left: 432px; }.container .offset-by-ten { padding-left: 480px; }.container .offset-by-eleven { padding-left: 528px; }.container .offset-by-twelve { padding-left: 576px; }.container .offset-by-thirteen { padding-left: 624px; }.container .offset-by-fourteen { padding-left: 672px; }.container .offset-by-fifteen { padding-left: 720px; }}/*  #Mobile (Portrait)================================================== *//* Note: Design for a width of 320px */@media only screen and (max-width: 767px) {.container { width: 300px; }.container .columns, .container .column { margin: 0; }.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column { width: 300px; }/* Offsets */.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen { padding-left: 0; }}/* #Mobile (Landscape)================================================== *//* Note: Design for a width of 480px */@media only screen and (min-width: 480px) and (max-width: 767px) {.container { width: 420px; }.container .columns, .container .column { margin: 0; }.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column { width: 420px; }}/* #Clearing================================================== *//* Self Clearing Goodness */.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }/* Use clearfix class on parent to clear nested columns,or wrap each row of columns in a <div class="row"> */.clearfix:before,.clearfix:after,.row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.row:after,.clearfix:after { clear: both; }.row, .clearfix { zoom: 1; }/* You can also use a <br class="clear" /> to clear columns */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;margin: 0;padding:0;width: 0;height: 0;}
/* cmsms stylesheet: PCF Base modified: 03/10/23 05:36:42 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/* Boxed 
================================================== */
.boxed {
    background: url('http://www.transparenttextures.com/patterns/diamond-upholstery.png') repeat;
}
/* #Basic Styles
================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.image-and-caption {
	border: 1px solid rgb(200,200,200);
	border-radius: 5px;
	float:right;
	background: white;
	padding: 10px;
	max-width: 300px;
	margin: 0 0 20px 20px;
}
.image-and-caption img {
	border-radius: 3px;
	box-shadow: 0px 1px 0px 1px rgba(0,0,0,.4);
	width: auto;
	min-width: 100px;
	max-width: 100%;
	display:block;
	margin: auto auto 5px auto;

}
.image-and-caption .caption {
	text-align:center;
	margin:0;
}
@media screen and (max-width: 767px) {
	.image-and-caption {
		float:none;
		margin: 0 auto 10px;
	}
}

.box {
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 2px;
	padding: 10px 20px;
	background: rgb(255,255,255);
	margin-bottom: 20px;
}

/* #Typography
================================================== */
h1 {
	font-family: 'Open Sans', Arial, sans serif;
	color: #000066;
	font-weight: 800; 
}

h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, sans serif;
	color: #000066;
	font-weight: 700; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit; 
}

h4, h5, h6 {}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	color: rgb(105,115,120);
}

h1 { 
    font-size: 40px; 
    line-height: 50px; 
    margin-bottom: 14px;
}

h2 {
    font-size: 30px; 
    line-height: 40px; 
    margin-bottom: 10px; 
}

h3 { 
    font-size: 28px; 
    line-height: 34px; 
    margin-bottom: 10px; 
}

h4 { 
    font-size: 21px; 
    line-height: 30px; 
    margin-bottom: 10px; 
    border-bottom: 1px solid rgba(0,0,0,.3); 
    box-shadow: 0 1px 0 rgba(255,255,255,.1);
}

h5 { 
    font-size: 17px; 
    line-height: 24px; 
    margin-bottom: 5px;
}

h6 { 
    font-size: 14px; 
    line-height: 21px; 
    margin-bottom: 5px;
}

.subheader { 
    color: #777; 
}

p { 
    margin: 0 0 20px 0; 
    font-size: 13pt;
}

.boxed p { 
    font-size: initial;
}

p img { 
    margin: 0; 
}

p.lead { 
    font-size: 21px; 
    line-height: 27px; 
}

em { 
    font-style: italic; 
}

strong { 
    font-weight: bold;
}

small { 
    font-size: 80%; 
}

/* #Links
================================================== */
a { 
    color: #000066; 
    text-decoration: underline; 
    outline: 0; 
}

a:visited {
    color: #000066;
}

a:active, a:focus {
    color: rgb(80,80,80);
}

p a, p a:visited { 
    line-height: inherit; 
}	

/* #Block Quotes
================================================== */
blockquote {
	background: rgb(250,250,250);
	margin: 0 20px 20px;
	padding: 10px;
	color: rgb(100,100,100);
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 2px;
	
	background-image: url(https://mail.whatcommemorialdayparade.com/uploads/css/sidebar-testimonial.png);
	background-repeat: no-repeat;
	background-position: top right;		
}

blockquote:before,
blockquote:after {
	position: absolute;
	font-size: 70px;
	top: 0px;
	color: #242526;
	text-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

blockquote .quote { 
	border-bottom:1px solid rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(255,255,255,.1);
}

blockquote p {
	font-style: italic;
	font-size: 12px;
	text-align: center;
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

blockquote .source {
	margin:0; 
	padding:0;
	padding-top: 10px;
	display:block;

	color: rgb(0,0,0);
	font-size: 14px;
	text-align:right;
}

hr { 
	border-width: 1px 0 0; 
	border-top: 1px solid rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(255,255,255,.1);
	clear: both; 
	margin: 10px 0 20px; 
	height: 0;
}

/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: disc inside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 0 0 0 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto; 
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* #Buttons
================================================== */
.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #000066; /* Old browsers */
	border: 1px solid rgba(0,0,0,0);
	border-radius: 3px;
	color: rgb(255,255,255);
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	line-height: normal;		
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;		
	padding: 6px 10px;
	margin-bottom: 20px;
	transition: all .15s ease-in-out;
}
.button-search {
	background: rgb(55,55,55) !important;
	border: 1px solid rgba(0,0,0,0);
	transition: all .15s ease-in-out;
}
input.button-search[type="submit"]:hover {
	color:white;
	background: rgb(0,0,0) !important; 
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color:white;
	background: rgb(105,115,120); 
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	color:white;
	background: rgb(105,115,120);
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; 
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* #Forms
================================================== */

form {
    margin-bottom: 20px;
}
.cms_form {
    margin-bottom: 2px;
}
fieldset {
    margin-bottom: 20px; 
}
/*search bar styling*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    margin: 0;
    padding: 4px 4px;
    margin-bottom: 10px;
    background: rgb(255,255,255);
    border: 2px solid rgb(180,180,180);
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 2px;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: rgb(105,115,120);
    width:auto;
    max-width: 100%;
    display: block;
    transition: all .15s ease-in-out;
}
select {
    padding: 0; 
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover {
    box-shadow: 0 0 0 rgba(0,0,0,0);
    background: rgb(208,212,204);
    color: rgb(255,255,255);		
}		
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    background: rgb(255,255,255);
    color: rgb(105,115,120);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow:  0 2px 2px rgba(0,0,0,.2); 
}
textarea {
    min-height: 60px; 
}
label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}
legend {		
    font-size:18px;
    margin-bottom:10px;
}
select {
    width: 220px; 
}
input[type="checkbox"] { display: inline; }
label span, legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; 
}

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }

/* #Menu System
================================================== */
/*Frame*/
nav {
    position:relative;
    clear:both;
    display: block;
    z-index:110;
    margin-top: -5px;
    font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
    text-transform: uppercase;
}
nav.navigation {
    position: relative;
    padding: 3px;
    background: #000066;
}
.boxed nav.navigation { background: rgb(255,255,255); }/*#000066;*/
nav.navigation:before, nav.navigation:after {
	content: "";
	z-index: -1;
	position: absolute;
	background: #000066;
	top: 0;
	bottom:0;
	width: 9999px;   /* some huge width */
} 
nav.navigation:before {
	right: 100%;
}
nav.navigation:after {
	left: 100%;
}
.boxed nav.navigation:before, 
.boxed nav.navigation:after {
	content: initial;
	z-index: 0;
	position: relative;
	background: transparent;
	top: initial;
	bottom: initial;
	width: initial;   /* some huge width */
}
.boxed nav.navigation:before {
	right: initial;
}
.boxed nav.navigation:after {
	left: initial;
}
/* Mobile Dropdown Menu */
nav select.main-nav {display:none; width:100%;}

@media only screen and (max-width: 959px) {
	nav ul     { display: none; }
	nav select.main-nav { 
		display:inline-block; 
	/*	position: absolute; 
		top:10px; 
		left:0; 
		width: 600px; removed by KS*/
		clear:none; 
		margin-bottom:0;

		font-weight:bold;
		font-size: 12px;
		background: white;
		color:rgb(105,115,120);
		margin: 10px 0 10px 10px;
		width: 100%;
	}
}/*MEDIA QUERY CLOSE*/

@media only screen and (max-width: 767px) {	
	nav select.main-nav {width: 100%;}
}/*MEDIA QUERY CLOSE*/

@media only screen and (max-width: 479px) {	
	nav select.main-nav { width: 100%;}		
}/*MEDIA QUERY CLOSE*/

#mainmenu {
	position: relative;
}
@media screen and (max-width: 767px) {
	.sidebar #mainmenu {display: none;}
}

/* #Top Level Links
================================================== */
#mainmenu > ul {
	margin-top: 2px!important;
}
.boxed #mainmenu > ul {
	float: right;
	margin-top: 55px!important;
}
#mainmenu ul li > a, 
#mainmenu .sectionheader > span { /* First Level Menu Items */
    display: block;
    border: 1px solid rgba(0,0,0,0);
    color: rgb(255,255,255);
    font-size:14px;
    font-weight: bold;
    line-height:16px;
    letter-spacing: 0.4px;
    text-align: left;
    margin: 0 5px 0 0;
    padding: 5px 15px 7px;
    border-radius: 2px;
    transition: .15s all linear;
}
.boxed #mainmenu ul li > a, 
.boxed #mainmenu .sectionheader > span { /* First Level Menu Items */
	color: #000066;
}
#mainmenu .sectionheader {
    cursor:default;
    text-align:center;
}
#mainmenu ul li {
    margin-bottom: 0;
}

#mainmenu ul li > a:hover, #mainmenu ul .sectionheader > span:hover { /* 1st Level Hover */
    color: rgb(255,255,255);
    background: #000066;
}
.boxed #mainmenu ul li > a:hover, 
.boxed #mainmenu ul .sectionheader > span:hover { /* 1st Level Hover */
    background: transparent;
    color: #000066;
}
#mainmenu ul .menuactive > a,
#mainmenu ul .currentpage a,
#mainmenu ul  a.currentpage,
#mainmenu .sectionheader.currentpage { /* First Level Current Page */
    margin-top: 0px;
    background: #000066;
    color: rgb(255,255,255);
}
.boxed #mainmenu ul .menuactive > a,
.boxed #mainmenu ul .currentpage a,
.boxed #mainmenu ul  a.currentpage,
.boxed #mainmenu .sectionheader.currentpage { /* First Level Current Page */
    background: transparent;
    color: #004B5F;
}
#mainmenu ul .parent:after, 
#mainmenu ul .sectionheader:after {
    content: "";
    color:white;
    height: 16px;
    opacity: .1;
    position: absolute;
    background: url(https://mail.whatcommemorialdayparade.com/uploads/css/menu-arrow.png);
    right: 0px;
    top: 6px;
    width: 16px;
}	
#mainmenu ul ul .parent:before, #mainmenu ul .sectionheader:before	{}

/* #Second Level Links
================================================== */
#mainmenu ul ul {
	z-index:10;
	font-size:12px;	
	width:150px;
	margin:0;
	border-radius: 3px;				
	/*box-shadow: 0 2px 2px rgba(0,0,0,.3);*/
}
.boxed #mainmenu ul ul {
	border-radius: 0px;				
	box-shadow: none;
	/*background-color: #fff;*/
}
#mainmenu ul ul li{
	width: 150px;
	margin-bottom: 0;
}
#mainmenu ul ul li a{
	margin-bottom: 0px;
}
#mainmenu ul ul a, #mainmenu ul ul .sectionheader { /* 2nd Level Menu Items */
	display:block;
	color: rgb(105,115,120);
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	margin-right:0px;
	margin-bottom: 0;
	padding: 5px;
	width: 150px;
	border-radius: 0;
	background: rgb(220,220,220);
	box-shadow: none;
}

.boxed #mainmenu ul ul a, .boxed #mainmenu ul ul .sectionheader { /* 2nd Level Menu Items */
	display:block;
	color: rgb(105,115,120);
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	margin-right:0px;
	margin-bottom: 0;
	padding: 5px;
	width: 150px;
	border-radius: 0;
	background: rgb(220,220,220);
	box-shadow: none;
}

#mainmenu ul ul li:first-child a {
	border-radius: 3px 3px 0 0;
}				
#mainmenu ul ul li:last-child a {
	border-radius: 0 0 3px 3px;
}
#mainmenu ul ul a:hover, 
#mainmenu ul ul .sectionheader:hover { /* 2nd Level Hover */
	background: #000066;
	color: rgb(255,255,255);
}
.boxed #mainmenu ul ul a:hover, 
.boxed #mainmenu ul ul .sectionheader:hover {
    background: r#000066;
    color: rgb(255,255,255);
}
#mainmenu ul ul .menuactive > a,				
#mainmenu ul ul .currentpage a,
#mainmenu ul ul a.currentpage,
#mainmenu ul ul .sectionheader.currentpage { /* 2nd Level Current Page */
	margin-top: 0;
	background: #000066;
	color: rgb(255,255,255);		
}
.boxed #mainmenu ul ul .menuactive > a,				
.boxed #mainmenu ul ul .currentpage a,
.boxed #mainmenu ul ul a.currentpage,
.boxed #mainmenu ul ul .sectionheader.currentpage {
    background: #000066;
    color: rgb(255,255,255);
}
#mainmenu ul ul .parent:after, #mainmenu ul ul .sectionheader:after { /*2nd Level Parent */
    content: "";
    color:white;
    height: 16px;
    opacity: .3;
    position: absolute;
    background: url(https://mail.whatcommemorialdayparade.com/uploads/css/menu-arrow.png);
    right: 0px;
    top: 11px;
    width: 16px;
}

/* #Menu Layout
================================================== */
#mainmenu  ul {
	padding: 5px 0;
	margin:0;
}
#mainmenu li {
	float:left;
	list-style-type: none;
    position:relative; 
    margin-left:0px;
}
#mainmenu > ul > li:last-child a {}
#mainmenu > ul > li:first-child a {}
#mainmenu a {
	text-decoration: none;
	font-size:1em;
    cursor:pointer;
	display:block;
	text-align:center;
	padding:3px;
}

/* ****************Secondary*************** */
#mainmenu ul ul {
	left:0;
	top:27px;
	display: none;
}
#mainmenu ul li:hover ul {
	display:block;	
	position: absolute;
}
#mainmenu li li {}

/* **************** Tertiary*************** */

#mainmenu ul li:hover ul ul { display:none;	}

#mainmenu ul ul li:hover ul {
	display:block;
	position:absolute;
	left:120px;
	top:0px;
}

/* ************** Quaternary *************** */
#mainmenu ul ul li:hover ul ul { display:none; }
#mainmenu ul ul ul li:hover ul {
	display:block;
	position:absolute;
	left:120px;
	top:0px;
}

/* ************** Quinary *************** */
#mainmenu ul ul ul li:hover ul ul{
	display:none;
}
#mainmenu ul ul ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:120px;
	top:0px;
}

/* ******** Marking Menu Parents ********** */
#mainmenu .sectionheader > a:first-child {
	/* Section Headers don't show that they can be clicked on */
	cursor:default!important;
}

.depth1 > a:before {
	/* Section Headers on the first level of the menu don't display +'s next to their link */
	display:none;
}

/* #Mobile Action Bar
================================================== */
.mobile-action-bar {
	display: block;			
	position:absolute;
	opacity: .5;
	z-index:100;
	top:0px;
    right:400px;
}
.mobile-action-bar a{
	width: 30px; 
	float:left;
	margin-right: 10px;
}
.mobile-action-bar a:last-child{
	margin-right: 0;
}	
.mobile-action-bar .phone span,
.mobile-action-bar .email span,
.mobile-action-bar .map span,
.mobile-action-bar .facebook span,
.mobile-action-bar .shop span {
	display: block;
	margin:auto;
	height: 30px;
	width:30px;
	background: url(https://mail.whatcommemorialdayparade.com/uploads/css/mobile-action-bar-sprite.png) no-repeat;
}
.mobile-action-bar .phone span { background-position: ; }
.mobile-action-bar .email span { background-position: -30px 0; }
.mobile-action-bar .map span { background-position: -60px 0; }
.mobile-action-bar .facebook span {	background-position: -90px 0; }

@media only screen and (max-width: 959px) {
	.mobile-action-bar a { margin-right: 0;	}
	.mobile-action-bar { opacity:1 ;right: 320px; }
}
@media only screen and (max-width: 767px) {
	.mobile-action-bar { top:100px; right: 160px;}
}
@media only screen and (max-width: 479px) {
	.mobile-action-bar {right: 90px;}		
}
p.home-buttons {
    text-align: center;
}
/* cmsms stylesheet: PCF Layout modified: 03/28/18 16:25:10 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Site Styles
================================================== */
body, html {
	overflow-x: hidden;
}

/*stickyfooter fix: added this whole HTML section*/	
html {
    height: 100%;
    box-sizing: border-box;
}
body {
	background: rgb(255,255,255);
	font: 13px/1.5 'Open Sans', Helvetica, Arial, Sans-serif;
	color: rgb(105,115,120);
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
/*stickyfooter fix: added these below:*/ 
    position: relative;
    margin: 0;
    padding-bottom: 5rem;
    min-height: 100%;
	}
/*stickyfooter fix:*/	
	@media screen and (max-width: 479px) {	
body {
    padding-bottom: 7rem;
}	    
}
	
.container {
}

/* #Full Width Section Stylings
================================================== */
.top {
	height:auto;
	position: relative;
	background: rgb(255,255,255);
}
.white {
	position: relative;
	background: rgb(255,255,255);		
}
.grey {
	position: relative;
	background: rgb(208,208,208);		
}
.blue {
	position: relative;
	background: #000066;
/*	padding: 20px 0 10px 0; */
}
.boxed .blue {
    padding-top: 0;
    padding-bottom: 0;
}
.red {
	position: relative;
	background: #D10D17;		
}

.gold {
	position: relative;
	background: #cc9900;		
}
.bottom {
	position: relative;
	background: rgb(208,208,208); 
}
.boxed .top, .boxed .white, .boxed .grey, .boxed .blue, .boxed .red { 
    background: transparent;
}
.boxed .white .container {
	padding-top: 15px;
	padding-bottom: 15px;
	background: rgb(255,255,255);
	position: relative;	
	outline-color: rgb(255,255,255);
	outline-width: 20px;
	outline-style: solid;
}
.boxed .grey .container {
	position: relative;
	background: rgb(208,208,208);
	outline-color: rgb(208,208,208);
	outline-width: 20px;
	outline-style: solid;
}
.boxed .blue .container {
	position: relative;
	padding-top: 25px;
	padding-bottom: 20px;
	background: #000066;
	outline-color: #000066;
	outline-width: 20px;
	outline-style: solid;
}
.boxed .red .container {
	position: relative;
	background: #d10d17;
	outline-color: #d10d17;
	outline-width: 20px;
	outline-style: solid;
}
.boxed .bottom .container {
	position: relative;
	background: rgb(208,208,208); 
	outline-color: rgb(208,208,208);
	outline-width: 20px;
	outline-style: solid;
}

.whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext h5, .whitetext h6, .whitetext p, .whitetext a {
    color: #ffffff;
}


.smallborder {
    border:1px solid rgb(208,208,208);
}

/* #Main Layout
================================================== */
#main {
	position: relative;
	z-index: 55;
	border-top: none;
	border-bottom: none;
}
.content {
    padding: 20px 0;
}
.sidebar {
	padding: 0 0 20px 0;
	border-radius: 0 0 0 3px;
}

@media screen and (max-width: 959px) {
	.content, .sidebar {
		padding: 10px;
	}
	#main {
		border: none;
	}		
}

/* #Header
================================================== */
header {
	position: relative;		
	z-index:55;
	border-top: none;
	border-bottom: none;
}
.boxed header.carousel {
    z-index: 1;
}
header h1 {
	height:0;
	margin:0;
	padding:0;
}
header .logo img{
	float:left;
	display:block;
	margin: 0 10px 20px;
}
#contactinfo-header {
	margin-bottom: 0; 
	padding: 0;
	text-align: right; 
}

@media screen and (max-width: 959px) {
}	

@media screen and (max-width: 767px) {
	header {border:none; box-shadow: none}
	header .logo img {
	    float:none;
	    margin-top:15px;
	}
	#contactinfo-header { padding:0 0 20px; text-align: center }
	#contactinfo-header h5 { text-align: center; }
	#contactinfo-header .half, #contactinfo-header .third, #contactinfo-header .quarter {
	    float: left;
	    margin-right: 4%;
	    position: relative;
	}
	#contactinfo-header .half { width: 48%;	}
	#contactinfo-header .third { width: 30.66%;	}
	#contactinfo-header .quarter { width: 22%; }
}
@media screen and (max-width: 479px) {	
}
	
/* #Breadcrumbs
================================================== */
#breadcrumbs, #breadcrumbs a {
	color: rgb(160,160,160);
}
#breadcrumbs { 
	display:block;
	margin-left: 10px;
	font-size:10px;
	line-height:20px;
	text-align: left;
	clear: both;
	margin-top: 10px;
}
.home #breadcrumbs, .home #free-quote {opacity: 0;}	
@media screen and (max-width: 959px) {
	#breadcrumbs { 
		text-align: center;
		clear: both;
		margin-bottom:0;
		padding-right:10px;
	}
}

/* #Sidebar
================================================== */
.sidebar .box {
	padding: 10px 10px 0;
}
.sidebar blockquote {
	margin: 0 auto 20px;
	background-image: url(https://mail.whatcommemorialdayparade.com/uploads/css/sidebar-testimonial.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.sidebar .news {
	background-image: url(https://mail.whatcommemorialdayparade.com/uploads/css/sidebar-news.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.sidebar .calendar {
	background-image: url(https://mail.whatcommemorialdayparade.com/uploads/css/sidebar-calendar.png);
	background-repeat: no-repeat;
	background-position: top right;
}

/* #Footer
================================================== */
footer {
	position: relative;
	padding:20px 0;
}

/*stickyfooter fix*/
.PCFstickyfooter {
    position: absolute;
	bottom: 0;
	width: 100%;
	overflow:hidden;
}

form .row {
	margin-bottom:0;
}
footer p.disclaimer { 
    font-size:10px; text-align: center;
}

body.contact footer #contactinfo, body.contact footer hr {
    display:none;
}

/* #Footer Form
================================================== */
.contact-us form label { font-size: 10px!important; }
.contact-us input {
	padding: 0;
	margin: 0;
}
.contact-us legend { display: none; }
.contact-us form input[type="submit"] {
	padding: 2px 10px;
	font-size: 10px;
}
.contact-us form textarea {
	width: auto;
	max-width: 280px;
}

/* #Footer Sitemap
================================================== */
.footer-sitemap a {
	text-decoration: none;
	color: rgb(255,255,255);
}
.footer-sitemap a:hover {
	text-decoration: underline;
}
.footer-sitemap ul {
	list-style-type: none;
	margin: 0;
}
.footer-sitemap > ul > li {
	width: auto;
	padding: 0;
	font-size: 18px;
}
.footer-sitemap > ul > li > a, .footer-sitemap > ul > li.sectionheader > a { font-weight: bold;	}		
.footer-sitemap > ul ul {
	font-size: 12px;
	padding-top:10px;
	padding-left: 10px;
	margin: 0;
}
.footer-sitemap > ul ul li.col{
	float: none;
	display: block;
	width:100%;
	margin: 0;
	padding: 0;
}		
.footer-sitemap > ul ul ul {
	list-style-type: circle;
	padding-top: 0;
	padding-left: 10px;
}


/* #Search
================================================== */
#search {
    width: 150px; 
    float:right;
    margin: 0 0 0 0;
    position: relative; 
    z-index: 110;
}
#search form { margin-bottom: 0; }
#search .search-input {
	font-family: 'Open Sans', Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,255,255);
	background: rgb(105,115,120);
	border: solid 3px rgba(0,0,0,.1);		
	padding: 6px 6px 6px 8px;
	margin-bottom: 0;
	width: 202px;
	outline: none;
	border-radius: 2em;
	box-shadow: none;
}
#search .search-input:hover {
	color: rgb(255,255,255);
	background: rgb(118,71,123);
	border: solid 3px rgba(0,0,0,.2);		
}	
#search .search-input:focus {
	color: rgb(0,0,0);
	background: rgb(220,220,220);
	border: solid 3px rgba(255,255,255,.2);
	box-shadow:  inset 0 2px 2px rgba(0,0,0,.5);
}
#search .search-button {
	position: absolute;
	top:2px;
	right: 5px;
	height: 28px;
	width: 28px;
	margin: 2px 0 0 5px;
	padding: 2px;
	border: 0;
	opacity: 1;
	background: url(https://mail.whatcommemorialdayparade.com/uploads/css/search.png) no-repeat center;
	box-shadow: none;
	text-indent: -1000em;
	cursor: pointer; 
	cursor: hand;
	outline: 0;
}
#search .search-button:hover {
	box-shadow: none;
	opacity: 1;
}
#search .search-button:active {
	border: 0!important;
	box-shadow: none;		
	opacity: 1;
}
#search {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
}

/* #CGBlog Module
================================================== */
/* SUMMARY/DETAIL TEMPLATE */
.post-info {
	color: rgb(140,140,140)!important;
}
/* RECENT POSTS TEMPLATE */	
.recent-posts {
}
.recent-posts ul {
	padding-left: 20px;
	list-style: disc outside none;
}
.recent-posts ul.posts {
	list-style-type: none;
	margin:0 0 20px;
	padding:0;
}
.recent-posts h4 {
	border-bottom: none;
}
.recent-posts .post-name {
	font-size: 14px;
	font-weight:bold;
}
.recent-posts .post-date {
	font-size: 8px;
}
.recent-posts .post-info {
	font-size: 10px;
	line-height: 1.1;
}
.recent-posts .read-more {
	float:right;
	font-size: 10px;
	background: rgb(118,71,123);
	padding: 0 5px;
	text-decoration: none;
	color:white;
	border-radius: 2px;
}


/* #STAFF DIRECTORY
================================================== */
/* SUMMARY/GRID TEMPLATE */
body.staff h3 {
	text-align: center;
	border-bottom: 1px solid rgb(120,120,120);
}
.staff .employee.summary { font-size: 10px; }
.staff .summary { text-align: center; }
.staff .summary .staff-name {
	font-size: 14px;
	border-bottom: none;
	box-shadow: none;
	margin-bottom: 0;	
}
.staff .summary .staff-name a, .staff .summary .staff-name a:visited  {
	color: inherit;
	text-decoration: none;
}
.staff .summary .photo { margin-bottom: 0; }
.staff  .summary .photo img {
	height:auto;
	max-height: 100px;
	width:auto;
	max-width: 75px;
	border-radius: 2px;
	background: rgb(255,255,255);
	padding: 2px;
	border: 1px solid rgb(125,125,125);
}
.staff .summary .position-title {
	font-size: 11px;
	font-weight:bold;
	margin-bottom: 0;
}
.staff .summary .read-more, 
.staff .summary .email a {
	padding: 2px 5px;
	background: rgb(110,60,115);
	color:white;
	font-size: 10px;
	border-radius: 3px;
	text-decoration: none;
}
.staff .summary .info > div { margin-bottom: 5px; }
@media screen and (max-width: 479px) {
	
}

/* DETAIL TEMPLATE */
.staff .employee {}
.staff .summary { text-align: center; }
.staff .staff-name {
	border-bottom: none;
	box-shadow: none;
}
.staff .photo img {
	height:auto;
	width:auto;
	max-width: 100%;
	border-radius: 2px;
	background: rgb(255,255,255);
	padding: 2px;
	border: 1px solid rgb(125,125,125);	
}
.staff .position-title {
	font-weight:bold;
	margin-bottom: 0;
}
.staff .employee > a:last-child, 
.staff .email a {
	font-size: 10px;
	padding: 2px 5px;
	background: rgb(110,60,115);
	color:white;
	border-radius: 3px;
	text-decoration: none;
}
.staff .info > div { margin-bottom: 5px; }

/* #Calendar
================================================== */

/* Upcoming Events */
.calendar-sidebar {}
.calendar-sidebar h4 { border-bottom: none; }
.calendar-sidebar h4 a {
	text-decoration: none;
	color: inherit;	
}
.calendar-sidebar .calendar-event {
	margin-bottom:20px;
}
.calendar-sidebar .event-title {
	color: rgb(100,150,40);
	font-size: 14px;
	font-weight: bold;
}
.calendar-sidebar .calendar-date-from{
	font-size: 10px;
}
/* Monthly Events Listing */
.calendar-list .box{
	padding-bottom: 20px;
}
.calendar-list .calendar-event h3{
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 0;
}
.calendar-list h4 {
	border-bottom: none;
}
.calendar-list h4 a {
	text-decoration: none;
	color: inherit;	
}
.calendar-list .calendar-event {
	margin-bottom:20px;
}
.calendar-list .event-title {
	color: rgb(100,150,40);
	font-size: 14px;
	font-weight: bold;
}
.calendar-list .calendar-date-from{
	font-size: 10px;
	font-weight: bold;
}
/* Event Details */
.calendar-event {
	position: relative;
	margin-bottom:20px;
}
.calendar-event h2{
	line-height: 1.5;
	margin-bottom: 0px;
}
.calendar-event h4 {
	border-bottom: none;
}
.calendar-event .button a{
	color:white!important;
}
.calendar-event h4 a {
	text-decoration: none;
	color: inherit;	
}
.calendar-event .calendar-details {
	margin-bottom: 20px;
}
.calendar-event .event-title {
	color: rgb(100,150,40);
	font-size: 14px;
	font-weight: bold;
}
.calendar-event .calendar-date-from{
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
.calendar-event a.read-more,
.calendar-list a.read-more,
.calendar-sidebar a.read-more {
	float:right;
	position: absolute;
	top:-5px;
	right:5px;
	font-size: 10px;
	background: rgb(110,60,115);
	padding: 0 5px;
	text-decoration: none;
	color:white;
	border-radius: 2px;
}
/* cmsms stylesheet: PCF Skagit911 modified: 11/08/17 15:59:21 */
/* .brand-logo - used in the navigation bar */
.bg-nav.purple {
	background-color: rgb(118,71,123) !important;
	
}
.navigation-wrapper {
	padding-top: 40px;
}
.brand-logo img {
    position: absolute; 
    top: -25px; 
    left: 50%; 
    width: 150px; /* desired logo width */
    height: auto; 
    margin-left: -75px; /* negative value of half the desired width */
}

@media screen and (max-width: 959px) {
.brand-logo img {
    position: relative; 
    float: left;
    top: -5px;
    left: 0; 
    margin-left: 20px;
}
}

@media screen and (max-width: 767px) {
.brand-logo img {
    position: relative; 
    float: left;
    width: 30%;
    left: 50%; 
    margin-left: -15%;
}
}

.bigheader {
    text-align: center;
    margin: 150px 0 200px 0;
    padding: 0 50px;
}

.bigheader h1 {
    color: #fff;
    text-shadow: 0 0 6px #000;
    font-size: 56px;
    line-height: 53px;
}

@media screen and (max-width: 479px) {
.bigheader h1 {
    font-size: 32px;
    line-height: 30px;
}

.bigheader {
    text-align: center;
    margin: 50px 0 100px 0;
    padding: 0 30px;
}
}

.boxed #breadcrumbs {
    display: inline-block;
}

.purple-wide {
	position: relative;
	background: rgb(118,71,123);		
}

.boxed .purple-wide .container {
	position: relative;
	background: rgb(118,71,123);
}

.transparent {
    background: transparent;
    margin-bottom: 10px;
}

/* #Top Level Links - Source Stuff
================================================== */
/*#mainmenu > ul {
	margin-top: 2px!important;
}
.boxed #mainmenu > ul {
	float: right;
	margin-top: 55px!important;
}
#mainmenu ul li > a, 
#mainmenu .sectionheader > span { *//* First Level Menu Items *//*
    display: block;
    border: 1px solid rgba(0,0,0,0);
    background:;
    color: rgb(255,255,255);
    font-size:12px;
    font-weight: bold;
    line-height:16px;
    text-align: left;
    margin: 0 5px 0 0;
    padding: 5px 15px 7px;
    border-radius: 2px;
    transition: .15s all linear;
}
.boxed #mainmenu ul li > a, 
.boxed #mainmenu .sectionheader > span { *//* First Level Menu Items *//*
	color: rgb(118,71,123);
}
#mainmenu .sectionheader {
    cursor:default;
    text-align:center;
}
#mainmenu ul li {
    margin-bottom: 0;
}

#mainmenu ul li > a:hover, 
#mainmenu ul .sectionheader > span:hover { *//* 1st Level Hover *//*
    color: rgb(255,255,255);
    background: rgb(118,71,123);
}
.boxed #mainmenu ul li > a:hover, 
.boxed #mainmenu ul .sectionheader > span:hover { *//* 1st Level Hover *//*
    background: transparent;
    color: rgb(118,71,123);
}
#mainmenu ul .menuactive > a,
#mainmenu ul .currentpage a,
#mainmenu ul  a.currentpage,
#mainmenu .sectionheader.currentpage { *//* First Level Current Page *//*
    margin-top: 0px;
    background: rgb(118,71,123);
    color: rgb(255,255,255);
}
.boxed #mainmenu ul .menuactive > a,
.boxed #mainmenu ul .currentpage a,
.boxed #mainmenu ul  a.currentpage,
.boxed #mainmenu .sectionheader.currentpage { *//* First Level Current Page *//*
    background: transparent;
    color: #004B5F;
}
#mainmenu ul .parent:after, 
#mainmenu ul .sectionheader:after*/
#main-right ul .parent:after, 
#main-right ul .sectionheader:after,
#main-left ul .parent:after, 
#main-left ul .sectionheader:after {
    content: "";
    color:white;
    height: 16px;
    opacity: .1;
    position: absolute;
    background: url(https://mail.whatcommemorialdayparade.com/uploads/css/menu-arrow.png);
    right: 0px;
    top: 6px;
    width: 16px;
}	
/*#mainmenu ul ul .parent:before, 
#mainmenu ul .sectionheader:before,*/
#main-right ul ul .parent:before, 
#main-right ul .sectionheader:before,
#main-left ul ul .parent:before, 
#main-left ul .sectionheader:before {}

/* #Second Level Links
================================================== */
#main-right ul ul,
#main-left ul ul {
	z-index:10;
	font-size:12px;	
	width:150px;
	margin:0;
	border-radius: 3px;				
	/*box-shadow: 0 2px 2px rgba(0,0,0,.3);*/
}
/*
.boxed #mainmenu ul ul {
	border-radius: 0px;				
	box-shadow: none;
	background-color: #fff;
}
*/
.main-navi ul ul li,
.main-navi ul ul li {
	width: 150px;
	margin-bottom: 0;
}

.main-navi ul ul li a {
	margin-bottom: 0px;
}
/*.main-navi ul ul a, 
.main-navi ul ul .sectionheader > span{ /* 2nd Level Menu Items */
/*	display:block;
	color: rgb(105,115,120);
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	margin-right:0px;
	margin-bottom: 0;
	padding: 5px;
	width: 150px;
	border-radius: 0;
	background: rgb(220,220,220);
	box-shadow: none;
}*/
#mainmenu ul ul li:first-child a {
	border-radius: 3px 3px 0 0;
}				
#mainmenu ul ul li:last-child a {
	border-radius: 0 0 3px 3px;
}

.main-navi ul ul a:hover, 
.main-navi ul ul .sectionheader:hover { /* 2nd Level Hover */
	background: rgb(118,71,123);
	color: rgb(255,255,255);
}
.boxed .main-navi ul ul a:hover, 
.boxed .main-navi ul ul .sectionheader:hover {
    background: rgb(118,71,123);
    color: rgb(255,255,255);
}
.main-navi ul ul .menuactive > a,				
.main-navi ul ul .currentpage a,
.main-navi ul ul a.currentpage,
.main-navi ul ul .sectionheader.currentpage { /* 2nd Level Current Page */
	margin-top: 0;
	background: rgb(118,71,123);
	color: rgb(255,255,255);		
}
.boxed .main-navi ul ul .menuactive > a,				
.boxed .main-navi ul ul .currentpage a,
.boxed .main-navi ul ul a.currentpage,
.boxed .main-navi ul ul .sectionheader.currentpage {
    background: rgb(118,71,123);
    color: rgb(255,255,255);
}
.main-navi ul ul .parent:after, 
.main-navi ul ul .sectionheader:after { /*2nd Level Parent */
    content: "";
    color:white;
    height: 16px;
    opacity: .3;
    position: absolute;
    background: url(https://mail.whatcommemorialdayparade.com/uploads/css/menu-arrow.png);
    right: 0px;
    top: 11px;
    width: 16px;
}
/* #Menu Layout
================================================== */
.main-navi ul {
	padding:0;
	margin:0;
}
.main-navi li {
	/*float:left;*/
	list-style-type: none;
    position:relative; 
    margin-left:0px;
}
.main-navi > ul > li:last-child a {}
.main-navi > ul > li:first-child a {}
.main-navi a {
	text-decoration: none;
	font-size:1em;
    cursor:pointer;
	display:block;
	text-align:center;
	padding:3px;
}

/* ****************Secondary*************** */

.main-navi ul ul {
	left:0;
	top:27px;
	display: none;
}

.main-navi ul li:hover ul {
	display:block;	
	position: absolute;
}
.main-navi li li {}

/* **************** Tertiary*************** */
/*
#mainmenu ul li:hover ul ul { display:none;	}

#mainmenu ul ul li:hover ul {
	display:block;
	position:absolute;
	left:120px;
	top:0px;
}
*/
/* ************** Quaternary *************** */
/*
#mainmenu ul ul li:hover ul ul { display:none; }
#mainmenu ul ul ul li:hover ul {
	display:block;
	position:absolute;
	left:120px;
	top:0px;
}
*/
/* ************** Quinary *************** */
/*
#mainmenu ul ul ul li:hover ul ul{
	display:none;
}
#mainmenu ul ul ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:120px;
	top:0px;
}
*/
/* ******** Marking Menu Parents ********** */
/*
#mainmenu .sectionheader > a:first-child {
	*//* Section Headers don't show that they can be clicked on *//*
	cursor:default!important;
}

.depth1 > a:before {
	*//* Section Headers on the first level of the menu don't display +'s next to their link *//*
	display:none;
}
*//* end original source stuff */

/* navigation bar */
.main-navi {
    position: relative;
}
.main-navi ul {
    margin-top: 2px !important;
}
#menu-right, #menu-left {
	position: relative;
}
/*
#menu-right {
	border-left: 1px solid #f00;
}
#menu-left {
	border-right: 1px solid #f00;
}
*/
#menu-right
#menu-right > ul,
#menu-left > ul {
	margin-top: 2px!important;
}
.main-navi ul li > a,
.main-navi .sectionheader > span/*, 
#main-right ul li > a, 
#main-right .sectionheader > span,
#main-left ul li > a, 
#main-left .sectionheader > span*/ { /* First Level Menu Items */
    display: block;
    border: 1px solid rgba(0,0,0,0);
    background:;
    color: rgb(255,255,255);
    font-size:12px;
    font-weight: bold;
    line-height:16px;
    text-align: left;
    margin: 0 5px 0 0;
    padding: 5px 9px 7px;
    border-radius: 2px;
    transition: .15s all linear;
}
.main-navi li
/*#menu-right li */ {
	/*float:right;*/
	display: inline-block;
	list-style-type: none;
    position:relative; 
    margin-right:0px;
}
.main-navi ul ul a,
.main-navi ul ul .sectionheader > span
{ /* 2nd Level Menu Items */
  	display:block;
	color: rgb(105,115,120);
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	margin-right:0px;
	margin-bottom: 0;
	padding: 5px;
	width: 150px;
	border-radius: 0;
	background: rgb(220,220,220);
	box-shadow: none;
}