@charset "utf-8";


body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 90%;
  font-weight: normal;
  background-color: #FFFFFF;
  background-image: none;
  }

h1,h2,h3 {font-weight: normal; color: #000099;}

h1 {
  display: inline-block;
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  min-width: 300px;
  margin-right: auto;
  margin-bottom: 0.2em;
  border: 1px solid #0000CC;
  }

h2,h3 {
  display: inline-block;
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  margin-right: auto;
  margin-bottom: 0.2em;
  border-bottom: 2px solid #0000CC;
  }

@media only screen and (max-width: 2224px) {
  body {
    transform: scale(1.5);
    transform-origin: 0 0;
    }
  h2,h3 {
    padding-top: 0.4em;
    }
  }

h3 {
/*padding-top: 0em;
  padding-bottom: 0em;
  margin: 0px;*/
  }

/* Body wrapper */
div#wrapper {
  margin: auto;
  max-width: 1161px;
  position: relative;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
  }

span.tiny {
  font-size: xx-small !important;
  }

code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  }
.mono {
  font-family:"Lucida Console", Monaco, monospace;
  }
/*---------------------------------------------------------+
|   Page header styles                                     |
+---------------------------------------------------------*/
div#header {
  margin: 0;
  padding: 0;
  color: #000099;
  border: 1px dashed #FF0000;
  width: 100%;
  }

div#logo {
  float: left;
  height: 100px;
  width: 300px;
  text-align: center;
  vertical-align: middle;
  }

img#logo {
  margin-top: 0px;
  }


#head {
  height: 100px;
  width: auto;
  position: relative;
  left: 0px;
  top: 0px;
  margin-left: 200px;
  padding-left: 0px;
  }

div#toplinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
/*border: 1px dashed #00FF00;*/
  min-height: 30px;
  width: 100%;
  }

div#signedin {
/*border: 1px dashed #00FF00;*/
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 75%;
  font-weight: bold;
  color: #000099;
  }

div#name {
/*  border: thin dashed #FF33FF;*/
  font-weight:normal;
  line-height:1.1;
  position: absolute;
  left: 20px;
  top: 10px;
  margin-left: 150px;
  }

#name h1 {
  font-size: 250%;
  text-align: left;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  }

#name h4 {
  font-weight: normal;
  font-size: 100%;
  text-align: center;
  }

table#main {
  clear: left;
  width: 100%;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #000099;
  border-collapse:collapse;
  margin-top: 3px;
  }
/*---------------------------------------------------------+
|   Body Table - covers navigation and contents            |
+---------------------------------------------------------*/
table#body {
  width: 100%;
  color: #5E2F00;
 /* border: 1px dashed #33FF00;*/
  }
/*---------------------------------------+
|   Navigation menu                      |
+---------------------------------------*/
td#nav {
  /*  white-space: nowrap;*/
  vertical-align: top;
  margin-bottom: 1em;
 /* font-size: 75%;*/
  color: #000099;
  width: 200px;
  padding-left: 5px;
  border-right-width: 4px;
  border-right-style: solid;
  border-right-color: #000099;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #000099;
  }

td#nav h3 {
  font-size: 100%;
  margin: 0;
  color: #000088;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 0;
  padding-left: 0;
  }

td#nav a {
  display: block;
  text-decoration: none;
  font-size: 75%;
  padding: 2px 10px 1px 10px;
  margin: 0 0 0 0.66em;
  color: blue;
  background: transparent url(../images/blank_left.gif) -4px 50% no-repeat;
  }

td#nav a:link  {text-decoration: none;}
td#nav a:visited  {text-decoration: none;}
td#nav a:active {text-decoration: none;color: red;}
td#nav a:hover {text-decoration: underline;}

/*---------------------------------------+
|            Content                     |
+---------------------------------------*/
div#content {
  width: 100%;
/*  max-width: 1161px; */
  min-height: 5in;
  margin: auto;
  position: relative;
  padding: 15px;
  outline-style: dashed;
  outline-color: blue;
  outline-width: 1px;
  background-image: url(../images/Texture0306.jpg);
  box-sizing: border-box;
  }

a.edit,td#nav a.edit {
  font-size: 90%;
  margin-top: 1em;
  display: block;
  }

a.edit:link,td#nav a.edit:link {color: #008800; text-decoration: none;}
a.edit:visited,td#nav a.edit:visited {color: #008800; text-decoration: none;}
a.edit:active,td#nav a.edit:active {color: #008800; text-decoration: none;}
a.edit:hover,td#nav a.edit:hover {text-decoration: underline;}

div#date {
  text-align: right;
  padding: 2px;
  }

div#footer {
  clear: both;
  margin: 0px;
  padding: 0px;
  font-size: 70%;/* border: 1px dotted #0000CC;*/
  }

div.clearer {clear: both; line-height: 0; height: 0;}

