/* Walks Stylesheet 1, walks1.css */


@import "reset.css";

body {background: white;}

.horline {height:2px; width:100%; background-color:white; margin:8px 0 8px 0}

h1 { font-family: "Calibri", "Arial","sans serif"; font-size: 24pt; font-weight: bold; color:rgb(42,42,42); }
h2 { font-family: "Calibri", "Arial","sans serif"; font-size: 20pt; font-weight: bold; color:rgb(42,42,42); }
h3 { font-family: "Calibri", "Arial","sans serif"; font-size: 18pt; font-weight: bold; color:rgb(42,42,42); }
h4 { font-family: "Calibri", "Arial","sans serif"; font-size: 16pt; font-weight: bold; color:rgb(42,42,42);}
h5 { font-family: "Calibri", "Arial","sans serif"; font-size: 14pt; font-weight: bold; color:rgb(42,42,42); }
h6 { font-family: "Calibri", "Arial","sans serif"; font-size: 12pt; font-weight: bold; color:rgb(42,42,42); }

p {font-family: "Calibri", "Arial","sans serif"; font-size: 12pt; font-weight: bold; color:rgb(42,42,42); }

ol,ul { list-style-type : disc; padding-left:10px; }

img {max-width:100%}

.square { list-style-type : square;}
li {font-family: "Calibri", "Arial","sans serif"; font-size: 12pt; font-weight: bold; color:rgb(42,42,42); margin:10px 5px 10px 25px;}

a {font-family:"Calibri", "Arial","sans serif"; font-size: 12pt; font-weight: bold; text-decoration:none; color:rgb(42,42,42); }
a:focus   {background:rgb(222,222,222);}
a:visited {}
a:hover   {background:rgb(222,222,222);}
a:active  {background:rgb(222,222,222);}

a.toplink {font-family: "Times New Roman", serif; font-size: 16pt; font-weight: bold; text-decoration:none; color:rgb(0,153,201); display:block; }
a.toplink:focus   {background:rgb(225,249,255);}
a.toplink:visited {}
a.toplink:hover   {background:rgb(225,249,255);}
a.toplink:active  {background:rgb(225,249,255);}

a.pfont {font-family: "Calibri", "Arial","sans serif"; font-weight: bold; text-decoration:none; color:rgb(240,240,240); }
a.pfont:focus   {background:rgb(0,183,240);}
a.pfont:visited {}
a.pfont:hover   {background:rgb(0,183,240);}
a.pfont:active  {background:rgb(0,183,240);}

a.ablack       {color: black;}
a.ablack:focus {background: rgb(0,183,240);}
a.ablack:visited {}
a.ablack:hover {background: rgb(0,183,240);}
a.ablack:active {background: rgb(0,183,240);}

a.awhite       {color: white;}
a.awhite:focus {background: rgb(0,183,240);}
a.awhite:visited {}
a.awhite:hover {background: rgb(0,183,240);}
a.awhite:active {background: rgb(0,183,240);}

a.abgblack       {color: white;}
a.abgblack:focus {background: black;}
a.abgblack:visited {}
a.abgblack:hover {background: black;}
a.abgblack:active {background: black;}

a.bgwhite        {color: black;}
a.bgwhite:focus {background: white;}
a.bgwhite:visited {}
a.bgwhite:hover {background: white;}
a.bgwhite:active {background: white;}

a.algrey       {color: rgb(81,81,81);}
a.algrey:focus {background: rgb(210,210,210);}
a.algrey:visited {}
a.algrey:hover {background: rgb(210,210,210);}
a.algrey:active {background: rgb(210,210,210);}

a.agrey       {color: rgb(42,42,42);}
a.agrey:focus {background: rgb(210,210,210);}
a.agrey:visited {}
a.agrey:hover {background: rgb(210,210,210);}
a.agrey:active {background: rgb(210,210,210);}

a.acol02       {color: rgb(0,51,0);}
a.acol02:focus {background: rgb(210,210,210);}
a.acol02:visited {}
a.acol02:hover {background: rgb(210,210,210);}
a.acol02:active {background: rgb(210,210,210);}

.pointer {cursor:pointer}

.block {display:block}

.nodec {text-decoration:none}
.uldec {text-decoration:underline;}
.norm {font-weight: normal}

