/* -----------------------------------------------------------------------
	MAIN
---------------------------------------------------------------------------*/
.page-wrap {
  /* equal to footer height */
  margin-bottom: -140px; 
}

.site-footer, .page-wrap:after {
  height: 140px; 
}

@media (min-width: 780px) {
	body {
		background-color:#D3D7E0; 
		color:#000;
	}
}

@media (max-width: 779px) {
	body {
		background-color:#D3D7E0;
	}
}


/* -----------------------------------------------------------------------
	a styles 
---------------------------------------------------------------------------*/

a {
	color: #2a95ff;
}

a.morelink {
	color: #FFF;
	text-decoration:none;
	font-size:80%;
	padding-left:30px;
}


/* -----------------------------------------------------------------------
	heading styles 
---------------------------------------------------------------------------*/

h1 {
	font-family:Georgia,sans-serif;
	font-size:140%;
	color: #821A1C;
	padding:0px;
}

h2 {
	font-family:"Noto Sans","Verdana","Arial",serif;
	font-size:125%;
	color: #000;
	padding:0px;
}

h3 {
	font-family:Georgia,sans-serif;
	font-size:110%;
	color:#FFFFFF;
	font-weight:normal;
	margin:0;
	padding:0;
}

h4 {
	margin:0;
	padding:0;
}


/* -----------------------------------------------------------------------
	header styles & initial display settings for mobile/regular menu
---------------------------------------------------------------------------*/
.headerwrapper {
	background-color:#821A1C;
}

.bottomheader {
	color: #FFFFFF;
	background-color:#821A1C;
}

@media (min-width: 780px) {
	.centerheadercontent {
		color: #FFFFFF;
	}
}

@media (max-width: 779px) {
	.topheader {
		color: #FFFFFF;
		background-color:#821A1C;
	}

	.middleheader {
		color: #821A1C;
		background-color: #FFF;
	}
}

@media (min-width: 780px) {
	.topheader {
		color: #FFFFFF;
		background-color:#821A1C;
	}

	.middleheader {
		color: #821A1C;
		background-color: #FFF;
	}
}

/* -----------------------------------------------------------------------
	skip styles 
---------------------------------------------------------------------------*/
a.skip:active, 
a.skip:focus, 
a.skip:hover {
	background-color:#821A1C;
	color:#fff;
    }


/* -----------------------------------------------------------------------
	Mobile Menu - on homepage, mobilemenuul is the mobile menu
---------------------------------------------------------------------------*/
@media (max-width: 779px) {
	#mobilemenuul {
		background-color:#162D63;
	}

	#mobilemenuul ul a,
	#mobilemenuul ul a div {
		color:#FFF;
	}

	#mobilemenuul ul{
		background-color:#162D63;
	}

	#mobilemenuul>ul ul{
		background-color:#465780;
	}

	#mobilemenuul ul>li {
		border-top-color:#FFF;
	}

	.mobilemenuclose  {
		border-top-color:#2b4445;
	}

	.mobilemenuclose a {
		color:#FFF;
	}
}


/* -----------------------------------------------------------------------
	Inside Header Wrapper Styling 
---------------------------------------------------------------------------*/
@media (max-width: 779px) {
	#townheader {
		color:#FFF;
		font-size:120%;
	}
}

@media (min-width: 780px) {
	#townheader {
		color:#FFF;
		font-size:180%;
		font-weight:bold;
	}
}

#townsubheader {
	color:#FFF;
	font-style:italic;
}

#searchbutton:focus {
	outline: solid 2px #FFF;
}

#socialmedia a:focus {
	border-bottom: solid 2px #000;
}



/* -----------------------------------------------------------------------
	MEGA MENU
---------------------------------------------------------------------------*/
.sub-nav a {
	color:#36383A;
}

@media (min-width: 780px) {
	.nav-menu {
		background-color:#821A1C;
		color:#FFF;
	}

	/* first descendant link within a top level navigation item */
	.nav-item > a {
		color:#FFF;
		font-family:Georgia,sans-serif;
	}

	.nav-item > a:hover {
		background-color:#FFF;
		color: #821A1C;
	}

	/* focus/open states of first descendant link within a top level navigation item */
	.nav-item > a:focus,
	.nav-item > a.open {
		border: 2px solid #dedede;
		text-decoration:underline;
	}

	/* open state of first descendant link within a top level navigation item */
	.nav-item > a.open {
		background-color: #FFF;
		color: #821A1C;
		border-left: 2px solid #2D4885;
		border-right: 2px solid #2D4885;
	}

/* sub-navigation panel */
	.sub-nav {
		border: 2px solid #2D4885;
		background-color: #FFF;
	}

	.sub-nav>.sub-nav-group-viewall {
		border-top: 1px solid #2D4885;
	}

	/* list item within sub-navigation panel */
	.sub-nav li {
		color:#821A1C;
	}

	.sub-nav li.sub-nav-header {
		color: #705C39;
		font-weight:bold;
		margin: .5em 1em;
		border-bottom: 1px solid #2D4885;
	}
}

