/* =Reset
-------------------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, embed, footer, header, hgroup, menu, nav,  { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
img { max-width: 100% }

@charset "utf-8";
body { font: 100%/1.4; font-family: 'Open Sans', arial, helvetica, sans-serif; background: #444; margin: 0 auto; padding: 0; color: #4d4d4f; }


/* ~~ This is the layout information. */

.headerwrap { background-color: #fff; margin: 12px auto; min-height: 126px; max-width: 960px; }
.headermain { background-color: #fff; margin: 0; width: 100%; display: inline-block; }
.headerwrap .imgprint { display: none; }

.contentwrap { background-color: #fff; margin: 0 auto; max-width: 960px; clear: left; }
.contentmain { background-color: #fff; margin: 0 auto; max-width: 888px; display: block; }

.footerwrap { background-color: #444; margin: 6px auto 48px; max-width: 960px; clear: both; }
.footermain { background-color: #444; margin: 0 auto; width: 100%; max-width: 888px; clear: both; }

.contentmain .widecol { color: #4d4d4f; background-color: #fff; float: left; padding: 0 0 30px 12px; width: 65%; min-width: 320px; }
.contentmain .narrowcol { color: #333; background-color: #fff; float: left; width: 33%; min-width: 284px; }


/* ~~ Element / Tag Selectors ~~ */

.headermain h1 { font-size: 20px; font-weight: normal; float: right; line-height: 1.4em; padding: 9px 48px 6px 36px; }
.headermain a img, .contentmain a img { border: none; }

.contentmain .widecol .blockodd { width: 49%; float: left; clear: left; }
.contentmain .widecol .blockeven { width: 49%; float: left; }
.contentmain .widecol .blockcontinue { margin-top: 72px; width: 49%; float: left; }
.contentmain .widecol .blockodd ul, .contentmain .widecol .blockeven ul, .contentmain .widecol .blockcontinue ul { margin-left: -12px; }
.contentmain .widecol .blockpic { float: left; padding-right: 24px; }

.contentmain .narrowcol { padding-top: 52px; }

.contentmain h1, .contentmain h2 { font-size: 20px; font-weight: normal; line-height: 1.2em; padding: 36px 36px 4px 0; }
.contentmain h3, .contentmain h4 { font-size: 18px; font-weight: normal; padding: 24px 36px 4px 0; }

.contentmain .widecol p { font-size: 16px; line-height: 1.4em; padding: 0 18px 0 0; text-align: left; }
.contentmain .widecol p.conaddtitle { font-size: 18px; text-decoration: underline; line-height: 1.6em; padding: 0 18px 0 0; text-align: left; }
.contentmain .widecol p.conadd { font-size: 16px; line-height: 1.4em; margin-top: -12px; padding: 0 18px 0 0; text-align: left; }
.contentmain .narrowcol p { font-size: 14px; line-height: 1.5em; padding: 0 12px 0 30px; }
.contentmain .narrowcol p.last { padding-bottom: 36px; }

.sidesn { border-left: 1px solid #ccc; margin: 12px 0 0 36px; }
.contentmain .sidesn h2 { font-size: 18px; font-weight: normal; margin-top: 12px !important; margin-bottom: 30px; text-align: center; }

p.title { font-size: 18px; line-height: 1.4em; text-align: left; }
.title { font-size: 18px; line-height: 1.4em; text-align: left; }
.title1 { font-size: 20px; line-height: 1.2em; text-align: left; }
.title2 { font-size: 16px; line-height: 1.4em; text-align: left; }

.txt10 { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 10px; }
.txt12 { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 12px; line-height: 1.1em; }
.txt14 { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 14px; line-height: 1.1em; }
.txt16 { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 16px; }

.txt000 { color: #000000; }
.txt222 { color: #222222; }


/* ~~ Miscellaneous Float / Clear Classes ~~ */

.clear { clear: both; }


/* ~~ Images ~~ */

.img, .img a, .img a:link { border: none; }
.imgcenter { margin: 0 auto; }
.headermain .echolog { float: left; padding: 12px 12px 12px 48px; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* ~~ Navigation Menu ~~ */

.headermain .main-navigation { margin: 0 auto; padding-left: 12px; text-align: center; font-weight: 400; }
.headermain .main-navigation li { margin-top: 4px; font-size: 16px; }

.contentmain a:link, a:visited { color: #900; text-decoration: none; }
.contentmain a:hover, .contentmain a:active { color: #C00; text-decoration: underline; }

.main-navigation a { color: #BDBDBD; text-decoration: none; }
.main-navigation a:hover { color: #fff; text-decoration: none; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu { color: #BDBDBD; display: inline-block !important; text-align: center; }
.main-navigation ul.nav-menu { list-style: none outside none; }

.headermain .main-navigation ul.nav-menu li, .headermain .main-navigation div.nav-menu li { display: inline-block !important; padding: 0 11px; text-align: center; }

.sidesn .sidenav a:link, .contentmain .sidenav a:visited { color: #C00; text-decoration: none; }
.sidesn .sidenav a:hover { color: #C00; font-weight: bold; text-decoration: none; }
.sidesn .sidenav a:active { color: #F00; text-decoration: none; }


/* Footer
--------------------------------------- */

.footermain p { color: #858585; float: left; font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 12px; line-height: 1.6em; margin: 0; padding: 6px 12px 12px 12px; text-align: left; }


/* Mobile Display
----------------------------------------------- */
@media only screen and (min-width: 150px) and (max-width: 740px)
{



}