@charset "UTF-8";
/* CSS Document */

/********************************************************PNG FIX********************************************************/
img, #container-top, #container-content, #container-bottom{ behavior: url(templates/onsong_page/css/iepngfix.htc) }

/********************************************************STYLING********************************************************/
/********************************************************BODY TEXT*/
p, li, #sl_vert, label, .quote, .quoter, tbody .at_description, .addressDetails, .contactMisc, #examples td {
	font-size:.77em;
	font-family:Arial,Helvetica,sans-serif;
}


p, .quote, .quoter, tbody .at_description, .addressDetails, .streetAddress, .contactMisc, #examples td, li {
	line-height:1.59em
}

p, .quote, .contactMisc{
	text-indent: 1.5em;
	margin:0em 0em 1em 0em;
	padding:0em;
}

img{
	border:0
}

td{
	vertical-align:top;
}

/********************************************************HEADER/LINK TEXT*/

h1, h2, a, th, .contactName, #system-message dd li, .componentheading{
	color:#4E4E4D;
	font-family:Verdana,Geneva,sans-serif;
	font-weight:300;
	font-size:0.85em;
}


h1, th, .contactName{
	margin-bottom:1.3em;
}


.second{
	margin-top:3em;
}

h2, .componentheading {
	font-size:1.3em;
	background:transparent url(images/stories/pageImages/titlelogo.png) no-repeat scroll right center;
	padding:0.3em 2.2em;
	float:right;
	text-align:right;
	width:84%;
	margin-bottom:2em;
	margin-top:.8em;
	display:inline;
}

a{
	text-decoration:none;
	background:transparent url(images/stories/buttons/rightarrow.png) no-repeat scroll left center;
	padding-left:1.5em;
}

.addressDetails a, #menu a, #sl_lostpass a{
	background:none;
	padding:0em;
	font-size:1em;
}

th{
	border-bottom:.1em solid #4E4E4D;
	text-align:left;
}

.super{
	bottom:1.5em;
	font-size:5px;
	letter-spacing:0.1em;
	position:relative;
}

.smallTextLink{
	font-size:.8em;
}

:focus, object {
	outline:none;
}
/********************************************************LAYOUT********************************************************/
/********************************************************TEMPLATE LAYOUT*/
body {
	margin:0;
	background-color:#636363 !important;
	text-align:center;
}

#container-top, #container-content, #container-bottom{
	width:55.4em;
	margin-left: auto;
	margin-right: auto;
}

#logo_container {
	position:relative;
	top:.45em;
	left:1.85em;
	overflow:hidden;
	float:left;
}

#container-top {
	background-image:url(templates/onsong_page/images/background-top.png);
	background-repeat:no-repeat;
	height:12.9em;
	margin-top:.2em;
	text-align:left;
}

#container-content {
	min-height:24.45em;
	background-image:url(templates/onsong_page/images/background-slice.png);
	background-repeat:repeat-y;
	margin-top:-.2em;
	text-align:left;
}

#container-bottom {
	background-image:url(templates/onsong_page/images/background-bottom.png);
	background-repeat:no-repeat;
	height:5.4em;
}

#menu_container {
	height:70px;
	overflow:hidden;
	padding-bottom:0.5em;
	padding-top:1.85em;
	margin-left:7.3em;
}

#menu_left, #menu_right{
	float:left;
	display:inline;
}
#menu_right{
	margin-top:-9px;
}

#menu_left a, #menu_right a{
	background:none;
	padding:0em;
}

#smallbanner_container{
	padding-bottom:10px;
	margin-left:7.3em;
}

#smallbanner_container img {
	margin-left:.3em;
}

#page {
	width:36.1em;
	margin:0em 0em 0em 7.7em;
	padding:1.7em 3em 2.6em 3em;
}

.textWrap{
	float:right;
	clear:right;
}

.textWrapLeft{
	float:left;
	clear:left;
}

.mb_popup{
	clear:right;
	margin-top:3em;
	display:inline-block;
}

.buttonheading, .hidden, #system-message dt.message, #sl_register, #mb_login, .at_user_field, .attachmentsList caption {
	display:none;
}

