/*****************************************************************/
/************************ Initial Values *************************/
/*****************************************************************/

body {
  font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
  margin: 2px;
  padding: 2px;
  background-color: #ffffff;
}

p,
h1,
h2,
h3,
h4,
h5,
h5,
ol,
ul {
  margin: 0px;
  padding: 0px;
}

/*****************************************************************/
/************************ Page Layout ****************************/
/*****************************************************************/

#wrapper {
  width: 100%;
  margin: 0;
}

#wrapper .onecolumn {
  min-height: 500px;
  background-color: #e0f1fc;
}

#menubar {
  float: left;
  width: 11%;
  margin-top: 10px;
}

#main {
  width: 88.5%;
  float: right;
  margin-top: 10px;
  min-height: 500px;
  background-color: #e0f1fc;
}

/*****************************************************************/
/************************ Banner *********************************/
/*****************************************************************/

#banner {
  /* TODO blue-arrow.png file is not found; remove unused CSS? */
  background: url(banner_bg.jpg) repeat-x left top;
  position: relative;
  border: 1px solid black;
}

/*****************************************************************/
/*********************** Navigation List *************************/
/*****************************************************************/

#nav {
  margin-bottom: 0px;
  position: absolute;
  top: 75px;
  left: 5px;
  color: #0074bd;
}

#nav li {
  list-style-type: none;
  padding: 0px;
  margin: 0;
  float: left;
  background-color: #e0f1fc;
}

#nav a {
  display: block;
  font-size: 11px;
  color: white;
  background-color: #015a93;
  text-decoration: none;
  padding: 2px 2px 2px 3px;
  width: 8em;
  margin-left: 2px;
  border-right: 1px solid #73afb7;
  border-bottom: 1px solid #73afb7;
  font-weight: bold;
  margin-bottom: 2px;
}

#nav a:hover {
  background: #73afb7;
  border-right: 1px solid #14556b;
  border-bottom: 1px solid #14556b;
  color: #015a93;
  background-color: #e0f1fc;
}

/* highlight "you are here" buttons */

#home #nav a#homeLink,
#FAQs #nav a#FAQLink,
#contact #nav a#contactLink {
  border-right: 1px solid #14556b;
  border-bottom: 1px solid #14556b;
  color: #015a93;
  background-color: #e0f1fc;
}

#logo {
  /* TODO blue-arrow.png file is not found; remove unused CSS? */
  background: url(banner_flower.jpg) no-repeat right top;
  height: 100px;
}

/*****************************************************************/
/************************* Main **********************************/
/*****************************************************************/

h1 {
  color: #294e56;
  margin-top: 10px;
  padding-bottom: 4px;
  font-size: 2.4em;
  border-top: 4px solid #294e56;
  line-height: 100%;
}

.section {
  display: inline;
  color: #999999;
  font-weight: normal;
}

.floatRight9080 {
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  width: 49%;
}

.floatLeft9080 {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  width: 49%;
}

.floatRight95 {
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  width: 95%;
}

.floatLeft5 {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  width: 2%;
}

.floatRight75 {
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  width: 75%;
}

.floatLeft25 {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  width: 23%;
}

.floatRight25 {
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  width: 25%;
}

.floatLeft75 {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  width: 73%;
}

.floatRight65 {
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  width: 64%;
}

.floatLeft35 {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  width: 35%;
}

.floatRight55 {
  float: right;
  margin-left: 3px;
  margin-right: 3px;
  width: 54%;
}

.floatLeft45 {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  width: 45%;
}

.floatRight33 {
  float: right;
  margin-left: 25px;
  margin-right: 3px;
  width: 32%;
}

.floatLeft33 {
  float: left;
  margin-left: 3px;
  margin-right: 25px;
  width: 32%;
}

.floatRight5A {
  float: right;
  margin-left: 2px;
  margin-right: 2px;
  width: 5%;
}

.floatLeft5A {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  width: 5%;
}

img.floatRight {
  border: 2px solid #000000;
}

p {
  color: #666666;
  font-size: 1.6em;
}

/* TODO clean up 903.css; this was commented out because ugly and otherwise unused */
/* h2 {
  color: #f4be04;
  font-size: 1.9em;
  margin-top: 10px;
  overflow: hidden;
  padding-top: 0px;
  background: url(../images/bg_h2.gif) repeat-x left bottom;
} */

select {
  min-width: 12em;
}

input.radio {
  display: inline;
  margin-left: 0.5em;
}

radio {
  display: inline;
  margin-left: 0.5em;
}

form.event select {
  min-width: 2em;
}

