body { background-color: #FFFFFF; margin: 0px; padding: 0px; } /* SITEWIDE */ #wrapper {width: 1005px; margin-left: auto; margin-right: auto;} #logobar {height: 76px; background: url(/images/sitewide/logo.gif) no-repeat; position: relative;} #logobar #logo {position: absolute; left: 189px;} #nav {background: #ae6712; height: 33px; padding: 0 0 0 50px; margin: 0;} #nav .contact {width: 123px;} #clear, .clear {clear: both;} form {padding: 0; margin: 0;} input, textarea {font-size: 12px; color: #333333; margin-right: 7px; background: #F0EFE9; border: solid 1px #888888;} a {color: #3e577a;} a:link, a:visited {text-decoration: none;} a:active, a:hover {text-decoration: underline;} img {border: none;} .orangebold {color: #ba7c15; font-size: 15px;} .orangeboldsmall {color: #ba7c15; font-size: 13px;} .grayboldmedium {font-weight: bold; font-size: 13px;} .notbold {font-weight: normal;} #footer {border-top: solid 5px #888888; background: #59677c; color: #FFFFFF; height: 32px; font-size: 13px; line-height: 20px; position: relative; width: auto; clear: both; width: 1005px; margin-left: auto; margin-right: auto;} #footer #jhu {background: #3e577a; border-right: solid 5px #888888; float: left; height: 32px;} #footer #copyright {position: absolute; left: 416px; top: 6px; height: 32px; color: #FFFFFF;} #footer #social_media {float:right; padding: 5px 20px; color: #59677C;} #footer a {color: #FFFFFF;} #footer a:link, #footer a:visited {text-decoration: none;} #footer a:active, #footer a:hover {text-decoration: underline;} li.pdf {list-style-image:url(/images/inner/icon_pdf.gif);} /* HOMEPAGE */ #homebanner {height: 54px; background: url(/images/home/banner_home.jpg) no-repeat;} #homewrapper {background: url(/images/home/bg_homewrapper.gif) repeat-y; padding: 0 112px; clear: both;} #homecontent {margin: 0 8px;} #homecontent #mission {background: url(/images/sitewide/bg_content.jpg) no-repeat; height: 149px; position: relative;} #homecontent #mission #missionstatement {left: 155px; top: 20px; color: #3b3831; font-size: 12px; line-height: 21px; width: 540px; position: absolute;} h1.homepage {font-size: 28px; font-weight: normal; line-height: 32px; margin: 0 0 5px 0; padding: 0;} #homecontent #homegrid {margin: 8px 18px 0px 26px;} #homecontent #homegrid #booksgrid {background: #e0e7ef; border-right: solid 8px #FFFFFF; border-bottom: solid 8px #FFFFFF; text-align: center; padding-bottom: 5px; height: 182px;} #homecontent #homegrid #journalsgrid {background: #e0e7ef; border-right: solid 8px #FFFFFF; border-bottom: solid 8px #FFFFFF; text-align: center; padding-bottom: 5px; height: 182px;} #homecontent #homegrid #musegrid {background: #e0e7ef; border-right: solid 8px #FFFFFF; border-bottom: solid 8px #FFFFFF; text-align: center; padding-bottom: 5px; height: 182px;} #homecontent #homegrid #hfsgrid {background: #e0e7ef; border-right: solid 8px #FFFFFF; border-bottom: solid 8px #FFFFFF; text-align: center; padding-bottom: 5px; height: 182px;} #homecontent #homegrid #onlinereferencegrid {background: #e0e7ef; border-right: solid 8px #FFFFFF; border-bottom: solid 8px #FFFFFF; text-align: center; padding-bottom: 5px; height: 182px;} #homecontent #homegrid #friendsgrid {background: #e0e7ef; border-right: solid 8px #FFFFFF; border-bottom: solid 8px #FFFFFF; text-align: center; padding-bottom: 5px; height: 182px;} #homegrid #informationgrid {background:#E0E7EF; height: 20px; text-align: center;padding-bottom:5px;border-right:8px solid #FFFFFF;} a.link { display:block; width:100%; height:100%;} a.link:hover {background-color:#888888; color:#ccc;} .center {text-align:center} #homecontent .gridtitle {padding-bottom: 9px;} #homecontent .gridtitlemuse {padding-bottom: 17px;} #homewrapper a {color: #ae6712;} #homewrapper a:link, #homewrapper a:visited {text-decoration: none;} #homewrapper a:active, #homewrapper a:hover {text-decoration: underline;} /* INNER PAGES */ #journalbanner {height: 54px; background: url(/images/inner/banner_journals.jpg) no-repeat;} #aboutbanner {height: 54px; background: url(/images/inner/banner_about.jpg) no-repeat;} #contactbanner {height: 54px; background: url(/images/inner/banner_contact.jpg) no-repeat;} #hfsbanner {height: 54px; background: url(/images/inner/banner_hfs.jpg) no-repeat;} #booksbanner {height: 54px; background: url(/images/inner/banner_books.jpg) no-repeat;} #friendsbanner {height: 54px; background: url(/images/inner/banner_friends.jpg) no-repeat;} #newsbanner {height: 54px; background: url(/images/inner/banner_news.jpg) no-repeat;} #referencesbanner {height: 54px; background: url(/images/inner/banner_references.jpg) no-repeat;} .seperator {font-size: 16px; color: #000000; font-weight: bold;} #innerwrapper {background: url(/images/inner/bg_innerwrapper.gif) repeat-y; padding: 0 51px 24px 0; clear: both;} #innerwrapper #leftcolumn {margin: 34px 19px 10px 19px; float: left;} #innerwrapper #rightcolumn {float: left; margin-left: 7px;} #innerwrapper #rightcolumn #innercontent {clear: both; margin-left: 28px; margin-top: 48px;} .backtotop a { border-top: 1px #a4b4c2 dashed; border-bottom: 1px #a4b4c2 dashed; padding: .213em 1.500em; margin: .625em 0; color: #4B4B4B; font-size: 11px; text-align: right; display: block; background-color: #ffffff;} .backtotop a:hover {background-color: #f6f8fa;} .readmore a { border-top: 1px #BA7C15 solid; border-bottom: 1px #BA7C15 solid; padding: .213em 0em; margin: .625em 0; color: #4B4B4B; font-size: 11px; display: block; background-color: #ffffff;} .readmore a:hover {background-color: #f6f8fa;} /* INNER PAGES, GRAY BAR */ #innerwrapper #graybar {background: #888888; width: 731px; height: 33px;} #innerwrapper #graybar #graybartitle {color: #FFFFFF; font-size: 19px; padding-left: 33px; float: left; padding-top: 7px;} #innerwrapper #graybar #cartbuttons {float: right;} .cartbuttonsimg {padding: 5px 4px 5px 0px;} /* INNER CONTENT PAGES */ #innerwrapper #rightcolumn #innercontent #textwell {width: 590px; line-height: 18px;} .largebluetitle {color: #6c7b8e; font-size: 28px; line-height: 35px;} h1 {color: #6c7b8e; font-size: 28px; line-height: 30px; font-weight: normal;} .mediumgray {color: #9b9b9b; font-size: 16px;} .blueitalic {font-style: italic; color: #6c7b8e;} #innerwrapper #rightcolumn #innercontent #textwell .border {border: solid 1px #9a9a9a;} #innerwrapper #rightcolumn #innercontent #textwell .leftpadding {margin: 0 13px 13px 0px;} /* THIS SHOULD BE AN OPTION FOR ALIGNING THE PLACED IMAGE TO THE LEFT*/ #innerwrapper #rightcolumn #innercontent #textwell .rightpadding {margin: 5px 0px 13px 13px;} /* THIS SHOULD BE AN OPTION FOR ALIGNING THE PLACED IMAGE TO THE RIGHT*/ #innerwrapper #rightcolumn #innercontent #textwell #callout {width: 250px; float: right; margin: 0 0 13px 21px; color: #bf7a15; font-size: 16px; line-height: 24px;} #innerwrapper #rightcolumn #innercontent #textwell #callout .attribute {font-style: italic; font-size: 14px;} /* CALLOUTS SHOULD ONLY APPEAR IN THE RIGHT OF THE TEXT WELL */ .newstyle {width: 250px; color: #bf7a15; font-size: 16px; line-height: 24px;} #innerwrapper #rightcolumn #innercontent #textwell #calloutlink a{color: #bf7a15;} /* JUMP NAV */ #jumpnav {border-top: solid 1px #bd7918; border-bottom: solid 1px #bd7918; padding: 5px 0px; color: #6b7a8d;} #sub_jumpnav {border-top: solid 1px #bd7918; border-bottom: solid 1px #bd7918; padding: 5px 0px; color: #6b7a8d;} #newslist {padding-top: 19px;} #newslist #date {float: left; width: 132px; color: #ba7c15; font-size: 17px; padding-right: 5px;} #newslist #description {float: left; width: 450px; padding-top: 4px;} #newslist .date {float: left; width: 132px; color: #ba7c15; font-size: 17px; padding-right: 5px;} #newslist .description {float: left; width: 450px; padding-top: 4px;} #newslist .descriptioncover {float: left; width: 132px; padding-top: 4px;} #newslist .descriptionpodcast {float: left; width: 450px; padding-top: 4px;} #newslist .descriptioncover img {border:solid 2px #adb7c3;} .headingorange {padding: 0; text-indent: 0px; color:#bd7918; } #orange_news {float: left; text-align:center; width: 142px; font-size: 17px; padding-right: 5px;} #orange_news a {color: #ba7c15;} /* PRESS RELEASES */ #newslist .post { padding: 2em 0 2em 0; } #newslist .post .date {float: left; width: 132px; color: #ba7c15; font-size: 17px; padding-right: 5px;} #newslist .post .title {width: 450px; margin: 0 0 0 135px; padding: 0; text-indent: 0px;} #newslist .post .description {width: 450px; margin: 0 0 0 135px; padding: 0;} #newslist .post .titleorange {width: 450px; margin: 0 0 0 135px; padding: 0; text-indent: 0px; color:#bd7918; } /* FORMS */ .formtable {} .formtable td {padding: 3px 3px 3px 9px;} .formtable .leftcolumn {text-align: right;} /* GALLERY THUMBNAILS */ #gallerythumbs {padding-bottom: 10px;} #gallerythumbsport {padding-bottom: 10px; text-align: center;} #gallerythumbsport img {border: solid 3px #979893; margin-right: 10px; margin-left: 25px; text-align: center;} #gallerythumbslast {text-align: center; padding-bottom: 10px;} #gallerythumbslast img {border: solid 1px #979893; margin-right: 10px;} #gallerythumbsland {padding-bottom: 10px; text-align: center;} #gallerythumbsland img {border: solid 3px #979893; margin-right: 2px; margin-left: 2px; text-align: center;} #gallerythumbs img {border: solid 1px #979893; margin-right: 10px;} #slideshowimg {width: 200px; float: right; text-align: right;} /* BOOKS/JOURNALS LANDING PAGES */ #innerwrapper #rightcolumn #innercontent #bookslanding {float: left; width: 631px;} #innerwrapper #rightcolumn #innercontent #bookslanding #orangetitlebar {background: #bb7a12; padding: 15px 22px; font-size: 28px; font-weight: normal; color: #FFFFFF; width: 587px; margin-bottom: 12px;} #innerwrapper #rightcolumn #innercontent #bookslanding .bookimages {} #innerwrapper #rightcolumn #innercontent #bookslanding .bookimages td {border-right: solid 7px #FFFFFF; background: #d0c3b3; text-align: center; border-bottom: solid 7px #FFFFFF; padding: 12px 3px;} #innerwrapper #rightcolumn #innercontent #bookslanding .bookimages td.rightcol {border-right: none; background: #d0c3b3; text-align: center;} /* JOURNALS/BOOKS SPECIFIC PAGES */ #innerwrapper #rightcolumn #innercontent #journalsleftcolumn {float: left; margin-right: 28px;} #innerwrapper #rightcolumn #innercontent #journalsrightcolumn {float: left; border-left: solid 1px #888888; padding-left: 28px; width: 400px;} .journalborder {border-left: solid 1px #3e577a; border-top: solid 1px #3e577a; border-bottom: solid 2px #3e577a; border-right: solid 2px #3e577a;} #journalspecs {width: 136px; font-size: 12px; line-height: 16px; color: #666666;} #journalsrightcolumn h2 {font-size: 30px; color: #59677c; line-height: 36px; padding: 0; margin: 0; font-weight: normal;} #journalsrightcolumn .relatedbooks, .relatedbooks {text-transform: uppercase; font-size: 14px; color: #2c2c2c;} #journalsrightcolumn p, li, div {font-size: 12px; line-height: 20px; color: #4b4b4b;} #journalsrightcolumn hr {border: 0; width: 100%; color: #888888; background: #888888; height: 1px; margin: 22px 0px;} #journalsrightcolumn ul {padding: 0 0 0 17px; margin: 0;} #journalsrightcolumn .relatedpadding {padding-left: 11px;} #journalsrightcolumn #relatedlinks {} #journalsrightcolumn #relatedlinks #relatedleft {float: left; width: 160px; margin-right: 25px;} #journalsrightcolumn #relatedlinks #relatedright {float: left; width: 160px;} .arrowblue {padding-left: 7px;} #journalsrightcolumn ul.relatedlinks, ul.relatedlinks {padding: 0px; margin: 0; list-style-type: none; } #innerwrapper #rightcolumn #innercontent #textwell ul.no_bullet { list-style-type: none;} /* INNER PAGES, LEFT NAVIGATION */ #innerwrapper .imgtitle {padding-bottom: 25px; padding-top: 15px;} #leftnav {width: 178px;} #leftnav ul {list-style-type: none; padding: 0; margin: 0;} #leftnav ul.lvl2 {list-style-type: none; padding: 5px 0 0 15px; margin: 0;} #leftnav li {background-image: url(/images/inner/bullet_blue.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; font-size: 14px; padding-bottom: 8px;} #leftnav li.selected {background-image: url(/images/inner/bullet_white.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; font-size: 14px; padding-bottom: 8px;} #leftnav li:hover {background-image: url(/images/inner/bullet_white.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; font-size: 14px; padding-bottom: 8px;} #leftnav ul.lvl2 li {background-image: url(/images/inner/circle_blue.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 13px; font-size: 13px; padding-bottom: 8px;} #leftnav ul.lvl2 li.selected {background-image: url(/images/inner/circle_white.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 13px; font-size: 13px; padding-bottom: 8px;} #leftnav ul.lvl2 li:hover {background-image: url(/images/inner/circle_white.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 13px; font-size: 13px; padding-bottom: 8px;} #leftnav a {text-decoration: none;} #leftnav a:link, #leftnav a:visited {color: #3e577a;} #leftnav a:active, #leftnav a:hover {color: #FFFFFF;} #leftnav a:link.selected, #leftnav a:visited.selected {color: #FFFFFF;} #leftnav a:active.selected, #leftnav a:hover.selected {color: #FFFFFF;} /*Tables */ .basictable {} /* TEXT ALIGNS IN THE CENTER BY DEFAULT. YOU MUST USE .LEFTALIGN CLASS FOR ANY LEFT JUSTIFICATION */ .basictable td {padding: 3px 7px; border-right: solid 1px #95a1b0; border-bottom: solid 1px #95a1b0; text-align: center;} .basictable th {color: #4b4b4b; padding: 3px 7px; border-right: solid 1px #95a1b0; border-top: solid 1px #95a1b0; border-bottom: solid 1px #95a1b0; text-align: center;} .basictable .blank_cell {border: solid 1px #95a1b0; } .basictable .left_head {color: #4b4b4b; padding: 3px 7px; border-left: solid 1px #95a1b0; font-weight: bold; } .basictable .row1 {background: #bac4ce; color: #4b4b4b; font-weight: bold; font-size: 13px; border-right: none;} .basictable .altrow {background: #eef2f6;} .basictable .rightcol {border-right: none;} .basictable .leftalign {text-align: left;} .basictable .rightalign {text-align: right;} .basictable .grayrow {border-right: none; background: #d5d5d5;} .basictable input, textarea, .loginbox input, textarea, .loginbox-signup input, textarea {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #333333; margin-right: 7px; background: #FFFFFF; border: solid 1px #888888;} /*2 column lists */ ul.list2c { float: left; width: 48em; margin: 0; padding: 0; list-style: none; } .list2c li { float: left; width: 24em; margin: 0; padding: 0 0 3em; 0; } /*ratecard*/ .ratetable {margin: 10px 7px;} /* TEXT ALIGNS IN THE CENTER BY DEFAULT. YOU MUST USE .LEFTALIGN CLASS FOR ANY LEFT JUSTIFICATION */ .ratetable td {padding: 3px 7px; border-right: solid 1px #95a1b0; border-bottom: solid 1px #95a1b0; text-align: center;} .ratetable th {color: #4b4b4b; padding: 3px 7px; border-right: solid 1px #95a1b0; border-top: solid 1px #95a1b0; border-bottom: solid 1px #95a1b0; text-align: center;} .ratetable .blank_cell {border: solid 1px #95a1b0; } .ratetable .left_head {color: #4b4b4b; padding: 3px 7px; border-left: solid 1px #95a1b0; font-weight: bold; } .ratetable .row1 {background: #bac4ce; color: #4b4b4b; font-weight: bold; font-size: 13px; border-right: none;} .ratetable .altrow {background: #eef2f6;} .ratetable .rightcol {border-right: none;} .ratetable .leftalign {text-align: left;} .ratetable .rightalign {text-align: right;} .ratetable .grayrow {border-right: none; background: #d5d5d5;} .ratetable .bold {font-weight: bold;} /* CARTS */ #innerwrapper #rightcolumn #innercontentcarts {clear: both; margin-left: 28px; margin-top: 48px;} /* THIS DIV IS FOR CART PAGES WITH BREADCRUMB */ #innerwrapper #rightcolumn #innercontentcarts #textwellcarts {width: 660px; line-height: 18px;} /* THIS CONTENT WELL IS WIDER TO ACCOMODATE CART TABLES */ .graysubtitle {font-size: 20px; line-height: 35px;} .carttable {} /* TEXT ALIGNS IN THE CENTER BY DEFAULT. YOU MUST USE .LEFTALIGN CLASS FOR ANY LEFT JUSTIFICATION */ .carttable td {padding: 3px 7px; border-right: solid 1px #95a1b0; border-bottom: solid 1px #95a1b0; text-align: center;} .carttable th {padding: 3px 7px; border-right: solid 1px #95a1b0; border-bottom: solid 1px #95a1b0; text-align: center; } .carttable .row1 {background: #bac4ce; color: #4b4b4b; font-weight: bold; font-size: 13px; border-right: none;} .carttable .nobottom {border-bottom: none;} .nobottom td{border-bottom: none;} .carttable .altrow {background: #eef2f6;} .carttable .rightcol {border-right: none;} .carttable .leftalign {text-align: left;} .carttable .rightalign {text-align: right;} .carttable .grayrow {border-right: none; background: #d5d5d5;} .carttable input, textarea, .loginbox input, textarea, .loginbox-signup input, textarea {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #333333; margin-right: 7px; background: #FFFFFF; border: solid 1px #888888;} .carttable .submitbutton{ border:none; padding:0; margin:0; font-size: 12px; text-decoration:underline; color:#3E577A; background-color:transparent; cursor:pointer; } .carttable .submitbuttonitalic{ border:none; padding:0; margin:0; font-style: italic; font-size: 12px; text-decoration:underline; color:#3E577A; background-color:transparent; cursor:pointer; } #breadcrumb {color: #9a9a9c;} #breadcrumb {color: #9a9a9c;} .availbility {font-size: 11px;} span.product_title_tag {font-size: 18px;} .left{float: left; margin: 0 20px 50px 0;} .single_image{float: left; margin: 0 30px 10px 0px; clear: left;} .multi_image1{float: left; margin: 0 5px 10px 0px;} .multi_image2{float: left; margin: 0 30px 10px 0px;} .promotion { text-align: center; font-weight: bold;} clear_left{clear: left;} .orange{ background:#bd7918 none repeat scroll top right; border-top: solid 1px #bd7918; width: 80%;} .orange2{ background:#bd7918 none repeat scroll top right; border-top: solid 1px #bd7918; width: 55%;} .orange_line{ background:#bd7918 none repeat scroll top right; border-top: solid 1px #bd7918;} .journal_left{float: left; margin: 0 20px 20px 0; border-left: solid 1px #3e577a; border-top: solid 1px #3e577a; border-bottom: solid 2px #3e577a; border-right: solid 2px #3e577a; } .loginbox {border-top: solid 1px #adb7c3; border-bottom: solid 1px #adb7c3; background: #e6ecf3;} .loginbox-signup {background: #eef2f6; border-left: solid 1px #adb7c3;} .loginbox td {padding: 10px;} .orderj-bookname {padding-right: 30px; border-right: solid 1px #bac4ce;} .orderj-booklinks {padding-left: 30px;} .txtundertable-left {float: left; width: 400px;} .buttonundertable-right {float: right; padding: 20px 0px;} /* NO NAV PAGE */ #innerwrapper-nonav {background: url(/images/inner/bg_nonav.gif) repeat-y; padding: 34px 51px 24px 44px; clear: both;} #innerwrapper-nonav #rightcolumn #innercontent {clear: both; margin-left: 28px; width: 675px;} #innerwrapper-nonav #rightcolumn #innercontent .descriptioncell {padding-right: 80px;} hr {background: #bac4ce; border: #bac4ce; height: 1px; width: 100%; margin: 10px 0px;} .feeds_list ul {list-style-type: none; padding: 0; margin: 0;} .feeds_list li {background-image: url(/images/inner/icon_rss.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 25px; padding-bottom: 8px;} .image_right{float: right;} .dateline_right{float: right; clear:all;} .right{float: right; width: 275px; } .left{float:left; width: 275px;} /* LINK IN TITLE */ a:link.large, a:visited.large {font-size: 13px; font-weight: normal;} /* PRINT STYLES */ #printheader {display: none;}