/* Copyright (c) 2015 Regina Scott, All rights reserved ----------------------------------------------------------------------------------------------------*/ /* Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------------------------------------------------------*/ html, body, div, button, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .books { border: 1px solid #FA5F69; } .icon { float: right; } /* Reset for HTML 5 Elements ----------------------------------------------------------------------------------------------------*/ /* tells browsers that don't read html 5 tags to render like divs */ header, footer, aside, nav, article, section { display: block; margin: 0; padding: 0; } /* clears containers with floated elements, no need for extra markup! */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Type ----------------------------------------------------------------------------------------------------*/ html { font-size: 16px; } body { color: #333; font-size: 1.10em; font-family: "Times New Roman", Times, serif; } h3, h4, h5, h6 { color: #FFF; font: 1.9em/1em Helvetica, Arial, sans-serif; } @import url(https://fonts.googleapis.com/css?family=Allura); h1 { font-family: 'Allura', cursive; font-size:3em; color: #003F87; font-weight: bold; } h2 {font-size:1.25em; color: #003F87; font-weight: bold;} h3 { color: #FD4160; font-size: 2em; font-weight: bold; } h4 { font-size: 1.35em; color: #FFF; } h5 { font-size: 1.1em; font-weight: bold; } h6 { } p { color: #333; font-family: "Times New Roman", Times, serif; font-size: 1.10em; font-weight: normal; line-height: normal; text-align: left; } ul { list-style: disc inside; font-size: 1.15em; font-weight: normal; line-height: 1.3em; } ol, ol.lowerRoman, ol.upperAlpha { list-style: decimal; color: #FFF; font-size: 1.0em; font-weight: normal; line-height: 1.3em; } ol.lowerRoman { list-style: lower-roman; } ol.upperAlpha { list-style: upper-alpha; } strong, b, .b { font-weight: bold; } a { color: #003F87; text-decoration: none; font-weight: bold; } /*a:link { color: #003F87; outline: none; text-decoration: none; font-weight: bold; } a:visited { color: #003F87; text-decoration: none; font-weight: bold; }*/ a:hover { color: #003F87; text-decoration: underline; font-weight: bold; } a:active { color: #003F87; text-decoration: none; font-weight: bold; } /* Spacing ----------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { padding-bottom: 3px !important; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } p { margin-right: 10px; padding: 5px 0; } blockquote { margin-right: 10px; padding: 5px 0 20px 0; } ul, ol { margin-left: 25px; padding-left: 15px; } li { margin-bottom: 0px; margin-left: 0px; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; margin-left: 3%; } /* Layout ----------------------------------------------------------------------------------------------------*/ html { background-color: #162252; background-image: url(../images/rs_background.jpg); background-repeat: repeat; text-align: center; } body { background: none; margin-bottom: 20px; width: 100%; max-width: 960px; margin: 0 auto; border: none; } #wrapper { background-color: #FDF5E6; } #logoTxt { background-color: #FDF5E6; width: 100%; /*381px;*/ height: 200px; border-bottom: 1px solid #b8b8ef; margin-bottom: 0px; } header { /*height: 200px;*/ width: 100%; border: none; background-color: #FDF5E6; } section center { background-color: #FDF5E6; margin: 0 10px; } #mainRight, #mainRight2 { margin-top: 0px; width: 960px; background-color: #FDF5E6; text-align: left; } /*#mainRight h2 { margin-bottom: 0px; border: none; } #mainRight2 { width: 960px !important; }*/ .columns { margin: 0 0px 0 0px; padding: 0px; background-color: #FDF5E6; display: block; width: 960px; } .colLeft { float: left; width: 270px; border-right: 0px; border-color: blue; border-style: solid; margin: 20px 3px 20px 0px; } .colRight { float: right; width: 670px; border: none; margin: 20px 15px 20px 0px; } .colLeftHome { float: left; width: 45%; margin: 20px 5px 20px 0px; } .colRightHome { float: right; width: 45%; border: none; margin: 20px 0px 20px 5px; } .col_wide { float: left; width: 630px; border: none; margin: 30px 0px 20px 30px; } .col_thin { float: right; width: 250px; border-left: 2px; border-color: rgba(186,186,186,0.3); border-style: groove; padding-left: 20px; margin: 20px 0px 20px 10px; } .colSingle { float: none; max-width: 100%; margin: 20px 5px 20px 5px; padding: 2%; } .blurb{ color: #154D78; } img { max-width: 100%; height: auto; } .books { border: 2px solid #162252; } .floatright { float: right; margin: 0 0 2px 3px; border: 1px solid #162252; padding: 0px; } .floatleft { float: left; margin: 0 10px 2px 0px; border: 1px solid #162252; padding: 0px; } #signature { margin-bottom: 5px; margin-right: 10px; text-align: right; } .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homenote { font-size: 1em; color: #003F87; font-weight: inherit; display: inline-block; } footer { clear: both; background-color: #FDF5E6; padding-top: 10px; height: 75px; border: none; } footer p { float: left; margin-left: 30px; font-size: 0.8em; color: #003F87; border: none; } footer ul { float: right; list-style: none; max-width: 550px; padding-top: 2px; text-align: right; margin-right: 20px; border: none; } footer ul li { display: inline; margin: 0 5px; border: none; } footer ul li a { font-size: 0.8em; color: #003F87; font-weight: normal; } footer ul li a:hover { color: #000000; font-weight: normal; } @media screen and (max-width: 768px) { #logoTxt { background-color: #FDF5E6; width: 100%; /*381px;*/ height: auto; border: none; margin-bottom: 0px; } header { /*height: 170px;*/ width: 100%; border: none; } #mainRight, #mainRight2 { margin-top: 0px; width: 100%; text-align: left; } /*#mainRight h2 { margin-bottom: 0px; border: none; } #mainRight2 { width: 960px !important; }*/ img { max-width: 100%; height: auto; } .columns { margin: 0 0px 0 0px; border: none; padding: 0px; background-color: #FDF5E6; display: block; max-width: 100%; } .colLeft { float: left; width: 100%; max-width: 700px; border: none; margin: 20px 0px 20px 5px; } .colRight { float: right; width: 100%; max-width: 750px; border-left: 0px; border-color: rgba(186,186,186,0.3); border-style: groove; margin: 20px 0px 20px 0px; } .col_wide { float: left; width: 100%; max-width: 750px; border: none; margin: 30px 0px 20px 10px; } .col_thin { float: right; width: 100%; max-width: 750px; border-left: 2px; border-color: rgba(186,186,186,0.3); border-style: groove; padding-left: 20px; margin: 20px 0px 20px 10px; } .floatright { float: right; margin: 0 0 2px 2px; border: 1px solid #FD4160; padding: 0px; } .floatleft { float: left; margin: 0 5px 2px 0px; border: 1px solid #FD4160; padding: 0px; } } @media screen and (max-width: 480px) { .colLeft { float: left; width: 100%; max-width: 300px; border: none; margin: 20px 0px 20px 10px; } .col_wide { float: left; width: 100%; max-width: 320px; border: none; margin: 30px 0px 20px 0px; } .col_thin { float: right; width: 100%; max-width: 470px; border-left: 2px; border-color: rgba(186,186,186,0.3); border-style: groove; padding-left: 20px; margin: 20px 0px 20px 10px; } } @media screen and (min-width: 768px) { #title_message { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } }