/* adapting code for wwh */
/* date last modified 22 June 2005 by Rikk Mulligan */

body {
	margin: 0;
	padding: 0;
	font-size: 74%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #efefe7;
	color: #333;
	line-height: 140%;
}

/* content base styles */
h1, h2, h3, h4, h5 {
	color: #333;
	font-weight: bold;
}

p, li, td, h5 {
	font-size: 1em;
}

h1 {font-size: 1.8em; margin: 0 0 1em 0;}
h2 {font-size: 1.6em; margin: 0 0 1em 0;}
/* h3 {font-size: 1.4em; margin: 1em 0 1em 0;} the styles are displaying too large - redacted for now */
h4 {font-size: 1.2em; margin: .67em 0 .67em 0;}
h5 {font-size: 1.0em; margin: .5em 0 .5em 0;}

em {color: #333;}

/* default link styles */
a, a:link {
	color: #B5424A;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #853F70;
	text-decoration: none;
}
	
a:hover, a:active {
	text-decoration: underline;
	color: #42639C;
}

sup a {
	line-height: 0; 
	text-decoration: none; 
	font-size: 100%;
	font-weight: bold; 
	color: #B5424A;
	background-color: #ccc;
	padding-top: .1em;
	padding-right: .3em;
	padding-bottom: .1em;
	padding-left: .3em;
}

sup a:visited { 
	color: #853F70; 
	background-color: #ccc;
}

sup a:hover { 
	color: #42639C; 
	background-color: #ccc;
}

/* end baseline content */
#wrapper {
	margin: 0 auto 0 auto;
	text-align: center; 
	width: 790px; 
}
#wrapperprint {
	margin: 0 0 0 25px;
	text-align: left; 
	width: 600px; 
}


/* header divs */
#header {
	width: 790px;
	height: 152px;
	margin-bottom: 1em;
	line-height: 100%; 
}

#logo { 
	float: left;
	margin: 8px 0;
	width: 87px;
}

#logo img, #logo a img {
	border: none;
}

#nav { 
	padding: 52px 0 0 0;
	margin: 0 0 0 91px;
	text-align: right;
	border: none;
}

#sectionnav {
	padding: 0; 
	margin: 0;
	text-align: right;
}

#topnav {
	padding: 4px 0;
	margin: 0;
}

#topnav ul {
	 margin: 0;
	 padding: 0;
	 border-top: 1px solid #333;
	 text-align: right;
}

#topnav li {
 	margin: 0;
	padding: 0;
	list-style-type: none;
 	display: inline;
	white-space: nowrap;
	font-size: 10px;
}

#topnav li a {
	text-decoration: none;
	padding: 4px 15px 4px 15px; 
	margin: 0 3px 0 0;
	color: #B5424A;
	font-weight: bold;
}

#topnav li a:link {
	color: #B5424A;
	text-decoration: none;
}

#topnav li a:visited {
	color: #853F70;
	text-decoration: none;
}

#topnav li a:hover, #topnav li a:active {
	color: #42639C;
	text-decoration: none;
}

#topnav li a.about {
	margin: 0;
	padding: 4px 7px 4px 18px;	
}

#topnav li a.reviews {
	margin-left: 0;
	padding: 4px 15px 4px 2px;	
}
#topnav li a.about:link, #topnav li a.reviews:link {
	color: #B5424A;
	text-decoration: none;
}

#topnav li a.about:visited, #topnav li a.reviews:visited {
	color: #853F70;
	text-decoration: none;
}

#topnav li a.about:hover, #topnav li a.about:active, #topnav li a.reviews:hover, #topnav li a.reviews:active {
	color: #42639C;
	text-decoration: none;
}

#pgtitle {
	float: right;
	margin: 0;
	padding: 0;
	width: 366px;
}
	
#pgtitle img {
	margin: 20px 224px 0px 0px;
	border: none;
}

