@import url(normalize.css);
@import url(topnav.css);
@import url(l2-style.css);
@import url(footer.css);


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,600italic,400,700,600);
/* 
font-family: 'Open Sans', sans-serif;
*/

/* main site styles - last edited on 5-22-26
----------------------------------------------- */

html { min-height: 100%; margin-bottom: 0; background: #fff; scroll-behavior: smooth; }
body { color: #3a3a3a; font: 13px/19px "Open Sans", Arial, sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-align: center; margin: 0; padding: 0; }

article, aside, h1, h2, h3, h4, h5, p, li { font-family: "Open Sans", Arial, sans-serif; }

h1, h2, h3, h4 { font-weight: 700; clear: both; }

h1, h2 { font-size: 34px; line-height: 39px; }
h3, h4 { font-size: 22px; line-height: 28px; }

p { font-size: 17px; line-height: 24px; font-weight: 400; }
p.intro { font-size: 20px; line-height: 26px; font-weight: 700; }
p.smaller { font-size: 14px; line-height: 20px; }

div  { margin-top: 0; margin-bottom: 0; padding: 0; border: none; border-width: 0; }
img { text-decoration: none; margin: 0; padding: 0; border: none; border-width: 0; outline: none; outline-width: 0; }

img.nofloat { float: none; }
img.floatright { float: right; }
img.floatleft { float: left; }

.row {
width: 100%;
/* max-width: 980px; */
min-width: 320px;
margin: 0 auto;
overflow: hidden;
}

div#page { background: url(../css-images/bg.png) center 0; width: 100% !important; min-width: 980px; text-align: center; height: auto; min-height: 700px; margin: 0; padding: 0; overflow: hidden; float: left; clear: both; }
div#page-container, div.container { width: 980px; text-align: left; clear: both; margin: 0 auto; padding: 0 10px; overflow: visible; }

a:link, a:visited { color: #7f526c; text-decoration: none; }
a:hover, a:active { color: #c2d206; text-decoration: none; }

.purple { color: #7f526c !important; }

.caps { text-transform: uppercase; }
.flush { margin-top: 0px; }

div.clear { height: 1px !important; margin-bottom: -1px; display: block; width: 100%; clear: both; }


/*
Responsive ----------------------------------- */

@media only screen and (max-width: 980px) {

div#page { width: 100% !important; max-width: 100%; min-width: 100%; }
div#page-container, div.container { width: 100%; max-width: 100%; min-width: 100%; }

}

@media only screen and (max-width: 940px) {

div#page-container, div.container { margin-left: 0; }

}


/*
END ----------------------------------- */