body{font-family:tahoma,verdana,geneva,arial,sans-serif;font-size:100%;background:#fff;color:#000;margin:0}
#top{font-size:230%;font-weight:700;height:50px;line-height:50px;text-align:left;padding-left:50px;background:#a5a5cb;color:#006;margin:0}
#top a:link, #top a:visited{text-decoration: none;color:#006}
#top a:hover{color:#fff}
#b{border-left:50px solid #a5a5cb;padding:10px 180px 50px 0}
#c{padding:0 2% 0;overflow:hidden;min-height:110vh}
#linkList{position:absolute;top:25px;right:0}
#nav{list-style:none;text-align:center;margin:43px 20px 0 0;padding:0}
#nav a:link,#nav a:visited{display:block;color:#006;background:#a5a5cb;text-decoration:none;font-weight:700;width:160px;margin:8px 0;padding:1px 0;line-height:normal}
#nav a:hover{background:#006;color:#fff}
#nav button{display:block;color:#006;background:#a5a5cb;text-decoration:none;font-weight:700;width:160px;margin:8px 0;padding:1px 0;line-height:normal;font-family:tahoma,verdana,geneva,arial,sans-serif;font-size:100%;border:0}
#nav button:hover {background:#006;color:#fff}
#bk a:link{font-size:300%;position:fixed;top:7%;padding-bottom:7px;text-align:center;text-decoration:none;line-height:normal;background:#a5a5cb;width:49px}
#bk a:hover{background:#a5a5cb;color:#fff}
#btt a:link{font-size:300%;position:fixed;top:75%;padding:30px 0;text-align:center;text-decoration:none;line-height:normal;background:#a5a5cb;width:49px}
#btt a:hover{background:#a5a5cb;color:#fff}
#hov a img{display:none;padding-top:12px}
#hov a:hover img{display:block;margin-left:auto;margin-right:auto}
h1{font-size:230%;font-weight:700;margin-top:0;text-align:center;color:#006}
h2{font-size:120%;color:#006}
hr{background:#a5a5cb;width:25%;height:2px;border:0;clear:both;text-align:center;margin:15px auto}
a:link{color:#006;line-height:normal}
a:visited{color:purple}
a:active,a:hover{color:red}
.box{border:2px solid #a5a5cb;text-align:left;width:60%;padding:0 4px 4px;margin:auto}
.box img,.bigbox img{width:99%}
.bigbox{border:2px solid #a5a5cb;text-align:left;width:99%;padding:0 4px 4px;margin:auto}
.c4{border:2px solid #a5a5cb}
.gap{margin:100px}
.tab1{margin-left:4%}
.hang p{font-family:arial,sans-serif;text-indent:-2.85em;margin-left:2.85em;margin-top:0;margin-bottom:0}
.tc,#d,.fw,.vw{text-align:center}
.tl{text-align:left}
.fl{float:left}
.fr{float:right}
.gn{color:#063}
.fw img{width:99%}
.vw img{width:60%}
.videoWrapper{background-color:black;position:relative;padding-bottom:56.25%;height:0}
.youtubeA {position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;background:#000;margin:0;background-position: center;background-repeat:no-repeat;cursor:pointer;background-size:cover}
.youtubeA .play {background:url(https://www.scottish-country-dancing-dictionary.com/images/playbutton.png) no-repeat center;background-size:90px 64px;position:absolute;height:100%;width:100%}
.youtubeA iframe,.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
input.toggle,div.window label{display:none}
@media screen and (max-width:1035px){
#b{border-left:38px solid #a5a5cb}
#top{font-size:180%;height:38px;line-height:37px;padding-left:38px}
#nav{margin:31px 20px 0 0}
#bk a:link{font-size:230%;top:6%;width:37px}
#btt a:link{font-size:230%;width:37px}
h1{font-size:180%}
.box,.bigbox{width:97%}
.vw img{width:99%}
}
@media screen and (max-width:768px){
#top{font-size:100%;height:20px;line-height:20px;text-align:center;padding:0;padding-bottom:5px}
#b{border-left:0;padding:66px 0 0}
#c{padding:0 1% 0}
#nav{margin:0}
#nav a:link,#nav a:visited{margin:10px 0 0 -1px;padding:4px 0}
#nav button{margin:10px 0 0 -1px;padding:4px 0}
#bk a:link{position:absolute;top:32px;font-size:172%;padding:5px 6px 8px;width:28px}
#bk a:hover{background:#006}
#btt a:link{display:none}
h1{font-size:150%}
h2{font-size:100%}
a:link{line-height:175%}
.vw img{width:99%}
div.window{text-align:center}
div.window label{display:block;color:#006;background:#a5a5cb;text-decoration:none;font-weight:700;width:160px;margin-top:7px;padding:4px 0;line-height:normal;margin-right:10px}
input.toggle ~ div{height:0;overflow:hidden;margin:0 0 0 -10px;padding:0 0 0 10px;background:#fff}
input.toggle:checked ~ div{height:99%;border:1px solid #a5a5cb;margin-top:10px}
input.toggle:checked + label{background:#a5a5cb}
input.toggle:checked + label:hover,div.window label:hover{background:#006;color:#fff}
}
@media print{
#b{border-left:0;padding:0}
#c{padding:0 2%}
#top,#nav,#linkList,#btt,#bk{display:none}
a:link,a:visited,a:active,a:hover,h1,h2,.gn{color:#000}
.box,.bigbox{border:2px solid #000}
.c4{border:none}
}