@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Roboto|Roboto+Condensed|Roboto+Slab');

 @media screen and (-webkit-min-device-pixel-ratio:0) { 
   FORM select {padding-right:18px}
 }
 FORM label {position:relative}
 FORM label:after { content:'<>'; font: 8pt "Consolas", monospace; color:#AAAAAA; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:0px; padding:0 0 2px; border-bottom:1px solid #AAAAAA; position:absolute; pointer-events:none; }
 FORM label:before { content:''; right:6px; top:0px; width:16px; height:16px; background:#FFFFFF; position:absolute; pointer-events:none; display:block; }
 FORM SELECT { font-family: Roboto, Sans-Serif; font-size: 12pt; }
 FORM INPUT { font-family: Roboto, Sans-Serif; font-size: 12pt; }
 FORM INPUT[type=submit] { background-color: #25618F; border: 1px solid #FFFFFF; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Sans-Serif; font-size: 1.20em; }
 FORM INPUT[type=submit]:hover { background-color: #25618F; }
 INPUT[type=submit].submit { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #888888; padding: 10px 20px; font-weight: bold; font-family: Roboto, Sans-Serif; font-size: 1.20em; }
 INPUT[type=submit].submit:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Sans-Serif; font-size: 1.20em; cursor:pointer; cursor:hand; }
 INPUT[type=submit].submitsm { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #888888; padding: 10px 20px; font-weight: bold; font-family: Roboto, Sans-Serif; font-size: .9em; }
 INPUT[type=submit].submitsm:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Sans-Serif; font-size: .9em; cursor:pointer; cursor:hand; }
 div.formfield { font-family: Roboto, Sans-Serif; font-size: .8em; margin-top: 10px; line-height: 125%; }
 div.formfield SMALL { font-family: Roboto, Sans-Serif; font-size: .8em; line-height: 100%; color: #25618F; }
 div.formfield SELECT, div.formfield INPUT { font-family: Roboto, Sans-Serif; font-size: 1em; }
 div.formfield INPUT[type=text], div.formfield INPUT[type=password] { padding: 5px 2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #AAAAAA; }
 div.formfield INPUT[type=submit]  { padding: 10px 20px; width: 100%; background-color: #000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; font-size: 1em; font-weight: bold; }
 div.formfield INPUT.formbutton, div.formfield A.formbutton  { font-weight: bold; text-decoration: none;  padding: 10px 20px; background-color: #000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; width: auto; font-size: 1em; }
 div.formfield A.formbutton:hover  {  text-decoration: none;  width: auto; font-size: 1em; padding: 10px 20px; background-color: #25618F; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; text-decoration: none; }
 .requestform, #requestform, form { padding: 0px; margin: 0px; }
 #form TH.topbar { color: #25618F; font-family: Arial, Helvetica, Futura; font-weight: bold; font-size: 12pt; }
 #form TH { color: #000000; font-weight: bold; font-size: 10pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; border-bottom: 1px solid #DDDDDD; padding: 10px 0px 1px 0px; text-align: left; }
 #form TH#multi { background-image: url(/images/form_th_bg.gif); color: #FFFFFF; font-weight: bold; font-size: 9pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; background-color: #EEEEEE; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 5px 10px; text-align: left; }
 #form TD { font-size: .8em; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #000000; line-height: 125%; }
 #form TEXTAREA { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; }
 #form TEXTAREA:focus { background-color: #FFFFFF; border: 1px solid #CC9933; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #000000; }
 #form INPUT { border: none; border: 1px solid #DDDDDD; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; padding: 3px; }
 #form INPUT[type=checkbox], #form INPUT[type=radio] { font-size: 1em; }
 #form INPUT.error { border: 1px solid #25618F; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Arial, Helvetica, Futura; color: #444444; padding: 3px; }
 #form INPUT:focus { background-color: #F6F6F6; border-bottom: 2px solid #33AA33; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #000000; }
 #form SELECT { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; padding-top: 2px; padding-bottom: 2px; }
 #form SELECT.error { background-color: #EEDDDD; border: 1px solid #25618F; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; padding-top: 2px; padding-bottom: 2px; }
 #form SMALL { color: #25618F; }
 #form SELECT:focus { background-color: #FFFFFF; border: 1px solid #CC9933; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Arial, Helvetica, Futura; color: #000000; }
 #form P { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .8em; color: #222222; line-height: 100%; }
 #form B { color: #000000; }


 @media screen and (max-width: 1024px) { /* MOBILE */
 div.siteframe { padding: 10px 20px; width: 100%; max-width: 1600px; margin: 20px 0px; }

  DIV.mobilehide { display: none; }
  .navspacer { height: 80px }
  UL.topnav LI.mobilehide { display: none; }
  UL.topnav LI.navlogo { text-align: center; }

  div.one    { width: calc((100%/12)*4); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.two    { width: calc((100%/12)*6); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.three  { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.four   { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.five   { width: calc((100%/12)*12); height: auto;   display: inline-block; vertical-align: top; margin: 0px auto; }
  div.six    { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.seven  { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eight  { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.nine   { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.ten    { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eleven { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.twelve { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div#break { clear: both; }

  div.fullpage    { height: 100vh; }
  div.halfpage    { height: 50vh; }
  div.quarterpage { height: 25vh; }

  div.v100 { height: 100vh; }
  div.v90  { height: 90vh; }
  div.v80  { height: 80vh; }
  div.v70  { height: 70vh; }
  div.v60  { height: 60vh; }
  div.v50  { height: 50vh; }
  div.v40  { height: 40vh; }
  div.v30  { height: 30vh; }
  div.v20  { height: 20vh; }
  div.v10  { height: 10vh; }
  .mobilecenter { text-align: center; float: none; display: block; width: 100%; clear: both; }

}
@media screen and (min-width: 1024px) {  /* DESKTOP */
 div.siteframe { margin: 20px auto; width: 100%; max-width: 1600px; padding: 20px 40px; }
DIV.mobilehide { display: block; }
.navspacer { height: 100px }
UL.topnav LI { display: inline-block; margin: 0px; padding: 5px; text-align: center; }
UL.topnav LI.mobilehide { display: inline-block; visibility: visible; }
UL.topnav LI.navlogo {  display: inline-block; text-align: center; }

  div.one    { width: calc(100%/12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.two    { width: calc((100%/12)*2); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.three  { width: calc((100%/12)*3); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.four   { width: calc((100%/12)*4); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.five   { width: calc((100%/12)*5); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.six    { width: calc((100%/12)*6); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.seven  { width: calc((100%/12)*7); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eight  { width: calc((100%/12)*8); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.nine   { width: calc((100%/12)*9); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.ten    { width: calc((100%/12)*10); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eleven { width: calc((100%/12)*11); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.twelve { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div#break { clear: both; }

  div.fullpage    { height: 100vh; }
  div.halfpage    { height: 50vh; }
  div.quarterpage { height: 25vh; }

  div.v100 { height: 100vh; }
  div.v90  { height: 90vh; }
  div.v80  { height: 80vh; }
  div.v70  { height: 70vh; }
  div.v60  { height: 60vh; }
  div.v50  { height: 50vh; }
  div.v40  { height: 40vh; }
  div.v30  { height: 30vh; }
  div.v20  { height: 20vh; }
  div.v10  { height: 10vh; }
}
@media screen and (max-width: 760px)  { /* MOBILE */
  div#third { width: 100%; height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twofourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#threefourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}
@media screen and (min-width: 760px)  {  /* TABLET */
  div#third { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

@media screen and (min-width: 1000px)  {  /* DESKTOP */
  div#third { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#solo { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc((100%/4)*2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc((100%/4)*3); height: auto; float: left;  display: inline-block; }
  div#twothird { width: calc((100%/3)*2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

#divfade-white {
    clear: both;
  display:block;
  height:1px;
  background: rgba(255,255,255,.1);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(204,204,204,.3)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}
#divfade-black {
    clear: both;
  display:block;
  height:1px;
  background: rgba(0,0,0,.1);
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,.1)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}

#divfade-gold {
    clear: both;
  display:block;
  height:1px;
  background: rgba(214, 195, 105,.1);
  background: -moz-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214, 195, 105,0)), color-stop(50%, rgba(214, 195, 105, 0.3)), color-stop(100%, rgba(214, 195, 105,0)));
  background: -webkit-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -o-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -ms-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: linear-gradient(to right, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}

.box { margin: 5px; padding: 0px; overflow:hidden; }
.cbox { margin: 10px 20px; overflow:hidden; }
.row { clear: both; }
.overflowx { overflow-x: auto; }
.overflowy { overflow-y: auto; }

div.grey {
  background-color: #EEEEEE;
}

TABLE#fancy {
   border: 1px solid #EEEEEE;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 10px 0px;
   width: 100%;
}
TABLE#fancy TR TH {
  background-color: #25628F;
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 1px solid #555555;
  text-align: left
}
TABLE#fancy TR TH A {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;

}
TABLE#fancy TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#fancy TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

TABLE#fancy TR TH#h {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 5px 15px;
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
  text-align: center
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}

TABLE#fancy tr:nth-child(even) { background-color: #FFFFFF;}
TABLE#fancy tr:nth-child(odd) { background-color: #EFEFEF; }

TABLE#fancy TR TD {
  font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif;
  font-size: 10pt;
  text-decoration: none;
  font-weight: normal;
  color: #000000;
  padding: 5px 10px;
}
TABLE#fancy TR TD UL LI {

  font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif;
  font-size: 10pt;
}
TABLE#fancy TR TD#h {
  font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #222222;
  padding: 5px 10px;
}
TABLE#fancy TR TD A {
  font-size: 12pt; color: #25628F; font-weight: bold; text-decoration: none;
}


TABLE#fancy TR TD B {
  font-size: 10pt; color: #25628F; font-weight: bold;
}
TABLE#fancy TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #666666; font-weight: normal;
}
TABLE#fancy TR TD#h { color: #25628F; font-weight: bold; font-size: 10pt; }