.col01   {color: rgb(90,90,90);}
.col02   {color: rgb(0,51,0);}
.col03    {color:rgb(189,210,147);}
.white   {color: white;}
.black   {color: black;}
.red     {color: red;}
.green   {color: green;}
.lgrey    {color:rgb(81,81,81);}
.blue    {color:rgb(0,0,255);}
.navy    {color:navy;}
.yellow  {color:rgb(255,255,0);}
.maroon {color:maroon;}
.dgreen {color:rgb(0,54,0)}

.bg01   {background: rgb(221,221,221);}
.bg02   {background: rgb(0,87,108);}
.bg03   {background: rgb(189,210,147);}
.bgwhite  {background: white;}
.bgblack  {background: black;}
.bgyell {background: rgb(255,255,153);}
.bglyell {background: rgb(255,255,204);}

.pad00   {padding: 0px;}
.pad01   {padding: 3px;}
.pad02   {padding: 5px;}
.pad03   {padding: 10px;}
.pad04   {padding: 20px;}
.pad05   {padding: 30px;}

.padlr01 {padding-left:5pt; padding-right:5pt;}
.padlr03 {padding-left:10pt; padding-right:10pt;}
.padlr05 {padding-left:30pt; padding-right:30pt;}

.padtb03 {padding-top:10pt; padding-bottom:10pt;}

.mgn00   {margin: 0px;}
.mgn01   {margin: 2px;}
.mgn02   {margin: 4px;}
.mgn03   {margin: 10px;}
.mgn04   {margin: 20px;}
.mgn05   {margin: 30px;}

.mgnlr03   {margin: 0px 10px 0px 10px;}
.mgnlr04   {margin: 0px 20px 0px 20px;}

.mgn11 {margin:2px 10px 2px 10px}

.tbord01 {border-collapse:separate; border-spacing:2px;}
.tbordw02l {border-collapse:separate; border-spacing:2px; border-style: solid; border-color: white; border-width: 2px 0 2px 2px;}
.tbordw02r {border-collapse:separate; border-spacing:2px; border-style: solid; border-color: white; border-width: 2px 2px 2px 0;}
.tbordw02 {border-collapse:separate; border-spacing:2px; border: solid white 2px;}
.tbord02 {border-collapse:separate; border-spacing:3px;}
.tbordgry01 {border-collapse:separate; border: solid rgb(127,127,127) 1px;}
.tbordl01 {border-collapse:separate; border: solid rgb(200,200,200) 1px;}

.tspace02 {border-spacing:2px;}

.bord01 {border:solid white 1px}
.bord02 {border:solid white 2px}
.bordr01 {border:solid rgb(198,30,0) 1px}
.bordg01 {border:solid rgb(127,127,127) 2px}
.bordg02 {border:solid rgb(127,127,127) 3px}
.bordy02 {border:solid rgb(255,255,0) 3px}

table {}
td{text-align:center;  font-family: "Calibri", "Arial","sans serif"; font-size: 12pt; font-weight: bold;}

td.link1 {}

.linked1{background:rgb(81,81,81)}

.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.just {text-align:justify}

.top {vertical-align:top}
.mid {vertical-align:middle}
.bot {vertical-align:bottom}

.links1 {font-family:"Times New Roman",serif; color: rgb(90,90,90)}
.space {width:45px; border: none;}

.nobord  {border-collapse:collapse; border-spacing:0px; border-style:none; border-width:0; border-color:blue }

.f4  {font-size: 4pt;}
.f8  {font-size: 8pt;}
.f10 {font-size: 10pt; }
.f12 {font-size: 12pt; }
.f14 {font-size: 14pt; }
.f16 {font-size: 16pt; }
.f18 {font-size: 18pt; }
.f24 {font-size: 24pt; }
.f30 {font-size: 30pt; }
.f34 {font-size: 34pt; }

.lh01 {line-height:16pt}
.lh02 {line-height:24pt}
.lh03 {line-height:30pt}

.auto {margin:auto}
.autoab {position: absolute; margin:auto; }

.floatleft {float:left; }
.floatright {float:right; }
.clearleft {clear:left;}
.clearright {clear:right;}
.clear {clear:both;}

#iframe1{}