.required {
  font-size: 0.75em;
  color: #760000;
}

.box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin: 15px;
  padding: 1em;
  border-color: white;
  border: 1px solid;
  background-color: white;
}

.widebox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 5px;
  padding: 1em;
  border-color: white;
  border: 1px solid;
  background-color: white;
}

.imageBox {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin: 15px;
  padding: 1em;
  border-color: white;
  border: 1px solid;
}

.welcomeLinkBox {
  width: 25%;
  float: left;
  margin: 20px;
  display: inline;
  border-color: white;
  background-color: white;
}

.welcomeLinkImage {
  float: right;
  margin: 5px 10px 2px 15px;
  border-color: white;
}

a {
  cursor: pointer;
}

.separateFloats {
  clear: both;
}

div#container {
  margin-left: auto;
  margin-right: auto;
  width: 50em;
  display: inline;
}

div#centeredContainer {
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.centeredBox {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  border-color: white;
  border: 1px solid;
  background-color: white;
}

.center {
  text-align: center;
}

.inline {
  display: inline !important;
  vertical-align: middle !important;
}

.hidden {
  display: none;
}

.unhidden {
  display: block;
}

dl.table-display {
  float: left;
  width: 520px;
  margin: 1em 0;
  padding: 0;
  border-bottom: 1px solid #999;
}

.table-display dt {
  clear: left;
  float: left;
  width: 200px;
  margin: 2px;
  padding: 2px;
  border-top: 1px solid #999;
  font-weight: bold;
}

.table-display dd {
  float: left;
  width: 300px;
  margin: 2px;
  padding: 2px;
  border-top: 1px solid #999;
}

dl.border-around {
  margin: 2em 0;
  padding: 0;
  width: 100%;
}

.border-around dt {
  background-color: #131210;
  color: #959289;
  padding: 1em;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  border-left: 1px solid #131210;
  border-right: 1px solid #131210;
  border-top: 1px solid #131210;
}

.border-around dd {
  margin: 1em 1em 1em 1em;
  background: #dbd8d8;
  text-align: left;
  padding: 1em 1emem;
  font-style: italic;
  border-left: 1px solid #131210;
  border-right: 1px solid #131210;
  border-bottom: 1px solid #131210;
}

dl.multiple-table {
  margin: 2px 2px;
  padding: 2px;
}

dl.multiple-table dt {
  clear: left;
  float: left;
  width: 49%;
  margin: 3px;
  padding: 2px;
  text-align: right;
}

dl.multiple-table dd {
  padding: 2px 2px 2px 2px;
}

/*****************************************************************/
/************************* Menus *********************************/
/*****************************************************************/

#menus {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 1.2em;
  border-top: 1px solid #294e56;
  border-right: 1px solid #294e56;
}

#menus li {
  display: inline;
}

#menus .title {
  font-weight: bold;
  display: block;
  color: #666666;
}

#menus a {
  text-decoration: none;
  display: block;
  padding: 5px;
  border-bottom: 1px solid #294e56;
  color: #73afb7;
  line-height: 110%;
  background: #ffffff url(../images/bg_link.png) no-repeat right top;
}

/* hack for IE 6 < to make entire block clickable */

* html #menus {
  height: 1px;
}

#menus a:hover {
  color: #000000;
  background-image: url(../images/bg_link_h.png);
}

/*****************************************************************/
/************************* Table *********************************/
/*****************************************************************/

table.separate {
  border-collapse: separate;
}

table thead th a {
  display: block;
  background: transparent url(../images/sort.png) no-repeat scroll center right;
  color: #cce3f2;
}

thead {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1px;
  margin-right: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  background-color: white;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1px;
  margin-right: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

th {
  line-height: 15px;
  background-color: #0074bd;
  color: #cce3f2;
  white-space: nowrap;
  border: 1px solid #ccc;

  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1px;
  margin-right: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

td {
  font-size: 100%;
  color: black;
  border: 1px solid #ccc;

  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1px;
  margin-right: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

th.paging {
  font-size: 14px;
  background-color: white;
  color: black;
  border: 1px solid #ccc;
}

th.paging a {
  margin-left: 3 em;
  margin-right: 3 em;
  margin-bottom: 3px;
  margin-top: 3px;
}

table thead th.active a {
  color: #fce4a6;
  background: transparent url(../images/sort_hl.png) no-repeat scroll center right;
}

#main form.standard {
  clear: both;
  margin-top: 1.5 em;
  margin-bottom: 1.5 em;
  padding: 1.5em;
  border-color: white;
  background-color: white;
}

#main form.standard legend {
  color: #015a93;
  font-size: 14px;
  font-weight: bold;
}

legend {
  color: blue;
  font-size: 14px;
  font-weight: bold;
}

#main form.standard label {
  display: inline;
  margin-bottom: 3px;
  color: #015a93;
  font-weight: bold;
}