#searchbox {
	float: right;
	margin-top: 22px;
	width: 176px;	
}
#searchShell {
	float: right; 
	width: 170px; 
	height: 100px; 
	margin-right: 20px;
}
/* for index page alone */
#searchShell #searchbox {
	margin-top: 8px;
}
#searchbox a img {
	border: none;
}
#searchbox #searchForm {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
/* serach block styles */
div#searchbox em {
	font-size: 0.865em;
	padding-bottom: 4px;
	display: block;
	float: left;
}
div#searchbox a img {
	border: none;
}
#search1, #search2 {
	width: 176px; 
	height: 22px; 
	text-align: right;
	border: 1px solid #e7e7e7;
}
#search3 img {
	margin-top: 2px;
}
#search1 span, #search2 span {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 6px 4px 6px;
}
#keyBox, #search1 input.text {
	padding: 0 2px 0 2px;
	margin: 0 2px 0 0;
	border: 1px solid #666;
	font-size: 11px;
	line-height: 14px;
}
input.sb {
	margin: 0;
}
/* #searchbox input.image {
	float: right;
	margin: 0;
} */
#chnmShell {
	float: left; 
	width: 168px; 
	height: 100px;
}
#indexCHNM {
	margin-left: 40px;
}
/* close header divs */
/* index page styles */
/* indexLeft is left side column */
#indexLeft {
	float: left; 
	width: 280px; 
	text-align: right; 
	clear: left;
	line-height: 120%;
}
#indexRight {
	float: right;
	width: 280px;
	text-align: left;
	clear: right;
	line-height: 120%;
}
#indexCenter {
	margin: 4px 290px 0 290px; 
}
#indexLeft a img, #indexRight a img, #indexCenter a img, #bottomLeft a img, #bottomRight a img {
	border: none;
}
/* left column divs */
#indexReviews {
	width: 190px; 
	float: right;
}
#indexSources {
	width: 190px; 
	float: right;
	margin-top: 40px;
}
/* index right column divs */
#indexModules {
	width: 190px;
	float: left;
}
#indexCasestudies {
	width: 190px;
	float: left;
	margin-top: 40px;
}
#indexReviews p, #indexSources p, #indexModules p, #indexCasestudies p, #indexEvidence p, #indexForum p, #indexAbout p {
	margin-top: 0;
}
#bottomLeft {
	float: left; 
	width:390px; 
	text-align: left;
	line-height: 120%;
}
#bottomRight {
	float: right; 
	width: 385px; 
	text-align: left;
	line-height: 120%;
}
#indexForum {
	float: right; 
	width: 170px; 
}
#indexAbout {
	float: left; width: 180px
}
#indexForum img, indexAbout img {
	margin: 0 auto 0 auto;
}
/* main body */

#maincontent {
	margin: 0 auto 0 auto;
	clear: both;
	text-align: left;
}

#leftcol, #sidebar {
	width: 240px;
	float:left;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#sidebar img {
	margin: 1.5em auto 1.5em auto;
	/* border: 1px solid #333; */
}
#RightMain {
	margin-left: 260px;
	padding: 0;
	text-align: left;
}
#LeftTwoCol {
	width: 380px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
#RightTwoCol {
	margin-left: 380px;
	padding: 0;
	border-left: 1px solid #333;
	text-align: left;
}
div.content {
	margin: .5em 0 .5em 0;
}
#ResultHeading {
	text-align: left;
}
.rightBorder {
	border-right: 1px solid #333;
}
.noBorder {
	border-left: none;
}
#LeftTwoCol div.content {
	margin: 0 1.5em 0 0;
	padding: 0;
}
#RightTwoCol div.content {
	margin: 0 1em 0 1.5em;
	padding: 0;
}
div.content h3, div#ResultHeading h3 {
	margin-top: 0;
	font-size: 1.15 em;
}
div#rightcontent div.content p, div#RightMain div.content p {
	line-height: 170%;
}
div.ResultSet {
	border-top: 1px solid #333; 
	text-align: left;
}
/* pagination for results */
form.ResultNav {
text-align: left;
margin: 1em;
padding: 0;
}
form.ResultNav input {
	background-color: #ccc;
	margin: 0;
	border: 1px solid #666;
	color: #993333;
	padding: 2px;
	font-size: .925em;
	font-weight: bold;
}
div.icon {
	float: left; 
	width: 80px; 
	margin-top: 1em
}
div.icon a img {
	border: none;
}
div.result {
	margin: 1em 0 1em 80px;
	text-align: left;
}
div.result a {
	font-weight: bold;
}
/* for section navigation or directory pages */
ul.linklist {
	margin: 0;
	padding: 0;
}
ul.linklist li {
	line-height: 2em;
	list-style-type:none;
	margin-bottom: .50em;
}
ul.linklist li a {
	display: block;
	padding-left: 30px;
	background-image:url(../Resources/gobtn1.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size: .9em;
}

#sidenav {
	margin: 6px 30px 6px 0;
	border: 1px solid #333;
	padding: 10px 10px 10px 10px; 
}

