/* ==========================================================================
   mavipr.com  —  site stylesheet
   Faithful reproduction of the original theme (formerly served by Weebly).
   Layout is a fixed 980px grid, exactly as the original.
   ========================================================================== */

/* --- reset (from the original theme) --- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html,
p, div.paragraph, blockquote, fieldset, input { margin: 0; padding: 0; }
ul { list-style: none; }
fieldset { border: 0; }
a img { border: 0; }
.clear { clear: both; }
* { box-sizing: content-box; }

/* --- page frame --- */
body {
	background: transparent url(../theme/body_background.jpg) repeat-x center top;
	background-color: #fff;
	font-family: "lucida grande", arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
}
div.paragraph, p { line-height: 170%; padding: 5px 0; }
h2 { color: #333; padding: 5px 0; font-size: 18px; }

a:link, a:visited, a:hover { color: #bfb89d; font-weight: normal; text-decoration: none; }

#wrapper { width: 100%; margin: 0 auto; }
#main { width: 980px; margin: 0 auto; }
#main::after { content: ""; display: block; clear: both; }

/* --- header bar: site name + navigation --- */
#header { position: relative; float: left; width: 100%; margin: 0 auto; }
#header-content {
	position: relative;
	width: 980px;
	height: 85px;
	margin: 0 auto;
	text-align: right;
}

#sitename {
	position: relative;
	float: left;
	height: 75px;
	font-family: "lucida grande", arial, sans-serif;
	font-size: 24px;
	padding: 5px 0 5px 15px;
	margin-bottom: 0;
	margin-right: 10px;
}
#sitename, #sitename a { color: #fff; font-weight: bold; text-decoration: none; }
#wsite-title { font-size: 20px; }

#navigation {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 85px;
	padding: 0 15px 0 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}
#navigation > ul {
	position: relative;
	display: inline-block;
	margin: 28px 0 0 0;
	padding: 0;
	text-align: left;
	white-space: nowrap;
}
#navigation > ul > li { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; }
#navigation > ul > li > a {
	display: inline-block;
	white-space: nowrap;
	font-size: 1em;
	height: 25px;
	padding: 10px 0 0 20px;
}
#navigation a:link, #navigation a:visited { color: #fff; text-decoration: none; }
#navigation a:hover { color: #e2dcc5; text-decoration: none; }
#navigation > ul > li#active > a:link,
#navigation > ul > li#active > a:visited,
#navigation > ul > li#active > a:hover { color: #e2dcc5; text-decoration: none; }

/* items pushed into the "More" drop-down by site.js */
#navigation > ul > li.nav-hidden { display: none; }
#navigation > ul > li.nav-more { display: none; }
#navigation > ul > li.nav-more.nav-more-on { display: inline-block; }

/* --- flyout / drop-down menus --- */
.wsite-menu-wrap {
	display: none;
	position: absolute;
	left: 20px;
	top: 35px;
	z-index: 5000;
}
#navigation li:hover > .wsite-menu-wrap { display: block; }
.wsite-menu { padding: 0; margin: 0; list-style: none; }
.wsite-menu li { position: relative; display: block; width: 170px; text-align: left; margin: 0; }
.wsite-menu li a {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	background: #dedede;
	border-right: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	padding: 3px;
}
#navigation .wsite-menu li a:link,
#navigation .wsite-menu li a:visited { color: #545454; }
#navigation .wsite-menu li a:hover { background: #999; color: #545454; }
.wsite-menu span.wsite-menu-title { display: block; padding: 5px 10px; }
.wsite-menu span.wsite-menu-arrow { position: absolute; right: 8px; top: 8px; font-family: Courier; }
/* a flyout opened from inside the "More" menu unfolds to the left */
.wsite-menu .wsite-menu-wrap { left: auto; right: 100%; top: 0; }
/* the "More" panel hangs from the right edge of the bar */
.nav-more > .wsite-menu-wrap { left: auto; right: 0; }