#main form.standard ul ol {
  padding: 2px;
  margin: 2px;
}

#main form.standard ul li {
  margin: 1em;
}

input,
select {
  vertical-align: top;
  border: 1px solid #999;
  display: inline;
}

textarea {
  vertical-align: top;
  border: 1px solid #999;
  width: 100%;
}

Input[type=text]:focus, textarea:focus {
  background: #ffc;
}

#main form.standard fieldset {
  border: 1px solid #999;
  padding: 15px;
  margin: 15px;
  vertical-align: top;
  display: inline;
}

#main form.standard fieldset span.title {
  margin: auto;
  margin-bottom: 2em;
  font-size: 12px;
  padding: 1em;
}

#main form.standard fieldset.switch {
  width: 55em;
  display: inline;
}

#main form.standard fieldset > ul {
  min-width: 30em;
}

form.standard button {
  margin: 10px 7px 5px 7px;
}

#main form.standard fieldset > button {
  margin: 10px 14px 5px 0;
}

button,
.button {
  font-family: Verdana, sans-serif;
  cursor: pointer;
  font-size: 11px;
  background-color: #390;
  color: white;
  border: 1px solid #170;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: auto !important;
  font-weight: bold;
  direction: ltr; /* override buttonarea */
}

.button {
  padding: 1px 1em;
  text-decoration: none;
}

button:hover,
.button:hover {
  background-color: #4a0;
}

button.disabled:hover,
.button.disabled:hover {
  background-color: #ddd;
}

button.delete {
  border-color: #880900;
  background-color: #991a00;
  float: right;
}

button.delete:hover {
  background-color: #aa2b00;
}

#main form.standard p.buttonarea {
  clear: both;
  margin: auto;
  text-align: center;
  vertical-align: 50%;
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #ccc;
  direction: rtl;
}

button.switch {
  float: right;
  position: relative;
  right: -10px;
  top: -20px;
}

#main a.linkButton {
  background-color: #339900;
  border: 1px solid #117700;
  color: white;
  cursor: pointer;
  direction: ltr;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 1px 1em 3px;
  position: relative;
  text-decoration: none;
  top: 2.4px;
  width: auto !important;
}

.linkButton {
  font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.linkButtonC {
  background-color: Gold;
  border: 1px solid #117700;
  color: Blue;
  cursor: pointer;
  direction: ltr;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: auto;
  padding: 1px 1em 3px;
  position: relative;
  text-decoration: none;
  top: auto;
  width: auto !important;
}

.buttonS,
.buttonS1,
.buttonS2,
.buttonS3,
.buttonS4,
.buttonS5 {
  background-color: #2f4f4f; /* DarkSlateGray*/
  border: Blue; /*CornflowerBlue */
  color: White;
  cursor: pointer;
  direction: ltr;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  margin-bottom: auto;
  padding: 1px 1em 3px;
  position: relative;
  text-decoration: none;
  top: auto;
  width: auto !important;
  border-width: 2px;
}

.buttonS1 {
  background-color: #6495ed; /*CornflowerBlue */
  border: #2f4f4f; /* DarkSlateGray*/
  color: Brown;
}

.buttonS2 {
  background-color: #bdb76b; /*DarkKhaki */
  border: Green;
  color: #00008b; /*Dark Blue*/
}

.buttonS3 {
  background-color: #b22222; /* Fire Brick */
  border: Green;
  color: #ffffe0; /* LightYellow */
}

.buttonS4 {
  font-size: 16px;
  font-family: Arial, sans-serif;
  height: 26px;
  background-color: #779999;
  border-style: solid;
  border: Green;
  color: Blue;
  border-width: 1px;
}

.buttonS5 {
  font-weight: bold;
  width: 102px;
  height: 26px;
  background-color: #4169e1; /* Royal Blue */
  border-style: solid;
  border-color: Black;
  border-width: 1px;
  color: #ff8c00; /* DarkOrange; */
}

.linkButtonNP {
  background-color: #4682b4;
  border: 1px solid #00008b;
  color: Black;
  cursor: pointer;
  direction: ltr;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: auto;
  padding: 1px 1em 3px;
  position: relative;
  text-decoration: none;
  top: auto;
  width: auto !important;
}

.linkButtonArrow {
  background-color: #4682b4;
  border: 1px solid #00008b;
  color: Black;
  cursor: pointer;
  direction: ltr;
  font-family: Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: auto;
  padding: 1px 1em 3px;
  position: relative;
  text-decoration: none;
  top: auto;
  width: auto !important;
}

/*****************************************************************/
/************************* Footer ********************************/
/*****************************************************************/

#footer {
  clear: both;
  margin-top: 15px;
  border-top: 1px solid #666666;
  padding: 5px 0 0 5px;
}

