@charset "utf-8";

/* CSS Document */

div.method {

	margin: 0 0 20px 0;

}

div.mwidth {

	width:200px;

}

div.leading {

	float:left; margin: 0 20px 20px 0;

}

div.leading ol, div.method ol{

	padding-left: 0px;

	list-style-type: none;

	margin: 0 0 0 0;

}

div.leading ol li, div.method ol li{

	margin: 0 0 0 0;

}



#peal {

	display: table;

	margin: 0.89em 0 0 0;

	clear:both;

}

div#peal div { /*column*/

	display: table-row;

	padding-bottom:0.89em;

}

div#peal div div {

	display: table-cell;

	vertical-align: top;

	padding-right:0.89em;

	width: 33%;

}

div#peal div div:last-child {

	padding-right:0;

}

#peal div div p {

	margin: 0;

}

#peal div div ol, #peal div div li {

	margin:0;

	padding:0;

}

/*creates an ordered list without a period after the numbers*/



#peal div div ol, #pealsingle ol {

	list-style-type: none;

}

#peal div div ol li span, #pealsingle ol li span{

	display:block; padding-left:2em; clear:both;

}

#peal div div ol > li, #pealsingle ol > li {

	counter-increment: customlistcounter;

}

#peal div div ol > li:before, #pealsingle ol > li:before{

	content: counter(customlistcounter) " ";

	font-weight: normal;

	float: left;

	width: 2em;

}

#peal div div ol:first-child, #pealsingle ol:first-child {

	counter-reset: customlistcounter;

}

#peal div div ol, #pealsingle ol {

 *list-style-type: decimal; /* targets IE6 and IE7 only */

}

#peal div div .handbells li::before, #pealsingle .handbells li::before {

    content:" " !important;

}

.handbells {

	list-style-type: none;

}

.handbells li span {

	width: 3.375em;

	float: left;

  left: 0;

  position: relative;

}

/*Single peal display*/



#pealsingle {

	font-size:150%;

}



#pealsingle ol, #pealsingle li {

	margin: 0;

  padding: 0em;

	line-height: 1.3;

}

#pealsingle ol {

	margin-bottom: 1em;

	float: left;

}

/*END Peals listing styles using Numbered lists*/

figure.pealbook {

  margin: 0 0 10px 0;

}

div#pealsingle .footnote {

    clear: both;

    float: left;

}



@media screen and (max-width: 630px) {

#pealsingle {

	font-size:120%;

}



#peal {

	display: block;

}

div#peal div { /*column*/

	display: block;

	padding-bottom:0;

}

div#peal div div {

	display: block;

	padding-right:0;

	padding-bottom:0.89em;

	width: 100%;

}

}

@media screen and (min-width: 790px) {

/*#pealsingle {

  float: left;

}*/





figure.pealbook {

	float: right;

  margin: 1.8em 1.9em 1.89em 0.7em;

}

figcaption.pealbook {

    font-size: 65%;

}

}

/*Peal pagination*/
#srcy_container .main_full #pagination b {
	float: left;
	clear: both;
}
#srcy_container .main_full div .next {
	border-radius: 3px;
	/*border: #990067 1px solid;*/
	border: #ffccff 1px solid;
	margin-top: 3px;
}
#srcy_container .main_full div .next li {
	border-right: #ffccff 1px solid;
	/*padding: 0.35em;*/
	padding: 0;
	margin: 0;
	min-width: 25px;
	text-align: center;
}
#srcy_container .main_full div .next li:hover {
	background-color:#ffe6ff;

}
#srcy_container .main_full div .next li a{
	background-color:#ffe6ff;
	padding: 0.35em;
	margin: 0;
	display:block;

}
#srcy_container .main_full div .next li a:hover {
	text-decoration: none;
}
#srcy_container .main_full div .next li.current{
	/*border-top: #990067 1px solid;*/
	background-color:#990067;
	color: #FFFFFF;
	font-weight: 200;
	/*border: #990067 1px solid;*/
	z-index: 3;
	padding: 0.35em;
}
/* #pagination  {
	display:none;
} */
@media only screen and (max-width: 839px) {
	#srcy_container .main_full div .next li {
	display:none;
	background-color:#ffe6ff;
}
	#srcy_container .main_full div .next li.previous, #srcy_container .main_full div .next li.nextp {
	display:block;
		
		
}
	#srcy_container .main_full #pagination b {
	display:none;
}
	
	#srcy_container .main_full #pagination ul {
	 display: block;
 
}
	div.leading {
    float: none;
    margin: 0 20px 20px 0;
}
	#srcy_container .main_full div .next li {
	min-width: 100px;

}
}