/* --- banner image --- */
#header-image-content {
	position: relative;
	float: left;
	background: transparent url(../theme/header_background.jpg) no-repeat center top;
	padding: 17px 27px;
	width: 926px;
	height: 178px;
}
#header-image-border {
	position: relative;
	float: left;
	width: 919px;
	height: 183px;
	padding: 3px;
	border: 1px solid #ccc;
}
.wsite-header {
	position: relative;
	float: left;
	width: 918px;
	height: 183px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* --- main content column --- */
#content {
	position: relative;
	float: left;
	width: 926px;
	padding: 20px 27px;
	height: auto !important;
	min-height: 400px;
}
#content a:link, #content a:visited, #content a:hover { color: #630e07; font-weight: normal; text-decoration: underline; }

#wsite-content::after { content: ""; display: block; clear: both; }

/* --- footer --- */
#footer {
	position: relative;
	clear: both;
	background: #630e07 url(../theme/footer_background.gif) no-repeat center top;
	width: 100%;
	min-height: 104px;
	margin-top: 30px;
	padding-top: 20px;
}
#footer-contents {
	margin: 0 auto;
	text-align: left;
	font-family: "lucida grande", "lucida sans", arial, sans-serif;
	color: #fff;
	padding: 27px 10px 27px 65px;
	width: 979px;
	min-height: 40px;
	box-sizing: border-box;
}
#footer a, #footer a:link, #footer a:visited { color: #E2DCC5; }
#footer-contents p { padding: 2px 0; }

