/* This style sheet belongs to www.narscds.org.uk */

BODY {background: white; color: black;}

@page {margin: 0.75cm 0.75cm 0.75cm 1.5cm}


@media print{


.noprn 		  { display: none} 

.page 	  	{page-break-before: always}
div.map   	{border-style: solid; border-width: 0; border-color: white; page-break-inside: avoid; margin-left: 1.5cm;}

a:link    	{color: inherit; text-decoration: none }
a:visited 	{color: inherit; text-decoration: none }
a:hover   	{color: inherit; text-decoration: none }
a:active  	{color: inherit; text-decoration: none }

h1			    {font-size: 14pt} 
div#downloads
            {display: none; }
table.program	
            {width: 16cm; page-break-inside: avoid}
div.event	  {margin-top: -3cm}
p.backlink  {display:none;}
.body 	    {padding: 0; width: calc(100% - 1px); }
.body p 	  {padding-bottom: 1em}
.sidebar	  { margin-top: 25pt;}
.nav, .nonav{display: none;}

}

@media screen { 
.prn {  display: none} 
.nav a:link    	{color: white; text-decoration: none }
.nav a:visited 	{color: #d0e7ff; text-decoration: none }
.nav a:hover   	{color: white; text-decoration: underline }
.nav a:active  	{color: white; text-decoration: underline }
a.inl:link		  {color: blue; }
a.inl:visited   {color: #3333cc; text-decoration: none }
a.inl:hover  	  {color: blue; text-decoration: underline }
a.inl:active   	{color: blue; text-decoration: underline }
a:link.telno	  {color: inherit}
p.crib			    {margin-top: 1ex; font-style: italic; font-weight: bold;}
p.backlink      {margin-top: 1.3ex; font-style: italic;}


div.headlines a:link {color: blue; font-size: 120%; font-weight: bold;  text-decoration: none; }
div.headlines a:visited {color: #44f; text-decoration: none; }
div.headlines a:hover {color: #228; text-decoration: underline; }
div.headlines a:active  	{color: black; text-decoration: underline }
div.headlines p {margin-bottom: 0.75ex}
}

@media all {
  

div#downloads
        {margin-top: 5ex;}

div.assoc
        {font-size: 80%;}
p.assoc {font-size: 100%;}       

body,p	{font: 15px arial, helvetica, sans-serif;
          color: black; 
          background-color: white;
          margin: 0;
          padding: 0; }
h1			{font: normal bold 1.4em arial,helvetica,sans-serif;
          margin-bottom: 0.2ex;
          margin-top: 0; }
h2			{font: normal bold 1.2em arial,helvetica,sans-serif;
          margin-bottom: 0.2ex;
          margin-top: 0; }
h3			{font: italic normal 1.2em arial,helvetica,sans-serif;
          margin-bottom: 0.2ex;
          margin-top: 0; }
h4      {font: normal bold 1.1em arial,helvetica,sans-serif;
          margin-bottom: 2.5ex;
          margin-top: 3.5ex;}
h5			{font: italic bold 1em arial,helvetica,sans-serif;
          margin-bottom: 0.2em;
          margin-top: 0.7em; }


ul			{list-style: disc; }
ol  		{list-style: decimal; }


img 			{border: 0; } 
img.logo	{height: 125px; width: 154px; margin: 0; padding: 0}
img.thumb	{height: 80px; width: 66px; margin-left: 20px; padding: 0}

.body	{text-align: left }

p.legal		{position: absolute; top: 120px; right: 35px; background: transparent; color: #0067c6; font-size: 8.25px}

p.copyright {font-size: 10px; 
			 text-align: left; 
			 margin-top: 5ex; 
			 margin-bottom: 3ex; }
p.adr		{margin-top: 2ex}
p.tm		{margin-top: 1ex;
			 line-height: 120%; }

div.nav, div.nonav {font-size: min(18px, 2vw);
        line-height: min(20px, 2.2vw);}
div.map {margin-top: 1.5ex;}
div.class {margin-top: 2.5ex;}

div.upcoming	{font: normal bold 1.2em arial,helvetica,sans-serif;
          		margin-bottom: 0.2ex;
          		margin-top: 2.2em; }
div.upcoming-list > p {margin-bottom: 1.5ex; line-height: 120%}
       
a.eml		{color: black}
table.fees	{border: 1px solid black}
table.program
			{margin: auto;}
td.extra		{line-height: 5ex; vertical-align: bottom; font-weight: bold; text-decoration: underline; }
td.interval	{line-height: 5ex; vertical-align: bottom; font-weight: bold; font-style: italic; }
table.program td
			{padding: 0.25ex 2ex 0; vertical-align: baseline}

iframe		{border: 0; margin: 0 auto;}
iframe.event	{display: block; width: 300px; height: 300px; margin-top: 5ex;}
p.map		{margin: 2ex auto 3ex auto; text-align: center}
img.locpic	{margin: 1ex auto 1.5ex auto; text-align: center}
span.smaller
			{font-size: 80%;}

     
.nonav {color: #91b8ff; font-size: 18px; line-height: 32px;}      
.nav	{color: white; font-size: 18px; line-height: 20px;}
          
.main-container {
      display: -ms-grid;
      -ms-grid-columns: 216px auto 154px;
      -ms-grid-rows: 125px auto;
      -ms-grid-gap: 0 0;
         
      display: grid;
      grid-template-columns: 216px 100fr 154px;
      grid-template-rows: 125px auto;
      gap: 0 0; 
}

.nav-container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    
    grid-column: 1 / span 2;
    grid-row: 1;
    background-color: #0067c6;
    color: white; 
    grid-auto-flow: row;
}

.navblock {
    display: -ms-grid;
      -ms-grid-columns: auto auto auto auto auto auto auto auto;
      -ms-grid-rows: 125px;
      -ms-grid-gap: 5px 0;
         
    display: grid;
      grid-template-columns: auto auto auto auto auto auto auto auto;
      grid-template-rows: 125px;
      gap: 5px; 
      
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    background-color: transparent;
    color: white; 
    overflow-x: none; overflow-y: none;
 
}

.na-logo {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 1;
    background-color: white;
    color: white; 
    overflow-x: none; overflow-y: none;
}
  
.nav-home {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    grid-row: 1;
}
.nav-about {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
}
.nav-classes {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-column: 3;
    grid-row: 1;
}
.nav-dances {
    -ms-grid-column: 4;
    -ms-grid-row: 1;
    grid-column: 4;
    grid-row: 1;
}
.nav-gallery {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-column: 5;
    grid-row: 1;
}
.nav-membership {
    -ms-grid-column: 6;
    -ms-grid-row: 1;
    grid-column: 6;
    grid-row: 1;
}
.nav-contacts {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
    grid-column: 7;
    grid-row: 1;
}
.nav-news {
    -ms-grid-column: 8;
    -ms-grid-row: 1;
    grid-column: 8;
    grid-row: 1;
}

.body {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    padding: 30px 0 30px 30px;
}

.sidebar {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    grid-column: 1;
    grid-row: 2;
    padding: 30px 8px;
    border-right: 1px solid black;
    min-height: calc(100vh - 125px);
}



}