h1 a:visited {color: inherit;}
h2 a:visited {color: inherit;}
h3 a:visited {color: inherit;}
h4 a:visited {color: inherit;}

a:hover {color: blue;}

a.new:link {color: red;}
a.new:visited {color: rgb(192,0,0);}

table.border {
  padding: 6px;
  text-align: left;
  width: 100%;
  max-width: 400px;
  margin-top: 12px;
  margin-left: -6px;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #880000;
  border-right-color: #880000;
  border-bottom-color: #880000;
  border-left-color: #880000;
  }
div.border {
  padding: 6px;
  text-align: left;
  width: 100%;
  max-width: 400px;
  margin-top: 12px;
  margin-left: -6px;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #880000;
  border-right-color: #880000;
  border-bottom-color: #880000;
  border-left-color: #880000;
  margin-bottom: 12px;
  }


div.infomsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #009900;
  /*border: 1px dotted #009900;*/
  }

div.errormsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #FF0000;
  /*border: 1px dotted #FF0000;*/
  }

div.messages {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 10px;
  border: 1px solid #000000;
  max-width: 600px;
  }
/*---------------------------------------+
|    Pretty Table                        |
+---------------------------------------*/
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
  }

table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em 0.5em 0.2em 0.5em;
  }

table.prettytable th {
  background: #f2f2f2;
  text-align: center;
  }

/*---------------------------------------+
|    Blank Table                         |
+---------------------------------------*/
table.blank {
  border-collapse: collapse;
  border: 0px none #000000;
  vertical-align: top;
  }

table.blank>thead>tr>th, table.blank>tbody>tr>td {
  border: 0px none #000000;
  padding: 0.2em;
  vertical-align: top;
  }

table.blank>thead>tr>th {
  background: #FFF8E7;
  text-align: center;
  }

/*---------------------------------------+
|   Table positioning                    |
+---------------------------------------*/
td.column_left {
  text-align: left;
  vertical-align: top;
  padding: 3px;
  }

td.column_center {
  text-align: center;
  vertical-align: top;
  padding: 3px;
  }

td.column_right {
  text-align: right;
  vertical-align: top;
  padding: 3px;
  }

div.img_right {
  float: right;
  font-family: "Courier New", Courier, mono;
  font-size: x-small;
  color: #66CC33;
  }

div.img_left {
  font-family: "Courier New", Courier, mono;
  font-size: x-small;
  color: #66CC33;
  }

div.img_frame {
 float: right;
 border: thin solid #000000;
  font-family: "Courier New", Courier, mono;
  font-size: x-small;
  color: #66CC33;
  }

/*---------------------------------------+
|    Form Table                          |
+---------------------------------------*/
table.form {
  border-collapse: collapse;
  border: 0px none #000000;
  vertical-align: middle;
  }

table.form th, table.form td {
  border: 0px none #000000;
  padding: 0.2em;
  vertical-align: top;
  }

table.form th {
  background: #FFF8E7;
  text-align: center;
  }

table.form td.form {
  text-align: right;
  }
/*---------------------------------------+
|    Ledger Table                        |
+---------------------------------------*/
table.ledger {
  border: 2px solid #000000;
  border-spacing: 0px;
  border-collapse: separate;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  margin-top: 1em;
  }

table.ledger tr.shade {
  background-color: #E4ECF3;
  }

table.ledger tr.white {
  background-color: #FFFFFF;
  }

thead th {
  vertical-align: bottom;
  border: 1px solid #5C9CDB;
  border-width: 0 1px 1px 0;
  white-space:normal;
  padding-right: 5px;
  padding-left: 5px;
  }

table.ledger td {
  border-left-width: 1px;
  border-left-style: solid;
  border: 1px solid #5C9CDB;
  padding-right: 5px;
  padding-left: 5px;
  }
/*---------------------------------------+
|    Who's Who                           |
+---------------------------------------*/
table.whoswho {
  border-collapse: collapse;
  }

table.whoswho td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: collapse;
  padding-right: 1em;
  padding-left: 1em;
  }
/*---------------------------------------+
|                                        |
+---------------------------------------*/

div.img_right {
  float: right;
  font-family: "Courier New", Courier, mono;
  font-size: x-small;
  color: #66CC33;
  margin: 4px;
  }

div.img_left {
  float: left;
  font-family: "Courier New", Courier, mono;
  font-size: x-small;
  color: #66CC33;
  margin: 4px;
  }

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

div.img_frame {
  border: thin solid #000000;
  padding: 2px;
  }

div.img_caption {
  font-size: 12px;
  text-align: center;
  margin: 1px;
  color: #000000;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  }

div.infomsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #009900;
  /*border: 1px dotted #009900;*/
  }

div.warningmsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #FF6600;  /*border: 1px dotted #009900;*/
  }

div.errormsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #FF0000;
  /*border: 1px dotted #FF0000;*/
  }