div.sideItems {
	text-align: center;
	border :1px solid #333;
	padding: 1em;
}
div.sideItems img, div.sideItems a img {
	border: 1px solid #333;
}

#sidenav p { 
	font-size: .925em;
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#sidenav ul, #sidenav ol {
 	font-size: 0.925em;
 	text-align: left;
	margin: 0 0 .675em 0;
 	padding: 0 0 0 1em;
 	color: #B5424A;
}

#sidenav ul {
	list-style-type:none;
}

#sidenav ul li {
	margin: 0;
	padding: 0;
}
#sidenav ol li {
	margin-left: 1em;
	padding-left: 0;
}

#sidenav h3  {
	font-size: 1em;
	text-align: left;
	color:#333333;
	margin: 0 0 .5em 0;
}
#sidenav h3 ul, #sidenav h3 ol {
	margin-top: .5em;
}
	
#sidenav a { 
	text-decoration: none;
	font-size: 1em; 
	font-weight: bold; 
	color: #B5424A; 
}
 
#sidenav a:visited { 
	color: #853F70; 
}
 
#sidenav a:hover {  
	color: #42639C; 
}

#sidenavmore {
	float:right;
	width:128px;
	margin: 0 0 10px 65px;
}

.sidenavnumbers {
	font-weight: bold;
}

#rightcontent {
	margin-left: 240px;
	padding: 0 0 0 20px;
}

#rightcontent a {
	text-decoration: none;
}

#contenttopleft p, #contenttopleft h5 { 
	text-align: left; 
	font-weight: bold; 
	margin: 0px;
	padding: 0;
}

#contenttopleft a {
	text-decoration:none;
	color: #B5424A;
}

#contenttopleft a:visited { 
	color: #853F70; 
}
 
#contenttopleft a:hover {  
	color: #42639C; 
} 

#contentmain {
	padding: 0px;
}

#contentmain  p {
	text-align: left; 
	line-height: 2em;
	margin: 0px 0px 10px 0px;
}
/* images within content areas; primarily annotations */
img.floatRight {
	float: right;
	margin: 8px 0 8px 8px;
	border: 1px solid #333;
	padding: 2px;
}
img.floatLeft {
	float: right;
	margin: 8px 8px 8px 0px;
	border: 1px solid #333;
	padding: 2px;
}
/* classes to control images in contentmain */

#contentmain img {
	padding: 8px;
	border: 1px solid #333;
	float: right;
	margin: 8px 0px 8px 8px;
}

#contentmain img.imageright {
	padding: 8px;
	border: 1px solid #333;
	float: right;
	margin: 8px 0px 8px 8px;
}

#contentmain img.imageleft {
	padding: 8px;
	border: 1px solid #333;
	float: left;
	margin: 8px 8px 8px 0px;
}


/* end classes to control images in contentmain */

#contentmain blockquote {
	line-height: 150%;
	margin: 0px 40px 10px 40px;
}

#contentmain p.intro {
	line-height:100%;
} 

#contentmain h5 {
	text-align: left;
}

/* ul class for essay.php where the unordered list and the floating image collide */

ul.rightlist {
	margin-left: 150px;
}

/* special class to center pic in essay.php */

img.imagecenter {
	margin: 8px;
	padding: 8px;
	border: 1px solid #333; 
}

/* entire div inside the rightmain */
#contentlesson, .contentlesson {
	padding: 0px 2em 0px 0px;
	text-align: left;
}

#contentlesson p, .contentcell  p {
	text-align: left; 
	margin: 0px 0px .67em 0px;
}

#contentlesson img {
	text-align: center;
	padding: .5em;
}

#contentlesson .essay {
	text-align: left;
	line-height: 2em;
	margin-bottom: 1em;
}
	
#contentlesson .bibliography {
	line-height: 1.25em;
}

#contentlesson .annotation {
	line-height: 2em;
	margin: 10px 15px 10px 15px;
}

blockquote.an {
	line-height: 1.5em;
	margin: .5em 1.5em 2em 1.5em;
	padding: 0;
	display: block;
}

#primarysourcecontent {
	padding: 0px 2em 0px 0px;
	text-align: center;
}

#primarysourcecontent p {
	line-height: 2em;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

#primarysourcecontent p.caption {
	text-align: left;
	line-height: 1.25em;
	margin: .5em 4em 1em 4em;
	padding: .5em;
}

#primarysourcecontent img {
	text-align: center;
	margin: 1em;
	padding: .5em;
	border: 1px solid #333;
}

