/* stylesheet for Denver Sister Cities support pages - takayama */
/* last updated 18 March, 2020                    */

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; }
body.back    {background-image: url(images/WB00516_.gif); font-family: Arial, sans-serif; }
body.back2   {background: linear-gradient(to bottom, skyblue, palegreen); }

caption      {color: blue; font-weight: bold; font-size: 12pt; margin-bottom : 3mm;}

div          {}

.one         {border: groove 9px #B00060; max-width: 50%; padding-left: 6px;}

.contentContainer {display: block; position: relative; clear: both; 
                   margin: 0px; padding: 0px; }

.contentContainer2 {width:80%; margin-left: 18%;
                   margin: 0px; padding: 0px; }

.sideBox          {display: block; margin-left:  2px; padding-left:2px; border-radius: 1em;
             /*      position: fixed;  top: 34%;  */  float: left; clear: both;
                   width: 16%; border: solid blue 2px;}

.sideBoxNew       {display: block; margin-left:  2px; padding-left:2px;
                   float: left; clear: both;
                   width: 45%; }

.sideBoxf         {display: block; margin-left:  2px; padding-left:2px; border-radius: 1em;
                   position: fixed;  top: 36%;   float: left; clear: both;
                   width: 16%; border: solid blue 2px; }

.bottomBox        {display: block; margin-left: 15%; padding-left:6px; border-radius: 1em;
                   position: relative; bottom: 0%; 
                   width: 70%; border: solid blue 1px;}

.contentColumn    {margin: 5px 4px 4px 18%; width: 80%;}
.contentColumn2   {margin: 5px 4px 4px 18%; width: 70%;}

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

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

h1.topLogo   {font-size: 22pt; font-weight: bold; text-align: center; line-height: 2ex; 
               margin-bottom: 0; margin-top: 1em; text-align: center;}
.leanIn      {padding-left: 180px;}
.lesser1     {font-size:14pt; margin-top: 1.2em; padding-left: 180px;}
.lesser      {font-size:18pt; margin-top: 2em;}
h1.topPage   {font-size: 22pt; font-weight: bold; text-align: center; line-height: 1ex; 
               margin-bottom: 4em; margin-top: 4em;}

h2           {font-size: 22pt; text-align: center; font-weight: bold;}

h3           {font-size: 18pt; text-align: left; font-weight: bold; margin-left: 1em;}

hr           {margin-left: 1em; color:red; border-style: groove; border-width: 5px;}
hr.plain     {color:black; border-style: solid; border-width: 1px;}
hr.mid       {padding-left: 3em; border: red groove 3px; width: 85%}
img          {margin-top: -.8em; margin-bottom: -2em;} 

input        {font-weight: normal; font-size: 14pt;}
.leftButton  {float: left; margin-left: 1%;  border-radius: 4em; border: solid black 1px; font-size: 12pt;}
.rightButton {float: right; margin-right: 1%; border-radius: 4em; border: solid black 1px; font-size: 12pt;}


legend       {font-size: 14pt; font-weight: bold; color: red;}

li           {line-height: 2.5ex;} 
.tighter     {line-height: 1.2em;}
.opts        {line-height: 1.3em; font-size: 12pt; font-weight: normal;}

ul           {font-weight: normal; font-size: 14pt; list-style-type: square; line-height: 2em;}
.options     {font-weight: bold; font-size: 12pt; list-style-type: square;}
ul.answers   {font-weight: normal; font-size: 12pt; list-style-type: square; line-height: 1em; 
              margin-top: -4px; margin-left: 1em;}

p            {font-weight: normal; font-size: 10pt; font-family: arial;}

table.accounting
        {border: fuchsia 2px solid;  font-family: Arial, sans-serif; border-collapse: collapse;
         margin-left: 20px; margin-right: 8px;}
table.solidBlackBorder
        {border: black 1px solid;  font-family: Arial, sans-serif; border-collapse: collapse;}

table.solidBlackBorder2
        {border: black 2px solid;  font-family: Arial, sans-serif; border-collapse: collapse;}

td  {font-family: Arial, sans-serif; border: black 1px solid; padding-left: 2px; padding-right: 2px;}
.tdasth       {font-weight: bold; padding: 2px; text-align: center;}
.tdamt        {text-align: right; padding: 2px;}

.picsTable    {
               text-align: center; caption-side: top; color: red;
               font-family: Arial, sans-serif; font-weight: bold;
               font-size: 18pt; width: auto;
              }

caption.picsTable {
                   text-align: center; caption-side: top; color: red;
                   font-family: Arial, sans-serif; font-weight: bold;
                   font-size: 12pt; width: auto;
                  }

table.picsHold
             {
              border: black 1px solid;
              vertical-align: middle;
              border-collapse: collapse;
              border-spacing: 2px;
              text-align: center;
             }

caption.accounting
        {color: red;}
 
tr    {
       height: 200px;
      }
tr.accounting 
      {
       height: 1.2em;
      }
tr.new {height: 320px;}
tr.new2 {height: 220px;}
tr.text {height: auto; }

.cap  {
       height: 10px;
      }

td    {
       width: 160px;
      }       
td.now {width: 320px;}
td.text {height: auto; }

td.accounting 
      {
       height: 1.2em; 
      }
.narrow 
      {
       width: 2em;
      }
.action 
      {
       width: 3em;
      }
td.currency 
      {
       width: 3em;
       text-align: right; 
      }

/* classes used                        */

.alert        {color: fuchsia;}

.blue        {color: blue;}
.bluer       {font-family: 'Comic Sans MS', fantasy; font-style: oblique; font-size: 16pt; color: blue;}
.blueOptions {font-family: 'Comic Sans MS', fantasy; font-style: oblique; 
              font-size: 14pt; color: blue; line-height: 1.1em;}
.bold        {font-weight: bold;}
.bold12      {font-size: 12pt; font-weight: bold;}
.bold11      {font-size: 11pt; font-weight: bold; line-height: .95em;}
.bold14      {font-size: 14pt; font-weight: bold;}

.center      {text-align: center;}
.cool        {font-family: 'Comic Sans MS', fantasy; font-style: oblique; font-size: 16pt; color: darkred;}
.coolOptions {font-family: 'Comic Sans MS', fantasy; font-style: oblique; 
              font-size: 14pt; color: darkred; line-height: 1.2em;}
.copy        {font-size: 6pt;  text-align: center; }
.darkgreen   {color: darkgreen;}
.footer      {margin: 10px 0px; font-size: 10px; text-align: center;}
.forestgreen {color: forestgreen;}
.formButton  {font-family: Arial, sans-serif; margin: 1px; padding: 4px;
                line-height: 1.3em; font-size: 12pt; border-radius: 20px;
                border: solid black 2px;}
.GTFblue     {color: #0072B4; }
.halfplus    {width:60%;}
.halfplus2   {width:75%;}
.in6em       {margin-left: 6em;}
.in10em      {margin-left: 10em;}
.italicNorm  {font-style: italic; font-weight: normal; color: blue;}
.lead        {font-family: 'Comic Sans MS', fantasy; font-style: oblique; font-size: 16pt; color: red;}
.left        {float: left;}
.left1em     {margin-left: 1em;}
.left2em     {margin-left: 2em;}
.left5em     {margin-left: 5em;}
.linearound  {border: black 2px solid;}
.Rlinearound {margin-left: 6em; width: 60%;  border: black 2px solid; padding: 12px; border-radius: 1em; }
.Redlinearound {margin-left: 6em; width: 60%;  border: red 2px solid; padding: 12px; border-radius: 1em; }
.link        {font-size: 8pt; }
.mono        {font-family: 'courier new', monospace;}
.norm12      {font-size: 12pt; font-weight: normal;}
.norm14      {font-size: 14pt; font-weight: normal;}
.norm16      {font-size: 16pt; font-weight: normal;}

.picLeftNat  {padding-left: 5px;
              margin-left: 5px; margin-right: 20px;
              float: left;
              margin-top: 0; margin-bottom: 0;}

.plist       {font-size: 10pt; font-weight: normal; line-height: .65em;}

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

.question    {font-size: 12pt; font-weight: bold; line-height: 1em;}
.answer      {font-size: 12pt; font-weight: normal; margin-left: 2em; margin-right: 2em; line-height: 1.2em;}

.red         {color: red;}
.slideLeft   {margin-left: -4em;}
.subButton   {margin-left: 6em; border-radius: 4em; border: solid black 1px; font-size: 12pt;}
.subPoint    {margin-left: 2em; margin-right: 2em; font-size: 14pt; font-weight: bold; font-family: arial; }
.subStory    {margin-left: 4em; margin-right: 4em; font-size: 14pt; font-weight: bold; width:50%;}
.subStory2   {margin-left: 4em; margin-right: 4em; font-size: 12pt; font-weight: normal; width:70%;}
.subText     {margin-left: 2em; margin-right: 2em; font-size: 12pt;}
.subTextOpt  {margin-left: 2em; margin-right: 2em; font-size: 12pt; font-weight: bold; line-height: 1em;}
.textLeft    {text-align: left;}
.tenfive     {font-size: 10.5pt; }
.thin        {font-size: 4pt;}
.thinIndent  {margin-left: 2em; font-size: 4pt;}
.twelve      {font-size: 12pt;}
.two         {border: 2px solid lime; border-radius: 1em;  width: 85%;}
.twoa        {border: 2px solid lime; border-radius: 1em; width: 85%;}
.under       {text-decoration: underline;}