@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:#fff;padding-top: .5%;
    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:#FFFFFF;border: 1px solid #000;
	
}
#menu {
width:1.6em;
display: block;
background:#fff;	color: #5D17EB;
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; Jan2022 */
	
	float: left;
    margin-top: 0%;
    margin-left: 1%;
    padding-top: .5%;
    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%;
  width: 100%;
  height: 100%;
  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:#62CACB;	
}
.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: #62CACB;
	min-width: 168px;
	display:none; 	
}
.sidebarLeftAds{margin-top:2%;}
.sftAside a {
  color: #000;
  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: #62CACB;}
.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%;
	 */
    float: right;
    display: none;
    padding-right: 5%;
    padding-top: .5%;
}
.topCenterSocial img{
	margin-right:3%;
}
.sftTopics {
	min-width: 240px;width: 90%; border: 0;max-width: 450px;margin: 0 auto;background-color: #62CACB;
}
.sftTopics2 {
	min-width: 240px;width: 90%;;border-right: 1px solid #000;border: 0;margin: 0 auto;max-width: 450px;background-color: #62CACB;
}


.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:#62CACA; 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%;padding-top:.5%; padding-left:2%;}	

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%;padding-top:.5%}	
#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;}

}