/* --- content building blocks --- */
div.paragraph ul, div.paragraph ol { padding-left: 3em !important; margin: 5px 0 !important; }
div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; }
div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; }
div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }
blockquote { margin: 10px 0; padding-left: 20px; border-left: 4px solid #ddd; font-style: italic; line-height: 170%; }

/* image floated to the left of its text, as on the original pages */
.img-left { float: left; clear: left; position: relative; z-index: 1; margin: 5px 10px 10px 0; }
.img-block { padding: 10px 0; }
.img-block img, .img-left img { display: block; max-width: 100%; height: auto; }
.galleryImageBorder { border: 1px solid #ddd; border-color: rgba(0, 0, 0, .13); padding: 3px; }
.img-caption { display: block; font-size: 90%; text-align: center; }

/* invisible rule the original used to clear floats between sections */
hr.clear-hr { clear: both; visibility: hidden; width: 100%; border: 0; height: 0; margin: 0; }
hr.styled-hr { background-color: #eee; background-color: rgba(0, 0, 0, .13); border: 0 none; color: #eee; height: 1px; margin: 0 auto; }
.spacer-40 { height: 40px; overflow: hidden; width: 100%; }
.spacer-10 { height: 10px; overflow: hidden; }

/* --- buttons --- */
.wsite-button {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 18px;
	background: #f4f4f4;
	background: linear-gradient(#fdfdfd, #e6e6e6);
	border: 1px solid #b9b9b9;
	border-radius: 3px;
	font-size: 14px;
	color: #222 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	cursor: pointer;
}
.wsite-button:hover { background: linear-gradient(#ffffff, #ededed); }
.wsite-button:active { background: linear-gradient(#e6e6e6, #fdfdfd); }
.wsite-button-inner { white-space: nowrap; }

/* --- forms --- */
.wsite-form-container { margin-top: 10px; }
.formlist { list-style: none; margin: 0; padding: 0; }
.wsite-form-label { font-weight: bold; display: block; }
.wsite-form-sublabel { display: block; padding-bottom: 5px; font-size: 11px; }
.wsite-form-fields-required-label { font-weight: normal; font-size: 11px; margin-bottom: 8px; }
.form-required { display: inline; color: #ff2825; }
.wsite-form-field { margin: 5px 0; }
.wsite-form-field::after { content: ""; display: block; clear: both; }
.wsite-form-input-container { padding-top: 3px; }
.wsite-form-left { float: left; margin-right: 10px; }
.wsite-form-right { float: left; }
.wsite-form-input {
	font-family: inherit;
	font-size: 12px;
	color: #444;
	padding: 6px;
	border: 1px solid #c6c6c6;
	border-radius: 2px;
	background: #fff;
	width: 180px;
	max-width: 100%;
}
.wsite-input-width-370px { width: 370px; max-width: 100%; }
textarea.wsite-form-input { height: 200px; resize: vertical; }
.wsite-form-input:focus { border-color: #8a8a8a; outline: none; }

/* --- blog --- */
.blog-post { margin-bottom: 30px; }
.blog-post .blog-header h2.blog-title { padding: 0; margin: 0; line-height: 1.5; }
.blog-post .blog-title a { text-decoration: none; }
.blog-post .blog-date { float: left; font-size: 13px; margin: 0; padding: 0; line-height: 1; }
.blog-post .blog-date .date-text { float: left; margin: 0 8px 0 0; padding: 0 0 4px 0; }
.blog-post .blog-comments { float: left; font-size: 13px; margin: 0; padding: 0; line-height: 1; }
.blog-post .blog-separator { clear: both; border-bottom: 1px solid #ddd; padding-top: 2px; margin-bottom: 8px; height: 2px; font-size: 2px; }
.blog-post .blog-content { line-height: 170%; }
.blog-post-separator { clear: both; height: 20px; }

.blog-table { width: 100%; border-collapse: collapse; }
.blog-table > tbody > tr > td { vertical-align: top; }
.blog-sidebar { width: 220px; padding-left: 30px; }
.blog-sidebar h2 { font-size: 15px; }
.blog-sidebar .columnlist-blog { margin: 0; padding: 0; }

.blog-comment-area { margin-top: 20px; }
.blogCommentWrap { border-top: 1px solid #ddd; padding: 12px 0; }
.blogCommentAuthor .name { font-weight: bold; color: #333; }
.blogCommentDate { font-size: 11px; color: #999; }
.blogCommentBody { line-height: 170%; }
.blogCommentHeadingInner::after { content: ""; display: block; clear: both; }

/* --- embedded PDF --- */
.wsite-pdf-embed { width: 100%; height: 800px; border: 1px solid #ccc; }

/* ==========================================================================
   Small screens.  The desktop rendering above is untouched; this block only
   keeps the site usable on phones and tablets, where the original 980px
   fixed layout would otherwise overflow.
   ========================================================================== */
@media screen and (max-width: 1010px) {
	#main { width: 100%; }
	#header-content { width: auto; height: auto; padding-bottom: 10px; text-align: left; }
	#sitename { float: none; height: auto; padding: 12px 15px 6px; margin-right: 0; }
	#navigation { display: block; height: auto; padding: 0 10px 8px; }
	#navigation > ul { display: block; margin-top: 0; white-space: normal; }
	#navigation > ul > li > a { padding: 6px 0 6px 14px; height: auto; }
	#navigation > ul > li.nav-hidden { display: inline-block; }
	#navigation > ul > li.nav-more { display: none !important; }

	#header-image-content { width: auto; max-width: 100%; padding: 10px; height: auto; background-size: cover; }
	#header-image-border { float: none; width: auto; height: auto; max-width: 918px; margin: 0 auto; }
	.wsite-header { float: none; width: 100%; max-width: 918px; height: 0; padding-bottom: 19.93%; background-size: 100% auto; }

	#content { width: auto; padding: 20px 15px; }
	#footer-contents { width: auto; padding: 20px 15px; }
	.wsite-input-width-370px { width: 100%; }
	.blog-table, .blog-table > tbody, .blog-table > tbody > tr, .blog-table > tbody > tr > td { display: block; width: auto; }
	.blog-sidebar { padding-left: 0; padding-top: 20px; }
}

/* the "More" entry highlights when the page you are on sits inside it */
#navigation > ul > li.nav-more-active > a:link,
#navigation > ul > li.nav-more-active > a:visited,
#navigation > ul > li.nav-more-active > a:hover { color: #e2dcc5; }