#source {
	margin: 0;
	padding: 0 2em 0 2em;
	text-align: left;
}

#source a {
	text-decoration: none;
}

#source p {
	text-align: left;
	margin: 1em 0 .67em 0;
}

#source img {
	text-align: center;
	margin: .5em;
}

#source .essay {
	text-align: left;
	line-height: 2em;
	margin-bottom: 1em;
}

#source h5 {
	font-weight: bold;
	margin: 0 0 1em 0;
}

p.printlink {
	margin-bottom: .5em;
	text-align:left;
}

p.printlink a img {
	text-decoration: none;
	border: none;
	margin-right: 1em;
}
	
/* inside tables cells for side-by-side translation, etc. */
.contentcell {
	padding: 0px 0px 0px 0px;
}

td.contentcell, td.contentcell p {
	white-space: nowrap;
	font-size: 1em;
	margin-right: 0;
}

p.intro {
	line-height:125%;
}
/* for footnotes
currently, these are structures as default <p> with an <a> and the 'footnote' link as a.bodylink with text of the footnote in span.fntxt
unfortunately, spans are not block level, and so cannot do much with margins or padding */
/* when possible, a specific class for the p should be added */

p.fn {
	margin: 0 1em 1em 1em;
	padding-left: 1em;
}
p.fn sup {
	margin-right: 10px;
}
.fntxt, p.fntxt {
	font-size:.925em;
	line-height: 1.15em;
	margin: 0;
	text-align: left;
}

#contentnav {
	margin: 0 0 15px 0;
	line-height: 150%;
	font-weight: bold;
	color: #B5424A;
	font-size: 1em;
	clear: both;
}

#contentnav ul {
 	margin: 0px;
	padding: .5em 0px;
}

#contentnav ul li.left {
	float: left;
	margin: 0;
	padding: 0;
}
	
#contentnav ul li.right {
	float: right;
	margin: 0;
	padding: 0;
}

#contentnav li {
 	list-style-type: none;
 	display: inline;
}

#contentnav li a {
	display:block;
	text-decoration: none;
	color: #B5424A;
	padding: 0;
	width: 3em;
}

#contentnav li a:visited {
	color: #853F70;
}

#contentnav li a:hover {
	color: #42639C; 
}
div.rule {
	margin: 1em 0 1em 0;
	line-height: 2px;
	border-top: 1px solid #333;
	
}

/* style for pop-up pages */

#popup {
	margin: 5px;
	padding: 5px;
	border: 1px solid #B5424A;
	background-color: #efefe7;
}

#popup p, #popup ol, #popup li, #popup h2, #popup h3, #popup h5 {
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
}

#popup img {
	text-align: center;
}

/* footer styles */
#footer {
	margin: 2px 0;
	padding: 0;
	border-top: 1px solid #333;
	text-align: center;
	clear: both;
}
	
#footernav {
	margin: 0;
}

#footernav ul {
	 text-align: center; 
	 margin: 2px auto 2px auto;
	 padding: 0;
	 white-space: nowrap;
}

#footernav li {
 	list-style-type: none;
 	display: inline;
}

#footernav li a {
	font-size: .9em; 
	text-decoration: none;
	padding: .3em;
	color: #B5424A;
	font-weight: bold;
}

#footernav li a:link {
	color: #B5424A;
	text-decoration: none;
}

#footernav li a:visited {
	color: #853F70;
	text-decoration: none;
}

#footernav li a:hover {
	color: #42639C;
	text-decoration: none;
}

#footertext {
	margin: 0;
	font-size: .925em;
	line-height: 110%;
}

#footertext p {
	text-align: center;
	margin: 10px 80px 10px 80px;
}
	
/* end footer styles */

.contentmainleft p {
	line-height: 16px;
	margin-top: 0px;
}

.contentmainright p {
	line-height: 16px;
	text-align: right;
	margin-top: 0px;
}

#contentmain ul li {
	text-align: left;
	list-style-type: circle;
	line-height: 120%;
	margin-bottom: 6px;
	padding-right: 40px;
}

#contentmain ol {
	text-align: left;
	margin: 0;
	padding-left:20px;
}

#contentmain li {
	text-align: left;
	line-height: 130%;
	margin-bottom: 1em;
}

#contentmain h3 {
	font-size: 1em;
	text-align: left;
	margin-bottom: 10px;
}

#contentmain a {
	text-decoration: none;
	font-weight: bold; 
	color: #B5424A;
}

#contentmain a:visited {
	color: #853F70;  
}

#contentmain a:hover {
	color: #42639C;
}