div.messages {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 10px;
  border: 1px solid #000000;
  max-width: 600px;
  }

/*--------------------------------------------+
|     Home Page Content                       |
+--------------------------------------------*/
td#homepage {
  width: 100%;
/*border: 1px dashed #0066FF;*/
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  }

td#homepage h2 {
  font-size: 160%;
  font-weight: normal;
  margin-top: 0px;
  }

div#slab {
  border: 1px dashed #00CC00;
  bottom: 1px;
  clear: both;
  position: relative;
  }

div#slideshow {
  height: 300px;
  width: 400px;
  margin-left: 0px;
  margin-bottom: 10px;
  /*border: 1px dashed #0000FF;*/
  }

span.finger {
  font-size: 24px;
  }
/*---------------------------------------+
|            Footer                      |
+---------------------------------------*/
div#date {
  text-align: right;
  padding: 2px;
  }
/*----------------------------------------------------------
      Home Page Content
----------------------------------------------------------*/
img.slideshow {
  float: right;
  }

/*---------------------------------------+
|      Form Text                         |
+---------------------------------------*/
div.formtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #600000;
  display: inline-block;
  padding-right: 2em;
  }

div.areatext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #600000;
  max-width: 500px;
  }

div.clearer {clear: both; line-height: 0; height: 0;}

/*---------------------------------------+
|       Confirmation Popup               |
+---------------------------------------*/
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #888;
  z-index:1001;
  -moz-opacity: 0.4;
  opacity:.40;
  filter: alpha(opacity=40);
  }

.white_content {
  display: none;
  position: absolute;
  top: 40%;
  left: 15%;
  width: auto;
  height: auto;
  padding: 8px;
  background-color: white;
  z-index:1002;
  overflow: auto;
  right: auto;
  bottom: auto;
  -moz-box-shadow:    3px 3px 5px 6px #666;
  -webkit-box-shadow: 3px 3px 5px 6px #666;
  box-shadow:         3px 3px 5px 6px #666;
  color: #CC0000;
  }
/*-----------------------------------------------------------------------+
|                                                                        |
|                         Navigation Menu                                |
|                                                                        |
+-----------------------------------------------------------------------*/
#navbar {
  background-color: #EEEEEE;

  position: relative;
  }

div#navigation {
  font-family: Helvetica, Arial, sans-serif;
  max-width: 1161px;
  font-size: 14.4px;
  margin: auto;
  display: flex;
  }

#navigation ul, #navigation li, #navigation a {
  margin: 0;
  padding: 0;
  }
#navigation li {
  list-style: none;
  }
#navigation a {
  text-decoration: none;
  color: #000000;
  }

/* Menu bar block */
#navigation ul li {
  display: inline-block;
  z-index: 10;
  }

/*---- Menu bar text ----*/
#navigation ul > li a,#navigation ul > li span {
  font-weight: 300;
  line-height: 24px;
  display:inline-block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  letter-spacing: 1px;
/*outline-style: dashed;
  outline-color: white;
  outline-width: 1px;*/
  /*padding:0px 10px;*/
  }

/* All menu block hover */
#navigation ul li a:hover {
  background: #EEEEEE;
  }

/*---- Drop-down menu ----*/
#navigation ul li ul {
  color: #000;
  display: none;
  position: absolute;
  background: #ffffff;
  z-index: 1;
  }

/*---- Drop-down menu block ----*/
#navigation ul li ul li {
  color: #000;
  display: block;
  float: none;
  line-height: 36px;
  height: 36px;
  z-index: 1;
  }

/*---- Drop-down menu item text ----*/
#navigation ul li ul li a:link,#navigation ul li ul li a:visited {
  background: #ffffff;
  display: block;
  color: #000000;
  }

/*-----------------------------------------------------------------------+
|                                                                        |
|                         Link Pages                                     |
|                                                                        |
+-----------------------------------------------------------------------*/
div.links li {
  list-style: none;
  }
div.links li a {
  font-weight: 300;
  line-height: 24px;
  font-size: 110%;
  }
div.links li a:link  {text-decoration: none;}
div.links li a:visited  {text-decoration: none;}
div.links li a:active {text-decoration: none;color: red;}
div.links li a:hover {text-decoration: underline;}

table.linktab {
  }

table.horiz {
  display: inline-block;
  }

table.linktab td a {
  font-weight: 300;
  line-height: 24px;
  font-size: 110%;
  margin-right: 2em;
  }

table.linktab td a:link  {text-decoration: none;}
table.linktab td a:visited  {text-decoration: none;}
table.linktab td a:active {text-decoration: none;color: red;}
table.linktab td a:hover {text-decoration: underline;}

a.btn {
  background-color: #E9E9F9;
  color: #0000CC !important;
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #000088;
  border-radius: 4px;
  min-width:200px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  }
a.btn:hover {
  background-color: #E9E9F9;
  color: #0000EE !important;
  }

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