/********************************************************CONTENT LAYOUT*/
.leftLinks{
	float:left;
	width:13.8em;
	margin-right:2em;
	margin-bottom:1.5em;
	display: inline;
	background-color:#C5C6C6;
	padding: 1em 1em 0em 1em;
	border:0.1em solid #949494;
}

.leftLinks a {
	display:block;
	margin-bottom:1.5em;
	pointer-events:none;
}

.paragraphContainer{
	margin-bottom:2em;
	clear:right;
}

.rightParagraphContainer-deleted{
	float:left;
	width:21.5em;
	display: inline;
	margin-bottom:2em;
}


/********************************************************SITE MAP LAYOUT*/
.sitemap li{
	list-style-type: none;
	font-size:1em;
}

/********************************************************LIBRARY*/
.attachmentsList td{
	padding:.6em;
}

.at_icon{
	float:left;
	display:block;
	margin-bottom:1em;
	margin-right:1em;
}

.attachmentsList a{
	background:none;
	padding:0em;
}

/********************************************************WHAT PEOPLE ARE SAYING LIST*/
.quote{
	clear:both;
}

.quoter{
	float:right;
	margin-bottom:2.5em;
	text-align:right;
	margin-top:.3em;
}

.column1{
	width:45%;
	float:left;
	padding-right:1.5em;
	border-right:solid .1em #FFFFFF;
}
.column2{
	width:45%;
	float:left;
	padding-left:1em;
}

/********************************************************BACK*/
.backButton{
	float:right;
	line-height:0;
	display:inline;
}

.backButton a{
	background:none;
}

/********************************************************PEOPLE LIST*/

.peoplephoto{
	margin-right:1em;
}

.peoplesep{
	height:.5em;
}

.peoplename img{
	margin: 0em 0em -.1em .2em;
	height:.9em;
}

.people{
	display:inline-block;
}

.peoplename h1{
	margin-top:0em;
	margin-bottom:1em;
}

/******************/
div{
	margin: 0px;
}
				
#content1{
	height: 206px;
	width: 300px;
	float:left;
	background: #f5f5f5;
	overflow:hidden;
}

#content1 p{
	margin: 10px;
}

.scrollbar-vert{
	background-color: #d2e8ff;
	height: 206px;
	width: 20px;
	float:left;
}

.handle-vert{
	height: 42px;
	width: 20px;
	background: url(http://www.solutoire.com/experiments/scrollbar/styles/img/handle.gif) no-repeat;
}

/********************************************************CONTACT PAGE*/
.invalid {
	border-color: #ff0000;
}

label.invalid {
	color: #ff0000;
}

.addressDetails{
	margin-bottom:2em;
}

#emailForm label {
	display:inline-block;
	margin:1em 0 0.3em;
}

.contact_email_checkbox{
	margin-bottom:1.5em;
}

.streetAddress{
	margin-top:1em;
}

.marker{
	font-weight:bold;
	text-align:right;
}

/********************************************************LOGIN FORM*/
#form-login a:hover, #form-login a:visited, #form-login a:link, #sl_lostpass a{
	color:white;
	text-decoration:none;
}

#sl_submitbutton{
	margin-bottom:2em !important;
}

.loginPageParagraph{
	margin-top:4em;
}

.loginPageParagraph p{
	margin-bottom:1.5em;
}


/********************************************************404 PAGE*/
#errorboxheader {
	margin-top:5em;
	margin-bottom:1.1em;
	font-size:.85em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#errorboxbody strong {
	font-weight: normal;
}

/********************************************************System Messages */
#system-message dd ul {
	list-style: none;
	padding: .7em;
	border-top: 3px solid #C5610E;
	border-bottom: 3px solid #C5610E;
	margin:0em;
}

#system-message dd.message ul li, #system-message dd{
	margin:0px;
}
/*
     FILE ARCHIVED ON 22:33:38 May 09, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:17:50 Apr 03, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 105.287
  exclusion.robots: 0.145
  exclusion.robots.policy: 0.136
  RedisCDXSource: 0.824
  esindex: 0.009
  LoadShardBlock: 75.478 (3)
  PetaboxLoader3.datanode: 133.25 (5)
  CDXLines.iter: 25.408 (3)
  load_resource: 205.643 (2)
  PetaboxLoader3.resolve: 127.406
*/