@media (max-width: 779px) {
	.nav-item > a {
		color:#821A1C;
		font-family:Georgia,sans-serif;
		text-decoration:none;
		font-size:105%;
	}

	.sub-nav {
		margin-top:1em;
		background-color: #FFF;
	}
}

/* -----------------------------------------------------------------------
	sidenav
---------------------------------------------------------------------------*/
@media (max-width: 779px) {
	#sidemenu {
		background-color:#821A1C;
	}

	#sidemenu>li>a,
	#sidemenu>li>a>div {
		color:#821A1C;
		background-color:#2D4885;
	}

	#sidemenu>li {
		border-top-color:#821A1C;
	}

	#sidemenu ul a,
	#sidemenu ul a div {
		color:#821A1C;
		font-size:95%;
	}

	#sidemenu ul {
		background-color:#FFF;
	}

	#sidemenu ul>li {
		border-top-color:#821A1C;
	}

	.sidemenuclose  {
		border-top-color:#821A1C;
	}

	.sidemenuclose a {
		color:#821A1C;
	}
}

@media (min-width: 780px) {
	#sidenavholder {
		background-color: #2D4885;
		border-top: 12px solid #821A1C;
		border-bottom: 12px solid #821A1C;
		border-left: 1px solid #821A1C;
		border-right: 1px solid #821A1C;
		font-size:90%;
	}

	#hidesidebar {
		color:#000;
	}

	#hidesidebar a {
		color:#821A1C;
	}

	#hidesidebar h1 {
		margin:0px;
		color:#000000;
		font-size:105%;
		line-height: 1.4;
		font-weight:bold;
	}

	#hidesidebar hr {
		margin:0;
		height: 1px;
		color: #821A1C;
		background-color: #821A1C;
		border: none;
		width:100%;
	}

	#sidemenu {
		background-color:#2D4885;
	}

	#sidemenu a {
		color:#821A1C;
		text-decoration:none;
	}

	#sidemenu>li {
		border-bottom: 2px solid #821A1C;
		pointer:cursor;
	}

	#sidemenu div {
		color:#821A1C;
	}

	#sidemenu>li>a {
		color:#821A1C;
	}

	#sidemenu li ul {
		background-color:#FFF;
	}

	#sidemenu li ul li {
		border-bottom: 2px solid #2D4885;
	}

	#sidemenu li ul li a {
		color:##821A1C;
	}

	#sidemenu > li > a:hover {
		color: #FFF;
	}

	#sidemenu > li > a:focus {
		color: #FFF;
		text-decoration:underline;
	}

	#sidemenu > li > ul > li > a:hover {
		color: black;
	}

	#sidemenu > li > ul > li > a:focus { 
		color: #000;
		text-decoration:underline;
	} 
}

@media (min-width: 780px) and (max-width:1199px) {
	#sidenavholder {
		width: 160px;
	}
}

@media (min-width: 1200px) {
	#sidenavholder {
		width: 200px;
	}
}

/* -----------------------------------------------------------------------
	breadcrumbs
---------------------------------------------------------------------------*/
.breadcrumbs {
	background-color:#821A1C;
	color:#FFF;
}

.breadcrumbs a {
	color:#FFF;
}


/* -----------------------------------------------------------------------
	content_box styles
---------------------------------------------------------------------------*/
@media (max-width: 779px) {
	#content_box {
		background-color:#FFF;
		color:#000;
	}
}

@media (min-width: 780px) {
	#content_box {
		background-color:#FFF;
		color:#000;
		border-top: 12px solid #821A1C;
		border-bottom: 12px solid #821A1C;
		border-left: 2px solid #2D4885;
		border-right: 2px solid #2D4885;

	}
}

@media (min-width: 780px) and (max-width:1199px) {
	#content_box {
		width:750px;
	}
}

@media (min-width: 1200px) {
	#content_box {
		width:1100px;
	}
}

.insidecontents a {
	color:#08305e;
}


/* -----------------------------------------------------------------------
	Bottom Bar
---------------------------------------------------------------------------*/
#bottombar {
	background-color:#821A1C;
}

#bottombar p {
	color: #FFF;
}

#bottombar p a {
	color: #FFF;
}