/* SPAStyles.css - style sheet for T3A web site */
/* last update: 10:19 AM 12/14/2018  */

a.topnav:link,a.topnav:visited {color:black;text-decoration:none;}
a.topnav:hover,a.topnav:active {color:red;text-decoration:underline;}

span.topnav:hover {background-color:yellow;}


  body      {font-family: Arial, sans-serif; }


  div.polaroid {
      width: 320px;
      padding: 5px 5px 5px 5px;
      border: 1px solid #BFBFBF;
      background-color: white;
      box-shadow: 10px 10px 5px #aaaaaa;
        }

  div.polaroid2 {
  /*    width: 300px; */
      padding: 5px 5px 5px 5px;
      border: 1px solid #BFBFBF;
      background-color: white;
      box-shadow: 10px 10px 5px #aaaaaa;
        }
     
  div.rotate_right {
      float: left; margin-left: 10px;
      -ms-transform: rotate(7deg); /* IE 9 */
      -webkit-transform: rotate(7deg); /* Safari */
      transform: rotate(7deg);
        }


  div.rotate_right2 {
      -ms-transform: rotate(7deg); /* IE 9 */
      -webkit-transform: rotate(7deg); /* Safari */
      transform: rotate(7deg);
        }
     
  div.rotate_left {
      float: left;
      -ms-transform: rotate(-8deg); /* IE 9 */
      -webkit-transform: rotate(-8deg); /* Safari */
      transform: rotate(-8deg);
        }

  div.rotate_left_border {
      float: left;
      -ms-transform: rotate(-8deg); /* IE 9 */
      -webkit-transform: rotate(-8deg); /* Safari */
      transform: rotate(-8deg);
      padding: 5px 5px 5px 5px;
      border: 1px solid #BFBFBF;
      background-color: white;
      box-shadow: 10px 10px 5px #aaaaaa;
        }

  h1        {font-size: 22pt; font-weight: bold; text-align: center; }
h1.topLogo  {font-size: 22pt; font-weight: bold; text-align: center; line-height: 2ex; 
              margin-bottom: 0; margin-top: 1em;
            }

  h2        {font-size: 18pt; font-weight: bold; line-height: 1.4em; margin: 1.07em 0;}

  legend    {color: red; font-weight: bold;}

  li        {font-size: 14pt;}

  ol        {font-family: monospace; font-weight: bold;}
 .lablist   {font-family: Arial; font-weight: normal;}

  p         {font-weight: normal; font-size: 14pt;}

  ul        {list-style-position: inside; list-style-type: square;}
 .out       {list-style-position: outside; list-style-type: square;}

 .announce  {border: solid black 3px; padding: 12px; width: 70%;}
 .arrow     {font-size:24pt;}
 .back      {background: linear-gradient(to bottom, skyblue, palegreen); }
 .back2     {background-image: url("images/WB00516_.gif"); font-family: Arial, sans-serif; }
 .backgreen {background-color: palegreen; }
 .blue      {color: blue;}
 .bold      {font-weight: bold;}
 .bottomBox {margin-left: 15%; padding-left: 6px; width: 70%;
             border: solid blue 2px; border-radius: 1em;}
 .bottomLogo {margin-left: 79%; padding-left: 5px; width: 14%;
             padding-right: 5px;}
 .blackBorder {border: solid black 2px; padding: 4px;}

 .center    {text-align: center;}
 .centercol {clear:both; margin-left: 35%;}
 .centerpic {clear:both; margin-left: 30%; width: 45%; }
 .centereffect {width: 52%;}
 .circle    {list-style-type: circle;}
 .clearBoth {clear:both;}

 .disc      {list-style-type: disc;}

 .eleven    {font-size: 11pt;}
 .emphasis  {color: indigo;}  

 .footer    {margin-left: 15%; padding-left: 6px; width: 70%;
             font-size: 10px;
             text-align: center;}
 .formButton {font-family: Arial, sans-serif; margin: 1px; padding: 1px;
              line-height: 1.3em; font-size: 12pt; border-radius: 20px;
              border: solid black 2px;}
 .fuchsia    {color: fuchsia;}

 .green     {color: green;}

 .halfplus  {width:70%;}

 .imgscale  {width: 100%; max-width: 100%; height: auto;}
 .imgscale2 {width: 100%; max-width: 600px; height: auto;}
 .imgscale3 {width:  48%; max-width: 600px; height: auto;}
 .imgscale4 {width: 100%; max-width: 450px; height: auto;}
 .in        {text-indent: 2em;}
 .inn       {margin-left: 4%;}
 .in0       {margin-left: 10%;}
 .in0a      {margin-left: 12%;}
 .in1       {margin-left: 15%;}
 .in18      {margin-left: 18%;}
 .in18thin  {margin-left: 18%; margin-bottom: -25px;}
 .in22      {margin-left: 22%;}
 .in2       {margin-left: 35%;}
 .inscreen  {margin-left: 30px;}
 .inscreen2 {margin-left: 60px;}
 .in3       {margin-left: 40%;}
 .in4       {margin-left: 42%;}
 .inabox    {border: black 2px solid; padding: 8px; margin: 8px; border-radius: 1em;}
 .indxcol   {float: left; width: 13%; 
             border: black solid 2px; border-radius: 1em; padding-left: 3px;}
 .indxcol2  {float: left; width: 15%; 
             border: black solid 2px; border-radius: 1em; padding-left: 3px;}

 .left      {float: left; }
 .left230   {margin-left: 230pt; }
 .leftb     {float: left; padding-left: 13px; padding-top: 3px; /* border: solid 2px red; */}
 .leftClear {float: left; clear: both;}
 .leftcol   {width: 27%; float: left; margin-right: 5px; margin-left: 5px;}
 .leftcolIn {width: 27%; float: left; margin-right: 5px; margin-left: 25px;}
 .leftpic   {float: left; margin-left: 15px;}
