/*
*****************************************
 PVII Harmony: CSS Page Grid Framework
 by Project Seven Development
 www.projectseven.com
*****************************************
*/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
	margin: 0px;
}

.p7HMY {
	margin: auto;
}

/***************************************
ADDED RULES
****************************************/
.grey-bg{
		background-color:#8e8a8b;
}

.white-bg{
	background-color:#fff;
}



/*******************************
BORDERS   =   HMY INTERFACE PANEL BORDERS
*******************************/
.p7HMY.hmy-border-root-all,
.p7HMY .hmy-content-wrapper.hmy-border-content-all {
	border: 1px solid;
}

.p7HMY.hmy-border-root-top,
.p7HMY .hmy-content-wrapper.hmy-border-content-top {
	border-top: 1px solid;
}

.p7HMY.hmy-border-root-right,
.p7HMY .hmy-content-wrapper.hmy-border-content-right {
	border-right: 1px solid;
}

.p7HMY.hmy-border-root-bottom,
.p7HMY .hmy-content-wrapper.hmy-border-content-bottom {
	border-bottom: 1px solid;
}
.p7HMY.hmy-border-root-left,
.p7HMY .hmy-content-wrapper.hmy-border-content-left {
	border-left: 1px solid;
}

.p7HMY.hmy-border-root-left-right,
.p7HMY .hmy-content-wrapper.hmy-border-content-left-right {
	border-left: 1px solid;
	border-right: 1px solid;
}

.p7HMY.hmy-border-root-top-bottom,
.p7HMY .hmy-content-wrapper.hmy-border-content-top-bottom {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.border-black {
	border-color: #000 !important;
}

.border-white {
	border-color: #FFF !important;
}


/********************************
SECTION TEXT STYLES   =   HMY INTERFACE PANEL SECTION
********************************/
.p7HMY .hmy-section a {
	transition: all linear .5s;
	text-decoration: none;
}

.p7HMY .hmy-section a:hover {
	border-bottom: none;
}

.hmy-section .hmy-img a,
.hmy-section .hmy-img a:hover {
	border: none;
	display: block;
}

.hmy-section h1 {
	font-size: 1.5rem;
	margin: 24px 0px 0px 0px;
	font-weight: bold;
}
.hmy-section h2 {
	font-size: 1.4rem;
	margin: 24px 0px 0px 0px;
	font-weight: bold;
}

.hmy-section h3 {
	font-size: 1.3rem;
	margin: 24px 0px 0px 0px;
	font-weight: bold;
}

.hmy-section h4 {
	font-size: 1.2rem;
	margin: 24px 0px 0px 0px;
	font-weight: bold;
}

.hmy-section h5 {
	font-size: 1.2rem;
	margin: 24px 0px 0px 0px;
	font-weight: bold;
}

.hmy-section h1:first-child,
.hmy-section h2:first-child,
.hmy-section h3:first-child,
.hmy-section h4:first-child,
.hmy-section h5:first-child {
	margin: 0px;
}
.hmy-section p {
	margin: 6px 0px 10px 0px;
	line-height: 1.6;
}


/*********************************
 CONTENT AREAS   =   HMY INTERFACE PANEL CONTENT
*********************************/
.p7HMY .hmy-content p:first-child {
	margin-top: 0px;
	}
	
.hmy-content {
	padding: 20px;
	}










/************************************************
MEDIA QUERIES
************************************************/
@media only screen and (min-width: 0px) and (max-width: 1025px) {
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
body {font-size: 95%;}
html {-webkit-text-size-adjust: 100%;}
.p7HMY .hmy-section .p7HMY .hmy-section {flex-basis: 100% !important;}
.p7HMY.hmy-legacy .hmy-section .p7HMY .hmy-section {float: none !important; width: 100% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
body {font-size: 90%;}
.p7HMY .hmy-section {flex-basis: 100% !important;}
.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border-left: none !important; border-right: none !important;}
.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
}


/**********************************
   CORE STYLES - DO NOT EDIT
***********************************/
.p7HMY {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
}
.hmy-section {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	box-sizing: border-box;
	display: flex;
}
.hmy-content-wrapper {
	box-sizing: border-box;
	width: 100%;
}
.hmy-content {
	box-sizing: border-box;
}
.hmy-vertical-center.hmy-content-wrapper {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.p7HMY img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.hmy-box-separation .hmy-content-wrapper {
	margin: 5px;
	box-sizing: border-box;
	position: relative;
}

/**********************************
LEGACY BROWSER RULES
***********************************/
.p7HMY.hmy-legacy {
	overflow: hidden;
	display: block;
}
.p7HMY.hmy-legacy .hmy-section {
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 0px !important;
}


/************************************
STYLE OPTIONS  -  DO NOT REMOVE OR INTERFACE PANEL WILL NOT WORK
************************************/
.hmy-no-pad.hmy-content {padding: .5px 0px !important;}
.no-pad {padding: 0px !important;}
.hmy-center {text-align: center;}
.hmy-right {text-align: right;}
.hmy-left {text-align: left;}


/************************************************
No Script Rules... For DW Design View
************************************************/
.p7HMY.hmy-noscript {}