#panel1 { position:fixed; top:0px; right:0px; z-index:5 }

   .fullonly {visibility:visible; overflow:visible; height:inherit; width:inherit}
   .mobonly {visibility:hidden; overflow:hidden; height:0; width:0}

  @media screen and (max-width:995px) {
   .fullonly {visibility:hidden; overflow:hidden; height:0; width:0}
   .mobonly {visibility:visible; overflow:visible; height:inherit; width:inherit}
  }

  @media screen and (min-width:996px) {
   .fullonly {visibility:visible; overflow:visible; height:inherit; width:inherit}
   .mobonly {visibility:hidden; overflow:hidden; height:0; width:0}
  }


div.overall {width:980px; max-width:100%; margin: 0px auto;}
div.overall1 {width:950px; max-width:100%; margin:auto; overflow:visible}
div.space1 {width:950px; max-width:100%; height:5px}
div.space2 {width:950px; max-width:100%; height:10px}

.clear {clear:both}

.mgnlr10   {margin: 0px 10px 0px 10px;}
.mgnlr20   {margin: 0px 20px 0px 20px;}

#pictures {margin:10px auto; width:950px; max-width:100%}

  div.links1outer {width:950px; max-width:100%; margin-top:20px}
  div.linksbord {border: solid 1px rgb(225,210,255)}
  div.links1a {width:40%; float:left}
  div.links1b {width:25%; float:left}
  div.links1c {width:35%; float:left}
  .links1a p {text-align:left; margin: 0 10px}
  .links1b p {text-align:center; margin: 0 10px}
  .links1c p {text-align:right; margin: 0 10px}

  div.links3outer {width:950px; max-width:100%; margin-top:20px}

  div.links3a {width:22%; float:left}
  div.links3b {width:13%; float:left}
  div.links3c {width:22%; float:left}
  div.links3d {width:19%; float:left}
  div.links3e {width:24%; float:left}
  .links3a p {text-align:left; margin: 0 10px}
  .links3b p {text-align:left; margin: 0 10px}
  .links3c p {text-align:left; margin: 0 10px}
  .links3d p {text-align:left; margin: 0 10px}
  .links3e p {text-align:right; margin: 0 10px}

a.toplink {font-family: "Times New Roman", serif; font-size: 16pt; font-weight: bold; text-decoration:none; color:rgb(0,90,201); display:block; }
a.toplink:focus   {background:rgb(225,249,255);}
a.toplink:visited {}
a.toplink:hover   {background:rgb(225,249,255);}
a.toplink:active  {background:rgb(225,249,255);}

div.header1 {position:relative; top:0; left:0; background:white; width: 950px; max-width:100%; overflow:hidden}
.headimgleft {position:absolute; top:0; left:0; width:100px; max-width:20%}
.headimgright {position:absolute; top:0; right:0; width:100px; max-width:20%}
div.header2 {position:relative; margin:0 100px}
.headtextleft {margin:3px 0; padding: 0; max-width:87%}
.headtextright {margin:3px 0; padding: 0; max-width:100%}

  @media screen and (max-width:950px) {
  div.links3a {width:35%; margin-bottom:10px; float:left}
  div.links3b {width:30%; margin-bottom:10px; float:left}
  div.links3c {width:35%; margin-bottom:10px; float:left}
  div.links3d {width:35%; margin-left:17%; float:left}
  div.links3e {width:35%; float:left}
  .links3a p {text-align:center}
  .links3b p {text-align:center}
  .links3c p {text-align:center}
  .links3d p {text-align:center}
  .links3e p {text-align:center}
  }

  @media screen and (max-width:850px) {
    div.links1a {width:100%; clear:left}
    div.links1b {width:50%; float:left}
    div.links1c {width:50%; float:left}
  .links1a p {text-align:center}
  .links1b p {text-align:center}
  .links1c p {text-align:center}
  }

  @media screen and (max-width:700px) {
    div.links3d {width:43%; margin-left:0}
    div.links3e {width:57%}
  }

  @media screen and (max-width:500px) {
    div.links1a {width:100%; clear:left}
    div.links1b {width:100%; clear:left}
    div.links1c {width:100%; clear:left}

    div.links3a {width:100%; clear:left}
    div.links3b {width:100%; clear:left}
    div.links3c {width:100%; clear:left}
    div.links3d {width:100%; margin-left:0; margin-bottom:10px; clear:left}
    div.links3e {width:100%; clear:left}

    div.header2 {margin:0 21%}

  }