/* .leftpic   {width: 30%; float: left; margin-left: 8px;}  */
 .left5px   {margin-left: 5px;}
 .linearound {border: black 2px solid; margin-left: 3px;}
 .linearounda {border: black 2px solid; margin-left: 3px; padding: 0px 0px 0px 5px;}
 .linearoundb {border: black 4px solid; margin-left: 3px;}
 .link      {font-size: 8pt; }
 .linkButtonl {font-family: Arial, sans-serif; margin: 1px; padding: 1px;
               line-height: 1.3em; font-size: 12pt; border-radius: 20px;
               border: solid black 2px; width: 30%;}
 .linkButtonc {font-family: Arial, sans-serif; padding: 1px;
               line-height: 1.3em; font-size: 12pt; border-radius: 20px;
               border: solid black 2px; width: 30%; margin-left: 5%;}
 .linkButtonr {font-family: Arial, sans-serif; margin: 1px; padding: 1px;
               line-height: 1.3em; font-size: 12pt; border-radius: 20px;
               border: solid black 2px; width: 30%;}

 .magenta   {color: magenta;}
 .medium    {font-weight: 500;}
 .mediumWidth {width: 20%;}
 .mono      {font-family: monospace;}

 .narrowWidth {width: 18%;}
 .norm      {font-weight: normal;}

 .pad28px   {padding: 28px;}
 .padleft5px    {padding-left: 5px;}
 .partialwidth  {width: 60%;}
 .partialwidtha {width: 62%;}
 .partialwidth1 {width: 70%;}
 .partialwidth2 {width: 80%;}
 .partialwidth3 {width: 90%;}
 .pt12      {font-size: 12pt;}
 .pt14      {font-size: 14pt;}

 .red        {color: red;}
 .redBorder  {border: solid red 3px;}
 .redHr      {margin-left: 15%; width: 70%; border: red solid 2px;}
 .right      {float: right;}
 .rightcol   {margin-left: 29%; padding: 4px; 
              width: 52%; 
              margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}
 .rightcol2  {margin-left: 32%; padding: 4px; 
              width: 62%; 
              margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}
 .rightpic   {margin-left: 55%; width: 35%; }
 .rightpic2  {margin-left: 55%; width: 30%; }
 
 .sessionBox {margin-left: 18%; width: 72%;}
 .start      {font-family: 'Comic Sans MS', fantasy;
              font-style: oblique; font-size: 16pt;
              color: blue;}
 .square     {list-style-type: square;}
 .subPoint   {margin-left: 2em; margin-right: 2em;
              font-size: 14pt; font-weight: bold;}

 .ten       {font-size: 10pt;}
 .tenfive   {font-size: 10.5pt;}
 .thin      {font-size: 4px; line-height: 1em;}
 .topBox    {margin-left: 79%; padding-left: 5px; width: 14%;
             padding-right: 5px;
             border: solid blue 2px; border-radius: 1em;}

 .under      {text-decoration: underline;}

 .widecol   {margin-left: 4%; width:60%; float:left;}

 .yellow    {color: yellow;}