 ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div.paragraph, blockquote, fieldset, input { margin: 0; padding: 0; }
 ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }

 a img { border: 0; }
 a { text-decoration: none; }
 body { font-family:"Playfair Display"; font-size:15px; line-height: 1.5; color: #797570; font-weight: normal; background-image: url("theme/body-bg-510803.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; height: 100%; box-sizing: border-box; }
 .tall-header-page:before, .short-header-page:before, .title-page:before, .landing-page:before, .splash-page:before, .no-header-page:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 507px; z-index: -1; background: transparent url("theme/Menu-Shadow-510803.png") top left repeat; }
 .container { margin: 0 auto; width: 970px; }
 #header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap { width:100%; }
 a { color: #3b8cdd; }
 a:hover { color: #86bcf3; }
 h2 { font-size: 18px; padding: .2em 0 16px 0; line-height: 1; }
 #banner-wrap h2, #footer-wrap h2, #splash-wrap h2 { color: #fff; border-bottom-color: rgba(0,0,0,0.2); }
 div.paragraph { font-size: 18px; line-height: 1.5; padding: .5em 0; }
 p { font-size: 18px; line-height: 1.5; padding: .5em 0; }
 blockquote { background: #fff; font-size: 14px; line-height: 1.5; color: #494442; padding: 1em; margin: 2em 0; border: 2px solid #c8c6c4; border-left: 2px solid #c8c6c4 !important; font-style: normal !important; }
 #splash-wrap blockquote { background: transparent; color: #fff; border-width: 2px 0 !important; border-color: rgba(0,0,0,0.2); font-size: 24px; line-height: 1.2; }
 div#content {min-height:400px;}
 .wsite-image-border-thin img { border:2px solid rgba (0,0,0,0.1) !important; }
 .styled-hr { background-color: #eeecea; box-shadow: none; height: 2px; }
 #banner-wrap .styled-hr, #footer-wrap .styled-hr, #splash-wrap .styled-hr { background-color: rgba(0,0,0,0.2); box-shadow: none; height: 2px; }
 #logo, #logo a { color: #fff; font-size: 30px; text-transform: uppercase; serif; font-weight: 700; }

 #auth { color: #fff; font-size: 16px; font-weight: 700; }
 
 #header { border-collapse: collapse; border-spacing: 0; width:100%; }
 #header td { vertical-align: middle; text-align: left; }
 #header table { float: right; width: 1px; }
 #header td { padding: 0; }
 #nav-wrap { padding: 34px 0; line-height: 1; position: relative; }
 #nav-wrap .container { clear: both; overflow: hidden; position: relative; }
 #nav-wrap .container ul { list-style: none; overflow: hidden; float: right; }
 #banner { background-color: rgba(29,29,23,0.75); margin-bottom: 10px; text-align: center; }
 #banner table { width: 100%; border-spacing: 0; border-collapse: collapse }
 #banner td { vertical-align: middle !important; text-align: center; }
 #bannerright { padding: 10px 10px; text-align: center; line-height: 1; }
 #bannerright p, #banner p { color: rgba(255,255,255,0.5); font-size: 18px; padding: 20px 0; }
 .splash-page { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; }
 .splash-page .main-wrap { display: table-cell; width: 770px; margin: 160px auto 0px; text-align: center; position: relative; vertical-align: middle; }
 .splash-page .main-wrap #content-section { text-align: center; padding: 40px 70px 70px 70px; color: rgba(255,255,255,0.5); background-color: rgba(0,0,0,0.6); }
 #splash-wrap { height: 100%; display: table; text-align: center; box-sizing: border-box; margin: 0 auto; padding-bottom: 34px; padding-top: 98px; }
 .landing-page #banner { padding: 0; }
 #bannerleft { width: 830px; background: #cfcfcf; margin-bottom: 40px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); box-shadow: 0 1px 3px rgba(0,0,0,.2); border: solid 2px #4a4743; }
 .landing-page .wsite-header { width: 830px; height: 465px; background: url("http://digitalwriting.org/ms/ch12/files/theme/banner-landing.jpg?510803") no-repeat; }
 #main-wrap .container { min-height:400px; background: #fafafa; padding: 40px 70px 70px 70px; width: 830px; }
 #main-wrap .paragraph ul, #main-wrap .paragraph ol { margin: 0 !important; }
 #main-wrap .paragraph li { list-style: none; background: url("http://digitalwriting.org/ms/ch12/files/theme/bullets.png?510803") no-repeat left 8px; padding-left: 15px !important; }

div.paragraph ul, div.paragraph ol { padding-left: 2.3em !important; margin: 5px 0 !important; overflow:hidden; }
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; }