div.hr {
	line-height: 10px;
	font-size: 10px;
	margin: 1em 0 1em 0;
	border-bottom: 2px solid #666;
}

#contentslow img {
	padding: 0px 0px 0px 0px;
	border: solid #333 1px;
	margin: 0px 0px 0px 0px;
}

#contentslow p {
	line-height: 200%;
	margin: 0px;
}

#contentslow a {
	text-decoration: none;
	font-weight: bold; 
	color: #B5424A;
}

.search  p {  
	text-align:left;
	padding-right: 10px;
	padding-top:10px;
	margin: 0px 0px 10px 0px;
}

.search h3  {
	font-size: 1em;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	margin: 0px 0px 10px 0px;  
}

.search a {
	color: #B5424A;
	font-weight: bold;
	text-decoration: none;
}

.search a:visited {
	color: #853F70;  
}

.search a:hover {
	color: #42639C;
}
 
.search {
	border-top: 1px solid #333;
	padding-left:10px;
}
div#resultNav {
	display: block;
}
div.resultSet {
	display: block;
	padding: 4px 0;
	border-top: 1px solid #333;
}

.searchicon {
	border-top: 1px solid #333;
	padding-top:10px;
}
a.iconlink {
	margin: 2px 0;
	padding: 0;
	float: left;
	border: none;
}
a.iconlink img {
	border: none;
}
div.searchresult {
	margin: 0 40px 0 60px;	
	line-height: 120%;
	text-align:left;
}
div.searchresult a {
	font-weight: bold;
}
/* styles for analyzing pages */
h3.anTitle {
	margin-top: 1em;
	margin-right: 174px;
	font-size: 1.15em;
}
/* author images */
img.inset {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #333;
}
div.transcript {
	width: 190px;
	height: 20px;
	float: right;
	border: 1px solid #000;
	padding: 2px;
	margin: 0;
	text-align: right;
}
div.transcript em {
	font-size: 0.865em;
	padding-bottom: 4px;
	display: block;
	float: left;
}
div.transcript a img {
	border: none;
}
div.transcript span {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #42639c;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 4px;
	display: block;
	float: left;
}
div.center {
	text-align: center;
}
div.center img {	
	margin: auto;
}
div.center a img {
	border: 1px solid #333;
}
/* for search page style shift from table layout */
div.searchTitle {
	display: block;
	clear: both;
	margin: 4px 0 4px 0;
	padding: 2px 2px 2px 6px;
	background-color: #ccc;
	font-weight: bold;
	text-align: left;
}
div.inputSet {
	display: block;
	clear: both;
	margin: 0;
	padding: 2px 2px 2px 6px;
}
div.inputSet image  {
	margin: 4px 8px 2px 8px;
}
div.searchBlock {
	display: block;
	clear: both;
	margin: 0;
	padding: 2px 2px 2px 6px; 
}
div.searchBlock div {
	display: block;
	width: 770px;
	float: left;
	height: 18px;
	margin: 0 0 4px 0;
	padding: 2px;
}
div.searchBlock div.sa {
	width: 146px;
}
div.searchBlock div.sb {
	width: 166px;
}
div.searchBlock div.sc {
	width: 156px;
}
div.searchBlock div.sd {
	width: 136px;
}
div.searchBlock div.se {
	width: 146px;
}
/* bottom divs */

#bottomnav p {
	font-size: .843em;  
	text-align: center;
	border-top: 1px solid #333;
	padding-top: 5px;
	margin:0;
}
 
#bottomnav a { 
	text-decoration: none; 
	font-weight: bold; 
	color: #B5424A;
}
 
#bottomnav a:visited { 
	color: #853F70; 
}
 
#bottomnav a:hover { 
	color: #42639C; 
}

#search {
	font-size: .843em; 
	text-align: right; 
	margin-top: 0px; 
	margin-bottom: 0.1px;
}

#advsearch {
	font-size: .843em; 
	text-align: right; 
	margin-top: 0px; 
	margin-bottom: 0.1px;
}

.sourceintro {
	font-size: .95em;
	line-height:1.5em;
}

.sourcesubhead {
	border-top:1px solid #333;
	padding-top:1em;
}

#sourceruletop {
	border-top: 1px solid #333;
	padding-bottom: 1em;
}

#sourcerulebottom {
	border-top:1px solid #333;
	padding-bottom:1em;
}

#passagerule {
	text-align:center;
	width:100px;
	padding-bottom:1em;
	margin:auto;
}