/* These affect the entire page */
html, body {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000; font-weight: normal; font-style: normal; line-height: 1.3; margin: 0; padding: 0; background-color: #fff; border: 0;}
img {border: 0;}
h1 {font-size: 28px;}
h2 {font-size: 12px; font-style: italic;}
h2 a {font-size: 12px; font-style: italic; text-decoration: none; color: #a06800; background-color: #fff;}
h2 a:hover {font-size: 12px; font-style: italic; text-decoration: underline; color: #933; background-color: #fff;}
/* h3 is set for red and used for the Buy Now link */
h3 a {font-weight: bold; font-size: 20px; color: #933; text-decoration: none;}
h3 a:hover {text-decoration: underline;}
/* h4 is set for white and used for the Going Deeper link */
h4 {font-weight: bold; font-size: 18px; margin: 10px 0;}
h5 {font-size: 20px; font-weight: bold;}

hr {width: 100%; color: #073f7f;}

/* These are set for class */
.jcnleftbarbg {background-color: #ffc; padding: 0; border-right: 1px solid #630; width: 200px; margin: 0}
.listcat {color: #e0ad13; background-color: #ffc; font-weight: bold; font-size: 13px; padding: 5px 0 1px; margin: 0;}
.plaintext {color: #000; background-color: #ffc; font-size: 11px; padding: 0 0 0 8px; line-height: 1.5;}
.blue {color: #073f7f;}
.bluebold {color: #073f7f; font-weight: bold;}
.medblueib {color: #2d73b9; font-weight: bold; font-style: italic;}
.teal {color: #006666;}
.tealbold {color: #006666; font-weight: bold;}
.medtealib {color: #339999; font-weight: bold; font-style: italic;}
.brown {color: #842b00;}
.brownbold {color: #842b00; font-weight: bold;}
.medbrownib {color: #ab400c; font-weight: bold; font-style: italic;}
.green {color: #006633;}
.greenbold {color: #006633; font-weight: bold;}
.medgreenib {color: #437e5a; font-weight: bold; font-style: italic;}
.sage {color: #41706d;}
.sagebold {color: #41706d; font-weight: bold;}
.medsageib {color: #559181; font-weight: bold; font-style: italic;}
.lavender {color: #5E528d;}
.lavenderbold {color: #5E528d; font-weight: bold;}
.medlavenderib {color: #5E528d; font-weight: bold; font-style: italic;}
.redbold {color: #990000; font-weight: bold;}
.medredib {color: #660000; font-weight: bold; font-style: italic;}
.red {color: #990000;}
.gray {color: #959595;}
.bluegray {color: #495b76;}
.center {text-align: center;}
.bluecenter {color: #073f7f; text-align: center;}
.whiteonblue {color: #fff; background-color: #073f7f;}
.blueontan {color: #073f7f; background-color: #eee6ca; padding: 5px; margin: 0 0 0 10px;}
.whiteonsage {color: #fff; background-color: #41706d;}
.whiteonlavender {color: #fff; background-color: #5E528d;}
.whiteonteal {color: #fff; background-color: #006666;}
.whiteonbrown {color: #fff; background-color: #842b00;}
.whiteongreen {color: #fff; background-color: #006633;}
.whiteonred {color: #fff; background-color: #660000;}
.whiteonbluegray {color: #fff; background-color: #495b76;}

.greenontan {color: #006633; background-color: #eee6ca;}
.greenborder {border: solid 1px #006633;}
.sageontan {color: #41706d; background-color: #eee6ca;}
.sageborder {border: solid 1px #41706d;}
.bluegrayontan {color: #495b76; background-color: #eee6ca;}
.bluegrayborder {border: solid 1px #495b76;}
.lavenderontan {color: #5E528d; background-color: #eee6ca;}
.lavenderborder {border: solid 1px #5E528d;}
.tealontan {color: #006666; background-color: #eee6ca;}
.tealborder {border: solid 1px #006666;}
.brownontan {color: #842b00; background-color: #eee6ca;}
.brownborder {border: solid 1px #842b00;}
.redontan {color: #660000; background-color: #eee6ca;}
.redborder {border: solid 1px #660000;}

.deeperhead {width: 280px; padding: 6px; text-align: center; margin-left: 7px;}
.deeper {width: 278px; padding: 6px; font-size: 11px; text-align: left; margin-left: 7px;}
.blueborder {border: solid 1px #073f7f;}
.tan {color: #e0d2a0;}
.tanbg {background-color: #eee6ca;}
.jcntitle {padding: 0;}
.ce img {vertical-align: middle;}
.jcnsummary {font-weight: normal; padding: 0; margin: 0 0 0 10px;}
.author {margin-top: 20px;}
img.subscribe {float: left; padding-right: 10px;}
.subjectindex td {text-align: center; border: thin dotted #e0d2a0;}
#summarytocimg {float: right; width: 200px; padding-left: 20px;}
.buyissue {width: 300px; text-align: center; padding: 10px 0; margin: 0;} 
.coverphoto {width: 300px; padding: 0 0 0 7px; margin: 0;}
#floatimgrt {float: right; width: 200px; padding-left: 20px;}
.indexspace {line-height: 1.8;}
.accredit {width: 650px; padding: 3px 10px 10px 10px; font-size: 11px; text-align: left; margin: 10px;}

#ivheader {border: 0; padding: 0; color: #9cf; background-color: #4E6489; width: 100%; height: 20px;}
/* img.global is a class used in the ivheader div */
img.global {position: absolute; margin-left: 500px; border: 0; padding: 0;}

#jcntopbar {border: 0; padding: 0; background-image: url(../menus/images/dkjcnbg.jpg); width: 100%; height: 52px;}
#jcntopbar table {border: 0;}
#jcntopbar td {padding-right: 55px;}
#jcntopbar ul {margin: 0;}
#jcntopbar li {list-style-type: none; padding-right: 50px; margin-top: 20px;}
#jcntopbar img {display: inline;}
#jcntopbar a {color: #fc6; background-color: transparent; font-weight: bold; font-size: 12px; text-decoration: none;}
#jcntopbar a:hover {color: #ebd6d6; background-color: #000; text-decoration: underline;}

#jcnmission {background-color: #ffc; width: 100%; color: #000; text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #630;}
#jcnmission strong {color: #e0ad13; background-color: #ffc; font-weight: bold; font-size: 13px; text-decoration: none; padding: 5px 0 1px; margin: 0;}

#page {width: 900px;}
#page td {padding: 10px;}
#page ul {padding-right: 30px; margin: 20px;}
#page li {margin-top: 5px;}
#page li a {color: #a06800; text-decoration: none;}
#page li a:hover {color: #933; text-decoration: underline;}
#page table table {border-collapse: collapse;}
#page table table td {width: 30%; height: 25px;}

#page table table td a {color: #a06800; text-decoration: none; font-weight: bold;}
#page table table td a:hover {color: #933; text-decoration: underline; font-weight: bold;}
#page table table th {padding: 10px 0;}

#page #jcnleftbar {background-image: url(./menus/images/jcnleftbarbg.gif); background-repeat: repeat-y; margin: 0; padding: 0;}
#page #jcnleftbar ul {margin: 1px 5px 5px 8px; padding: 0; list-style-type: none; text-indent: -8px;}
#page #jcnleftbar li a {color: #000; background-color: #ffc; text-decoration: none; font-size : 11px; padding: 0 0 0 8px; line-height: 1.5;}
#page #jcnleftbar li a:hover {color: #630; background-color: #fff; text-decoration: underline;}

#page #content {width: 700px; padding: 0;}
#page #content p a {color: #cc9900; text-decoration: none; font-weight: bold;}
#page #content p a:visited {color: #cc9900; text-decoration: none;}
#page #content p a:hover {color: #933; text-decoration: underline;}
.articletitle {color: #cc9900; text-decoration: none; font-weight: bold;}
#page #content table td {width: 350px;}
#page #content p {margin: 10px 0 0 0;}

#page #content .deeperhead a {color: #cc9900; text-decoration: none; font-weight: bold;}
#page #content .deeperhead a:hover {color: #fff; text-decoration: underline;}

#page #banner {width: 700px; height: 80px; padding: 0; border-width: 1px; border-style: solid; border-color: #073f7f; color: #073f7f; background-color: #ffffff; text-align: center; }
#page #banner img {float: left; padding: 0 10px;}
#page #banner p a {color: #073f7f; text-decoration: none;}
#page #banner p a:visited {color: #073f7f; text-decoration: none;}
#page #banner p a:hover {color: #68488c; text-decoration: underline;}

#footer {width: 100%; border-top: 3px double #630; text-align: center;}
#footer p {color: #000; background-color: #fff; font-size: 10px;}
#footer a {color: #466182; background-color: #fff; font-size: 10px;}
#footer a:hover {color: #e0ad13; background-color: #fff; font-size: 10px;}
#footer img {border: 0;}