input, textarea, select {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}

a img {border:none;}

p {margin-top:1em; margin-bottom:1em;}
p:first-child {margin-top:0;}
p:last-child, p.lastchild {margin-bottom:0;}

ul.notbmargin {margin-top:0; margin-bottom:0;}

.imageOnLeft {margin-right:8px; float:left; margin-top:2px;}
.imageOnRight {margin-left:12px; float:right; margin-top:2px;}

div.table {display:table; border-spacing:0;}
div.vcenter {display:table-cell; vertical-align:middle;}

div.highlightbox {padding:8px; border:#000 1px solid;}
div.highlightbox-right {float:right; margin-left:16px; margin-bottom:9px; padding:8px; border:#000 1px solid;}
div.highlightbox-left {float:left; margin-right:16px; margin-bottom:9px; padding:8px; border:#000 1px solid;}

table.messages {border-collapse:collapse; border:1px solid #111; margin-left:auto; margin-right:auto; width:700px;}
table.messages, table.messages a {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
table.messages th, table.messages td {border:1px solid #111; padding:2px;}
table.messages td {height:22px;}
table.messages td img {display:block; margin-left:auto; margin-right:auto; border:none;}
table.messages td.na {text-align:center; font-weight:bold;}
table.messages td.none, table.messages td.notes {text-align:center;}
table.messages th.vid, table.messages th.aud {background-color:#000; color:#FFF;}
table.messages th.vid {border-right-color:#808080;}
th.videng, th.vidbil, th.vidwor, th.vidmr, th.audeng, th.audbil, th.audra, th.audengstr, th.audengdl, th.audbilstr, th.audbildl, th.audrastr, th.audradl {font-weight:normal;}
th.date {width:54px;}
th.ref {width:106px;}
td.ref {white-space:nowrap;}
th.ti {}
th.videng {width:42px;}
th.vidbil {width:48px;}
th.vidwor {width:46px;}
th.vidmr {width:58px;}
th.audengstr, th.audbilstr, th.audrastr {width:40px;}
th.audengdl, th.audbildl, th.audradl {width:56px;}
th.notes {width:38px;}

table.messages.select {border-width:2px;}
table.messages.select td {padding:10px;}
table.messages.select td img {display:inline; margin:0 0 0 7px; vertical-align:middle;}
table.messages.select col.col1, table.messages.select col.col3 {width:33%;}
table.messages.select col.col2 {width:34%;}

.messages-header, .messages-info {width:700px; border:none; border-collapse:collapse; margin-left:auto; margin-right:auto;}
.messages-header td {padding:0;}
.messages-header .title {font-size:32px; text-align:center; width:353px;}
.messages-header .nopic {}
.messages-header .title a {font-size:13px;}
.messages-header .title div {font-size:13px; margin-top:1.2em;}
.messages-header .title div img {vertical-align:middle; margin-bottom:3px;}
.messages-header .title.nopic {width:430px;}
.messages-header .pic {width:77px; vertical-align:middle; padding-top:6px;}
.messages-header .pic img {margin-left:auto; margin-right:auto;}
.messages-header .fb {width:270px;}
.messages-header .fb table.feedback {width:270px; margin-left:auto; margin-right:auto; font-weight:normal; border:none; border-collapse:collapse;}
.messages-header .fb table.feedback td {padding:0;}
.messages-header a.additional {font-size:18px;}

.messages-ttb, .messages-topical {text-align:center; font-weight:bold; width:50%; float:left;}
.messages-topical, table.messages tr.topical {color:#990000;}
.messages-ttb.header3 {width:100%;}

.header3, a.header3:hover {font-size:18px; font-weight:bold;}

table.messages.select.topics td {padding:4px}
table.messages.select.topics a {font-weight:bold}

table.messages.select.books {width:85%; margin:0}
table.messages.select.books td {width:50%; padding:4px}

table.messages td.topic {text-align:center; font-weight:bold; font-size:18px; background-color:#8493b9}

ol.ReadBible {padding-left:3em; margin:0; float:left; width:23%}
ol.ReadBible li {background-image:url(/CCSD/images/box.gif); background-repeat:no-repeat; padding:0 0 6px 20px; margin:0}

ul.ReadBible {padding:0; margin:0; list-style-type:none}
ul.ReadBible li {padding:0 0 5px; margin:0; text-align:center}
ul.ReadBible ul {padding:0; margin:0; float:right; width:92.5%}
ul.ReadBible ul li {background-image:url(/CCSD/images/box.gif); background-repeat:no-repeat; padding:0 0 0 2.8%; display:inline-block; width:10.8%; text-align:left}
ul.ReadBible li:first-child ul li {background-image:none; padding:0; text-align:center; width:13.6%}

/* ItemBlock = Text aligned right of image, equal spacing for all images regardless of actual width
   to vertically align text to the middle of the image use div.vcenter around the text
   ItemBlock2 = Center text underneath image*/
div.ItemBlock, div.ItemBlock3 {overflow:hidden; width:50%; margin-bottom:2.8em; float:left}
div.ItemBlock div.img, div.ItemBlock2  {width:150px; float:left; text-align:center}
div.ItemBlock strong {font-size:18px}
div.ItemBlock2 {width:20%; overflow:hidden}
div.ItemBlock2 img {display:block; margin-left:auto; margin-right:auto}
div.ItemBlock3 {margin-bottom:2em}
div.ItemBlock3 p {margin-right:10px}
div.ItemBlock3 strong {display:block; margin-top:5px}
div.ItemBlock3 img {margin-right:5px}
.Photos div.ItemBlock2 {margin-bottom:2em; width:25%}

.clr {clear:both}

table.Pages img {margin:0 auto; display:block}
table.Pages img + br {display:none}

img.BioPic {margin:-1px 5px -3px -2px; float:left}
.Return:before {content:"[ "}
.Return:after {content:" ]"}
.Return {clear:both; float:left}

div.clr.Return {width:100%}