/* stylesheet for Client Education Pages */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
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; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, section, article, footer, address{ display: block; }

body{ background: #d0d1c3 url(../images/background.jpg); }

#container{ width: 978px; margin: 0 auto; background: #d0d1c3; -moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 1); -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 1); box-shadow: 1px 1px 20px rgba(0, 0, 0, 1); }

header img{ -moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.75); }

section{ padding: 30px 84px; clear: both; }
article{ float: left; padding: 30px 0 0 0px; }
article.column{ float: left; width: 390px; padding-right: 30px; }
article.last{ padding-right: 0;  }
h2{ font: 30px/24px "Garamond Premier Pro", Garamond, Baskerville, Georgia, Times, Serif; text-transform: uppercase; color: #8b213f; margin: 0 0px 15px 0px; width: 390px; }
h3{ font: 24px "Garamond Premier Pro", Garamond, Baskerville, Georgia, Times, Serif; color: #2d2d2d; margin: 0; width: 390px; }
p{ font: 14px/24px Georgia, Times, Serif; color: #525249; margin: 0 0 45px 0; width: 390px; }
ul{ margin-left: 20px; }
li{ font: 14px/24px Georgia, Times, Serif; color: #525249; margin: 0 0 30px 0; width: 370px; }
dt{ font: bold italic 14px/24px Georgia, Times, Serif; color: #525249; margin: 0; }
dd{ font: italic 14px/24px Georgia, Times, Serif; color: #525249; margin: 0 0 30px 0; }


.left{ float: left; padding: 0 54px 0 30px; }

.thumbnail{ margin: 0 0 15px 0; position: relative; width: 306px; }
.thumbnail img{ border: 10px solid #fff; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }
.triple{ width: 130px; float: left; }
.double{ width: 190px !important; float: left; }
.triple img,
.double img{ border: 5px solid #fff; margin-bottom: 5px; }

.right-caption{ width: 390px; padding-bottom: 60px;  }
.right-caption img{ float: left; margin-right: 30px; border-width: 5px; }
.right-caption p{ width: auto; margin: 30px 0 0 0; }

.mincolumn{ width: 195px; float: left; }
.second{ padding-top: 35px; }
.mincolumn img{ border: 5px solid #fff; margin-bottom: 5px; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }
.mincolumn p{ width: 175px; margin-bottom: 25px; font-style: italic; font-size: 12px; line-height: 14px; color: #8b213f; }
.mincolumn strong{ display: block; font: 18px "Garamond Premier Pro", Garamond, Baskerville, Georgia, Times, Serif; margin: 0; }

.framed{ border-width: 0 !important; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }

.topic{ margin-bottom: 15px; }
.topic span{ font-weight: bold; font-style: italic; }

blockquote{ clear: both; padding: 50px 0; }
blockquote p{ font-style: italic; font-size: 18px; line-height: 36px; text-align: center; color: #8b213f; margin: 25px auto; width: 140px;  }

footer{ clear: both; text-align: center; padding: 30px 54px; }
footer p{ margin: 0; width: auto; font: 10px verdana; color: #666; }

hr{ clear: both; }
.clear{ clear: both; }