@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, button, input, select, textarea{font-family:Veranda;color:#222;}
body{margin:0;font-size:1em;line-height:1.4;}
a{color:#00e;}
a:visited{color:#551a8b;}
a:hover{color:#06e;}
a:focus{outline:thin dotted;}
a:hover, a:active{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}
pre, code, kbd, samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before, q:after{content:"";content:none;}
small{font-size:85%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
ul, ol{margin:1em 0;padding:0 0 0 40px;}
dd{margin:0 0 0 40px;}
nav ul, nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:0;margin:0;padding:0;}
label{cursor:pointer;}
legend{border:0;*margin-left:-7px;padding:0;white-space:normal;}
button, input, select, textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button, input{line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}
button[disabled], input[disabled]{cursor:default;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
input:valid, textarea:valid{}
input:invalid, textarea:invalid{background-color:#f0dddd;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}
.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}
.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}
.ir br{display:none;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.FontSize24 {
	font-size: 24pt;
}
.FontSize18 {
	font-size: 18pt;
}
.FontSize16{
	font-size: 16pt;
	line-height: 17pt;
}
.FontSize14 {
	font-size: 14pt;
}
.FontSize12 {
	font-size: 12pt;
}
.FontSize10 {
	
}
.FontSize10 a{
	color: #990000;
}
.FontSize9 {
	 
}
.FontSize9 a{
	color: #990000;
}
@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}
a, a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content:"";}
pre, blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr, img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p, h2, h3{orphans:3;widows:3;}
h2, h3{page-break-after:avoid;}
}
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
body {font-family: Helvetica;}
p { font-family: Helvetica; }
img, object, embed, video { max-width: 100%;}
a {
  color: #990000;
  font-weight: bold; margin-left:2%
}
p, h1, h2, h3, h4 {margin-left:1%; margin-right: 1%;	}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {	width:100%;}
li {
width:33%; float:left;  border-right: 1px solid #4F3A3C;
}
li:last-child {
border-right:none;
}

li a {
display: block;
width:80%;
background:#241A19;	color: #fff;
padding:4% 10%;
/*font-size:1.35em;*/
text-decoration: none;
}
li {
width:100%;
border-right:none;
}
 .socialMedia {
   background-color:#eeeeee;
    text-align:center; /* For cells of equal size */
} ul.menu {
        width: auto;display:inline-block;  
        list-style-type: none;height:28px; 
       -webkit-margin-before: 0em;
       -webkit-margin-after: 0em;
       -webkit-margin-start: 0px;
       -webkit-margin-end: 0px;
       -webkit-padding-start: 0px;

    }
    ul.menu li {
        float: left;
		margin-left:20px;
		width: 29px;
    }
	  ul.menu img {
       margin:0; padding:0;

    }
    ul.menu li a {
        height: 29px;  width: 29px;
        line-height: 29px;
        display: inline-block;
        color: #3E789F;
        background: url("/images/jsimages/spriteSocial.png") no-repeat; /* As all link share the same background-image */
    }
    ul.menu li.facebook a {
        background-position: -5px -5px;
    }
    ul.menu li.google a {
       background-position: -44px -5px;
    }
    ul.menu li.instagram a {
        background-position: -5px -44px;
    }
    ul.menu li.linkedIn a {
        background-position: -44px -44px;
    }
    ul.menu li.pintress a {
       background-position: -83px -5px;
    }
      ul.menu li.twitter a {
       background-position: -83px -44px;
    }
      ul.menu li.youtube a {
      background-position: -5px -83px;
    }

.SectionHeading { /* Lists of products use this heading */
  font-size: 16px;
  font-weight: bold;
  margin: 24px 0px 0px 0px;
}
.ImageWithSideText div {/* Anytime we use the iage with text net to it */
    padding: 20px;
    background-color: salmon;
    display: table;
}
.ImageWithSideText img {
    vertical-align: middle;
    display: table-cell;
    margin-right: 1em;
	max-width:95%;
}
.ImageWithSideText span {
    vertical-align: middle;font-size:1em;
    display: table-cell;
}
.ImageWithSideText span h1{
    color:#0000ff;-webkit-margin-before: 0.3em;
  -webkit-margin-after: 0.3em;
font-size:2em;
}

img.FormatIcon {
	float: right;
	padding: 0px 0px 0px 9px; margin: 0px;
}
body {
	line-height: 1.4;background: #606A6A;
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.NavClass{
	margin-left: auto;	margin-right: auto;
	width: 100%; background:#241A19;border: 1px solid #000;
	
}
#menu {
width:1.6em;
display: block;
background:#241A19;	color: #fff;
font-size:2.5em;
text-align: center;float:left;padding-top:1.2%;padding-left: 1%;
}

.NavSearch {
	float: right; margin-top:0%;margin-right:1%;
	display:none;
}
.NavSearch img{
	 margin-top:2%;
}
.sftNav {
	width:60%;
}

/* Mobile Layout: 480px and below. */
  /* slider container */
.sftGoodies {
	 	background-color: #fff;
}

.fluidHeight {
position: relative;
	width: 98%;
	height: 70%;margin: 0 auto; 
}
.fluidHeight {
	height: 0;
	padding: 0 0 44% 0; 
}
.sliderContainer {
	position: absolute;
	width: 100%;
	height: 100%; margin: 0 auto; 
}
.iosSlider {
	width: 100%;
	height: 100%;
}
			
.iosSlider .slider {
width: 100%;
height: 100%;
}
			
.iosSlider .slider .item {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}			
.iosSlider .slider .item img {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 auto;
}	
.sContent {
  position: absolute;
  bottom:13%; left:3%;
  float: left;
  width: 25%;
  height: 10%;
  padding: 0;
  color: #666666;
  
   border-radius: 25px;
  margin-top: 5%;
}

.sContent p
{
  padding-left: 15px;
  padding-right: 5px;
}
.gridContainer {
	margin-left: auto; margin-right: auto;
	width: 100%; clear: none;
	float: none;border-right: 1px solid #000; display:none;
}
.sftHeader {
	background-color: #000;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom:22%;
}
.sftHeader img {
	max-width: 100%;
}
#HeaderLogo {
	float: left;width: 63%; padding: 1.5% 0 1% 1%;
	
}
.sftMenuItem {
background:#241A19;	
}
.SearchIcon {width: 10%;height: 7%;float:right; padding-right:4%; padding-top:2%;}
.SearchIcon img {margin-left:3%;}
.sftSmallSearch { display: none;margin: 0 auto;margin-left: auto; margin-right: auto; }
#searchMessage {
padding:5px 0 5px 10px; background-color:#ddd;text-align:center;}
#SmallSearchForm{ padding: 1% 0 1% 10px;margin: 0 auto;}
.sft ul {width:100%;}
#nav.js {display: none;}
.sftHeader {
	background-color: #00ddee;
	background:  url(/images/frontPage/SongsForTeaching.png) no-repeat center top;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom:14%; 
}
.sftMenuItems {
width: 80%;font-size:large;
}
li a:visited, a:active{ color: #ddd;}
.sftContent {
	background-color: #fff; border: 1px solid #000;}
.viewport{  display:table;}
.sftAside {
	width: 168px;; 
	background-color: #241A19;
	min-width: 168px;
	display:none; 	
}
.sidebarLeftAds{margin-top:2%;}
.sftAside a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal; padding-left:6%;
}
.sftAside p {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  margin: 1.5% 0 1% 0;
}
.sftAside a:hover { color: #ccccee;}

.sftContentPlace3c  {
	display:table-cell;  vertical-align: top;background-color: #fff; padding:1%;
}
.sftContentPlace3c  h2, h3{
	 margin-top: 1%; margin-bottom: 1%; 
}
.resp2colcon {
	width: 49%;  background-color: #eee; float:left; border: 1px solid #000;;min-width:190px;
}
.sftAsideRight {
	width:168px;background-color: #241A19;display:none;  
}
.topIndexMsg  h3{
	;background-color: #636769; color:#fff; padding:1% 2% 1% 2%; margin:0; 
}
.TwoColumnTopics {background-color: #636769;}
.HomeCategoryTitle {
	text-decoration: underline;  font-weight: bold; font-size: large;
}

#TopSlider {
	width:100%; margin-left: auto;
	margin-right: auto;
}
#HomeSearch{
	background-color:#fff;font-size: 1.2em; width:100%;float: left; color: #000;
}
.topCenterSocial {
	width:50%; float:left; display:none;padding-left:5%;
}
.topCenterSocial img{
	margin-right:3%;
}
.sftTopics {
	min-width: 240px;width: 90%; border: 0;max-width: 450px;margin: 0 auto;background-color: #636769;
}
.sftTopics2 {
	min-width: 240px;width: 90%;;border-right: 1px solid #000;border: 0;margin: 0 auto;max-width: 450px;background-color: #636769;
}


.SFTBottomAdNarrow {background-color: #eeeeee;  }
.sftFooter {
	background-color: #eeeeee;margin-left: auto;
	margin-right: auto;
	max-width:1240px;
	border: 1px solid #000;
}
.fb-like {
	float: left;display:inline; width:20%;height:10%; padding:1.5%;
}
.sftFooterData {
	padding: 5px 5px 5px 30px;
}
/* Content Pages */
.sft2cpage {
	background: #fff; width:100%;
}
.sft2cpageLeft, .sft2cpageRight  {
	width: 100%;  background-color: #fff; float:left;
}
.sft2cpageRight  { background-color: #eee; width: 100%;float:left; padding: 0 1% 0 1%; }
.sft2cpageLeft li{list-style-type: none; color: #dd4444; 
}	
.resp2colcon {
	width: 49%;  background-color: #eee; float:left; border: 1px solid #000; min-width:190px;
}
.sft2cpageLeft li a{
	background-color: #fff; color: #dd4444; margin: 0 0 6px 0; padding:0;
}
 .sft2cpage a:hover {  
	 color: #000ff; 
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
.js-btn,
.js-hide-show_btn {
  background: rgb(255,255,255); /* Fallback */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(243,243,243,1) 100%);
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(000,000,000,0.1), inset 0 0 3px rgba(255,255,255,1);
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
  margin: 1em 5px;
  padding: 5px 1em;
  text-shadow: 0 -1px 0 rgba(000,000,000,0.2), 0 1px 0 rgba(255,255,255,1);
}

.js-accordion {
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.js-accordion img {
	margin-right:5%;
}
.js-accordion .js-accordion_control {
	
  background: url('/images/jsimages/glass-arrow-down.png') no-repeat 98% 50% #006634; background-color:#82D49B;background-color:#4b4e50;
  color: #E7E7E7;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-bottom: 1px solid #E7E7E7;
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
}

.js-accordion .js-accordion_control--active {
  background-image: none;
  background-color: #22b47B;background-color:#6e7476;
  border-color: #E7E7E7;
  color: #003466; color: #fff;
  font-weight: 700;
}

.js-accordion .js-accordion_control.active-hidden {
  position: absolute;
  left: -999em;
}

.js-accordion .js-accordion_control span {
  display: block;
  padding: 15px;
}

.js-accordion .js-accordion_control:hover,
.js-accordion .js-accordion_control:active,
.js-accordion .js-accordion_control:focus {
  cursor: pointer;
  background-color: #E7E7E7;background-color: #6e7476;
  color: #003466; color: #fff;
  transition: background-color .33s;
}

.js-accordion .js-accordion_panel {
  background: #E7E7E7;background-color: #fff;
  overflow: hidden;
  border-bottom: 3px solid #E7E7E7;border: 1px solid #ccc;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.js-accordion .accordion_section_inner { padding: 0 20px; }

.js-accordion .accordion_section_heading {
  font-size: 1.25em;
  font-weight: bold;
  margin: 10px 18px;
}

/* Horizontal accordion */


.js-accordion--horizontal .js-accordion_control { 
  background: url('/images/jsimages/glass-arrow.png') no-repeat 83% 97% #006634;
  border-right: 1px solid #E7E7E7;
  float: left;
  text-align: center;
}

.js-accordion--horizontal .js-accordion_control span { padding: 10px; }

.js-accordion--horizontal .js-accordion_control--active {
  background-image: none;
  background-color: #E7E7E7;
}

.js-accordion--horizontal .js-accordion_control--hidden {
  left: -999em;
  position: absolute;
}

.js-accordion--horizontal .js-accordion_panel { float: left; }

.js-accordion .js-accordion_panel-title {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  padding-top: 10px;
}

.lte7 .js-accordion--horizontal .js-accordion_control { border-right: none; }

.wrapper {
  max-width: 480px;
  margin: 10px auto;
}
.wrapper h3{
  margin: 0; padding:0;
}
  .SFTBottomAdNarrow{ width:100%;}
   #robly_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width: 94%; padding-left:2px;margin-left:3px; padding-top:1%;}
                    #robly_embed_signup form {display:block; position:relative; text-align:left;}
                    #robly_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.2em;}
                    #robly_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
                    #robly_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
                    #robly_embed_signup input[type=radio]{-webkit-appearance:radio;}
                    #robly_embed_signup input:focus {border-color:#333;}
                    #robly_embed_signup .button 
						{background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; 
						font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; 
						text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
                    #robly_embed_signup .button:hover {background-color:#777;}
                    #robly_embed_signup .slim_button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; 
					cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; 
					margin: 0 5px 10px 0; padding:0 15px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
                    #robly_embed_signup .slim_button:hover {background-color:#777;}
                    #robly_embed_signup .small_meta {font-size: 11px;}
                    #robly_embed_signup .nowrap {white-space:nowrap;}
                    #robly_embed_signup .clear {clear:none; display:inline;visibility:visible;}
                    #robly_embed_signup .robly_field_group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
                    #robly_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
                    #robly_embed_signup .size1of2 {margin-right:2%;}
                    #robly_embed_signup .robly_field_group label {display:block; margin-bottom:3px; font-size: 1.0em; font-weight: 100; padding-bottom:1px;}
                    #robly_embed_signup .robly_field_group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
                    #robly_embed_signup .robly_field_group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
                    #robly_embed_signup .datefield, #robly_embed_signup .phonefield_us{padding:5px 0;}
                    #robly_embed_signup .datefield input, #robly_embed_signup .phonefield_us input{display:inline; width:60px; margin:0 2px; 
					letter-spacing:1px; text-align:left; padding:5px 0 2px 0;}
                    #robly_embed_signup .phonefield_us .phonearea input, #robly_embed_signup .phonefield_us .phonedetail1 input{width:40px;}
                    #robly_embed_signup .datefield .monthfield input, #robly_embed_signup .datefield .dayfield input{width:35px;}
                    #robly_embed_signup .datefield label, #robly_embed_signup .phonefield_us label{display:none;}
                    #robly_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
                    #robly_embed_signup .asterisk {color:#c60; font-size:150%;}
                    #robly_embed_signup .robly_field_group .asterisk {position:relative;top:5px; left:2px;}
                    #robly_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
                    #robly_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:90%; min-width:130px;}
                    #robly_embed_signup input.slim_email {display:inline-block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:60%;}
                    #robly_embed_signup input.button {width:40%; margin:0 0 10px 0; min-width:90px;}
                    #robly_embed_signup .robly_field_group.input_group ul {margin:0; padding:5px 0; list-style:none;}
                    #robly_embed_signup .robly_field_group.input_group ul li {display:block; padding:3px 0; margin:0;}
                    #robly_embed_signup .robly_field_group.input_group label {display:inline;}
                    #robly_embed_signup .robly_field_group.input_group input {display:inline; width:auto; border:none;}
                    #robly_embed_signup div#robly_responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
                    #robly_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
                    #robly_embed_signup #robly_error_response {display:none;}
                    #robly_embed_signup #robly_success_response {color:#529214; display:none;}
                    #robly_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
                    #robly_embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
                    #robly_embed_signup #num-subscribers {font-size:1.1em;}
                    #robly_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
                    #robly_embed_signup .power {postion: relative; float: right; margin-right: 16px; height:32px;}
                    #robly_embed_signup #slim_power {float:none;}
                    #robly_embed_signup .power p {font-size:12px; margin:0px; font-weight:bold; line-height:32px; color:#666;}
                    #robly_embed_signup .power p a {text-decoration:none; font-weight:bold; color:#333;}
                    #robly_embed_signup .power p a:hover {text-decoration:none; color:#000;}
                    /* Add your own Robly form styles to your site stylesheet or in this style block.
                       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
roblyRight {
	display:none;border-left: 1px solid #000;
}
roblyLeft {
	display:inline;
}


@media only screen and (min-width: 600px) {
/*.SFTBottomAdNarrow{ display:inline;}*/
#asideMenuOff {	display:none;}
.topCenterSocial {	display:none;}
.sftAside {
display:table-cell;
	margin: 0;
}
.sftAsideRight {	
 display:none;
}

}
@media only screen and (min-width: 710px) {

.sft2cpageLeft {
	background: #fff;
	width: 73%; float:left;
}
.sft2cpageRight {
	width:25%; min-width:120px;
}
#asideMenuOff {	display:inline;}
.topCenterSocial {	display:inline;}
.topCenterSocial {padding-left:10%;}	

div.socialMedia { display:none;}
.fluidHeight {width: 90%;  height: 25%; padding: 0 0 40% 0; }
.sftGoodies {	 margin: auto; clear: none; float: none; margin-left: auto;max-width: 1000px;padding: .5% 0 .5% 0;}

#menu { display: none; }
#nav.js { display: none; }
.sftSmallSearch  { display: none; }
#SmallSearchForm { display: none; }
#searchMessage { display: none; }
.HomeSearch { display: none; } /* Google search */
 
.gridContainer {	max-width: 999px; display: block;}
.sftHeader {
	background-color: #00ddee;
	background:  url(/images/frontPage/SongsForTeaching.png) no-repeat center top;
  	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
	background-size: cover;
	padding-bottom:14%; 
}
#HeaderLogo {display: none;}
.sftMenuItems {
clear: none;
margin-left: 1.6949%;margin-left: 0;font-size:medium;width: 20%;
}
.NavSearch {display:inline;}
.SearchIcon{display: none;}
.sftContent {margin: auto; clear: none; float: none; margin-left: auto;}
.sftAside {
	display: table-cell;margin: 0;
}
.sftAsideRight {
	 margin: 0; display: table-cell;display:none;
}
.sftContentPlace3c {	/*float: left; width:47%; padding:1%;*/}
.sftTopics {
	width: 48%; padding-left:1%;border-right: 1px solid #000;min-height:850px;
	min-width: 200px;max-width: 400px;float:left;padding-right:1%;max-width: 390px;
}
.sftTopics2 {
	min-width: 200px;padding-left:1%;float:left;min-height:850px;
	width: 47%; border-right: 0px solid #000;max-width: 400px;padding-right:1%;max-width: 390px;
}
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}

.RightFoot{	float:right; width:35%; margin-top:1%;}
.LeftFoot{float:left; width:60%; margin-left:1%}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1000px) {
 ul.menu li {  
		margin-left:30px;
    }
.topCenterSocial {	padding-left:16%;}	
#roblyLeft {display:none;}
#roblyRight {display:inline;}
.fluidHeight {	padding: 0 0 40% 0; width: 90%;}
.sftGoodies {	max-width: 1240px;padding: .5% 0 .5% 0;}
.js-accordion .js-accordion_control {font-size: 1.25em;}
.iosSlider .slider .item {	width: 100%;}
#menu {display: none;}
#nav.js {display: none;}
.sftSmallSearch  {display: none;}
#SmallSearchForm {display: none;}
#searchMessage {display: none;}
.gridContainer {	max-width: 1240px;}
.sftHeader {max-width: 1240px;padding-bottom:14%;}
.NavClass {	max-width: 1240px;}
.NavSearch {	display:inline; }
#HeaderLogo {display: none;}
.sftMenuItems {width: 25%; font-size:large;}
.SearchIcon{display: none; }
.sftContent { max-width: 1240px;}
.viewport { width:100%; max-width: 1280px;  height:100%; display: table;}
.sftAside {	display: table-cell; width:168px;}
.sftContentPlace3c {display: table-cell;/*	float: left; width:61%;*/}
.sftAsideRight {display: table-cell; width:168px;}
.sftTopics {
   width: 48.83%; ; margin-left: 0;max-width: 450px;}
.sftTopics2 {
	width: 47%; margin-left: 0;max-width: 450px;}
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
.SFTBottomAdNarrow{ display:none;}
}
@media only screen and (min-width: 1200px) {
.topCenterSocial {padding-left:16%;}
.sftTopics {width: 48.83%; min-width: 200px;max-width: 450px;}
.sftTopics2 {width: 47%; min-width: 200px;max-width: 450px;}

}

/*
     FILE ARCHIVED ON 21:29:47 Feb 13, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:07:17 Feb 15, 2026.
     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: 0.635
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.011
  esindex: 0.011
  cdx.remote: 18.588
  LoadShardBlock: 407.13 (3)
  PetaboxLoader3.resolve: 540.101 (5)
  PetaboxLoader3.datanode: 371.237 (5)
  load_resource: 645.711 (2)
*/