#footer p {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.75em;
}

#footer p:first-child {
  margin-top: 0.75em;
}

#footer a {
  color: blue;
}

.mtextb {
  font-family: Times New Roman, Times;
  font-size: 14px;
  font-weight: bold;
}

.stextb1 {
  font-family: Times New Roman, Times;
  font-size: 14px;
}

.stextb-bak {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 12px;
}

.stextb {
  font-family: arial, sans-serif;
  font-size: 14px;
  /*color:#676767;  Gray */
}

.stext {
  font-family: Times New Roman, Times;
  font-size: 11px;
  color: Red; /*Sienna*/
}

.mtext {
  font-family: Times New Roman, Times;
  font-size: 14px;
}

.mtext1 {
  font-family: Times New Roman, Times;
  font-size: 14px;
}

.mtext2 {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 12px;
}

.mtext3 {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 14px;
}

.mtext4 {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
}

.mtext5 {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
}

.mtext6 {
  font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  font-size: 12px;
}
.mtext7 {
  font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  font-size: 14px;
}

.mtext8 {
  font-family: Courier New, Courier, monospace;
  font-size: 12px;
}
.mtext9 {
  font-family: Courier New, Courier, monospace;
  font-size: 14px;
}

.mtext10 {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #676767;
}

.mtext11 {
  font-family: arial, sans-serif;
  color: #676767;
  font-size: 14px;
}

.welcome {
  font-family: Times New Roman, Times;
  font-size: 24px;
  color: MediumBlue;
}

.standout {
  font-family: Times New Roman, Times;
  font-size: 20px;
  color: #a0522d; /*Sienna*/
}

.standoutR {
  font-family: Times New Roman, Times;
  font-size: 20px;
  color: Red;
}

.specialnote {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  /*color:#DC143C;*/
  color: Black;
  font-weight: bold;
}

.specialnoteG {
  font-family: Verdana, sans-serif;
  font-size: 9px;
  color: Green;
  font-weight: bold;
}

.specialnoteR {
  font-family: Verdana, sans-serif;
  font-size: 9px;
  color: #dc143c;
  font-weight: bold;
}

.specialquestion {
  font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
  font-size: 12px;
  color: #0000ff; /*Blue*/
}

.specialquestion-small {
  font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
  font-size: 10px;
  color: #0000ff; /*Blue*/
  float: right;
}

.totals {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  color: RoyalBlue;
}

.left-align {
  text-align: left;
}

.wl-label {
  color: #a52a2a; /*Brown*/
}

/*****************************************************************/
/************************* BREADCRUMB ***************************/
/*****************************************************************/
ul,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#breadcrumbs {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  line-height: 20px;
  overflow: auto;
  font-size: 11px;
  font-weight: bold;
}
#breadcrumbs li {
  float: left;
  padding-left: 8px;
}
#breadcrumbs li a {
  padding: 0 24px 2px 0;
  /* TODO blue-arrow.png file is not found; remove unused CSS? */
  background: transparent url(blue-arrow.png) no-repeat right center;
}
#breadcrumbs li a:link,
#breadcrumbs li a:visited {
  text-decoration: none;
  color: #003366;
}
#breadcrumbs li a:hover,
#breadcrumbs li a:focus {
  text-decoration: underline;
  color: #0099cc;
}
#breadcrumbs li {
  color: #ff9900;
}
/*****************************************************************/
/************************* BREADCRUMB ***************************/
/*****************************************************************/
.projectsSubpages {
  font-family: Times New Roman, Times;
  font-size: 12px;
  color: #a0522d; /*Sienna*/
}

/*****************************************************************/
/********************** MOVED FROM LAYOUT ************************/
/*****************************************************************/
.left-wrap {
  margin-left: 20%;
}
@media only screen and (max-width: 800px) {
  .left-wrap {
    margin-left: 5%;
  }
}

.right-wrap {
  margin-right: 20%;
}
@media only screen and (max-width: 800px) {
  .right-wrap {
    margin-right: 5%;
  }
}

.pl-2-right {
  padding-right: 0.5rem !important;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-right-16 {
  margin-right: 16px;
}