/* =================================================================
    #INFOLANE CORE STYLES

    #HTML, BODY
    #DEBUGGING
    #INITIAL SETTINGS
    #BLOCK ELEMENTS
    #RESPONSIVE GRID
    #CENTER 'FLOAT' GRID
    #STRUCTURE: ROWS, BLOCKS, SIDEBARS & CONTENT COLUMNS
    #RADIUSED CORNERS
    #TYPOGRAPHY
    #LINKS
    #SITE MAP
    #MEDIA QUERIES

	NOTES
	2019/04/27; P paragraph margins set to 0 and replaced by padding.


*/

/* #HTML, BODY */

html { font-size:100%; }
body { margin:0; font-size:1em; text-align:center; }

.black { color:#000; }
.white { color:#fff; }

/* #DEBUGGING */

.debug { padding:4px; font-size:0.9rem; color:#eed; background:#666; }


/* #INITIAL SETTINGS */

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul,  fieldset, form, label, input,
legend,  article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, table,
time, mark, audio, video {
    position:relative;
    margin:0 auto;
    padding:0;
    border:0;
    border-collapse:collapse;
    box-sizing:border-box;
} /* li removed due to conflict with jet menu css */

table { border-spacing:0; }
th, td { vertical-align:top; }
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display:block;
}

a:link, a:visited, a:active, a:hover {
    text-decoration:none;
    transition:all 950ms 50ms ease;
}

.clr    { clear:both; }
.nowrap { white-space:nowrap; }

.advice, .alert  { color:#333; }
.error  { color:#c30; }

ul.advice, ul.alert, ul.error {
	list-style-type:square;
	margin-left: 2em;
	font-style:normal;
}

h4.error, h4.alert, h4.advice {
    color: inherit;
}

@media print  {
    .noprint { display:none; }
}

@media screen  {
    .noscreen { display:none; }
}

/* #BLOCK ELEMENTS */

hr  { clear:both; margin:10px 0 30px; height:0; border-top:solid 1px; }
p   { margin:0; padding-top:0.25em; padding-bottom:0.5em; }

.scale      { width:100%; height:auto; }
.bordered   { border:solid 1px; }
.dotted     { border:dotted 1px; }
.shaded     { background:rgba(0,0,0,0.25); }
.hidden     { display:none; }
.blocked    { display:block; width:100%; }
.unblocked  { display:inline-block; }
.divider    { margin-top:20px; padding-top:10px; border-top:solid 1px #999; }
.spreader   { padding-top:20px; padding-bottom:20px; }

.alignL { text-align:left;   }
.alignC { text-align:center; }
.alignR { text-align:right;  }
.alignJ { text-align:justify;}

.valignT { vertical-align:top;  }
.valignM { vertical-align:middle; }
.valignB { vertical-align:bottom; }

.verticalC {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

ul          { list-style-type:none; margin-left:auto; }
ul.disc     { list-style-type:disc; margin-left:2em; }
ul.circle   { list-style-type:circle; margin-left:2em; }
ul.square   { list-style-type:square; margin-left:2em; }

ol          { list-style-type:decimal; margin-left:2em; }
ol.decimal  { list-style-type:decimal; margin-left:2em; }
ol.alpha    { list-style-type:upper-alpha; margin-left:2em; }
/*
ol li, ul.disc li, ul.circle li, ul.square li {
    padding-top:0.2em; padding-bottom:0.2em
}
*/
.pad2   { padding:2px;   }
.pad5   { padding:5px;   }
.pad10  { padding:10px;  }
.pad20  { padding:20px;  }
.pad30  { padding:30px;  }
.pad40  { padding:40px;  }
.pad50  { padding:50px;  }
.pad60  { padding:60px;  }
.pad80  { padding:80px;  }
.pad100 { padding:100px; }
.pad150 { padding:150px; }
.pad200 { padding:200px; }
.pad300 { padding:300px; }

.pad0-2   { padding-left:2px;   padding-right:2px;   }
.pad0-5   { padding-left:5px;   padding-right:5px;   }
.pad0-10  { padding-left:10px;  padding-right:10px;  }
.pad0-20  { padding-left:20px;  padding-right:20px;  }
.pad0-30  { padding-left:30px;  padding-right:30px;  }
.pad0-40  { padding-left:40px;  padding-right:40px;  }
.pad0-50  { padding-left:50px;  padding-right:50px;  }
.pad0-60  { padding-left:60px;  padding-right:60px;  }
.pad0-80  { padding-left:80px;  padding-right:80px;  }
.pad0-100 { padding-left:100px; padding-right:100px; }
.pad0-200 { padding-left:200px; padding-right:200px; }
.pad0-250 { padding-left:250px; padding-right:250px; }
.pad0-300 { padding-left:300px; padding-right:300px; }

.pad2-0  { padding-top:2px; padding-bottom:2px; }
.pad5-0  { padding-top:5px; padding-bottom:5px; }
.pad10-0 { padding-top:10px; padding-bottom:10px; }
.pad20-0 { padding-top:20px; padding-bottom:20px; }
.pad30-0 { padding-top:30px; padding-bottom:30px; }
.pad40-0 { padding-top:40px; padding-bottom:40px; }
.pad50-0 { padding-top:50px; padding-bottom:50px; }
.pad60-0 { padding-top:60px; padding-bottom:60px; }
.pad80-0 { padding-top:80px; padding-bottom:80px; }
.pad100-0 { padding-top:100px; padding-bottom:100px; }
.pad200-0 { padding-top:200px; padding-bottom:200px; }
.pad250-0 { padding-top:250px; padding-bottom:250px; }
.pad300-0 { padding-top:300px; padding-bottom:300px; }

.floatL { float:left; box-sizing:border-box; }
.floatC { float:none; display:inline-block; margin-left:auto; margin-right:auto; }
.floatR { float:right; box-sizing:border-box; }

/* #RADIUSED CORNERS */

.round5, .rounded5 { border-radius:5px;}
.roundtop5 { border-top-right-radius:5px; border-top-left-radius:5px; }
.roundbottom5 { border-bottom-right-radius:5px; border-bottom-left-radius:5px; }

.round10, .rounded10, .rounded { border-radius:10px;}
.roundtop10, .roundtop { border-top-right-radius:10px; border-top-left-radius:10px; }
.roundbottom10, .roundbottom { border-bottom-right-radius:10px; border-bottom-left-radius:10px; }

.round20, .rounded20 { border-radius:20px; }
.roundtop20 { border-top-right-radius:20px; border-top-left-radius:20px; }
.roundbottom20 { border-bottom-right-radius:20px; border-bottom-left-radius:20px; }


/* #RESPONSIVE GRID */

.single_col        { width:100%; }
.one_half_col      { width:50%; }
.one_third_col     { width:33.333%;}
.two_third_col     { width:66.666%; }
.one_fourth_col    { width:25%; }
.three_fourth_col  { width:75%; }
.one_fifth_col     { width:20%; }
.two_fifth_col     { width:40%; }
.three_fifth_col   { width:60%; }
.four_fifth_col    { width:80%; }
.one_tenth_col     { width:10%; }
.three_tenth_col   { width:30%; }
.seven_tenth_col   { width:70%; }
.nine_tenth_col    { width:90%; }


/* #CENTER PSEUDO FLOAT GRID */

.floatC_one_half_col     { display:inline-block;    margin:0 auto;    width:49.5%;}
.floatC_one_third_col    { display:inline-block;    margin:0 auto;    width:32%;  }
.floatC_two_third_col    { display:inline-block;    margin:0 auto;    width:65%;  }
.floatC_one_fourth_col   { display:inline-block;    margin:0 auto;    width:24.5%;}
.floatC_three_fourth_col { display:inline-block;    margin:0 auto;    width:74.5%;}
.floatC_one_fifth_col    { display:inline-block;    margin:0 auto;    width:19.5%;}
.floatC_two_fifth_col    { display:inline-block;    margin:0 auto;    width:39%;  }
.floatC_three_fifth_col  { display:inline-block;    margin:0 auto;    width:58.5%;}
.floatC_four_fifth_col   { display:inline-block;    margin:0 auto;    width:79.5%;}
.floatC_one_tenth_col    { display:inline-block;    margin:0 auto;    width:9.5%; }
.floatC_one_tenth_col    { display:inline-block;    margin:0 auto;    width:9.5%; }
.floatC_seven_tenth_col  { display:inline-block;    margin:0 auto;    width:69.5%;}
.floatC_nine_tenth_col   { display:inline-block;    margin:0 auto;    width:89.5%;}



/* #STRUCTURE: ROWS, BLOCKS, SIDEBARS & CONTENT COLUMNS */

/* STRUCTURAL ROWS */

#browser, .browser,
#banner_row, .banner_row,
#navbar_row, .navbar_row,
#body_row, .body_row,
#content_row, .content_row,
#footer_row, .footer_row,
#subfooter_row, .subfooter_row,
.row {
    clear:both;
    width:100%;
}


.liner, .block_liner {
  padding-right:2.1em;
  padding-left:2.1em;
}


/* #TYPOGRAPHY */

/* Standard font families */
.script {font-family:'Brush Script', BrushScriptMT, 'Brush Script Std';}
.mono   {font-family:Courier, 'Courier New', monospace;}
.sans   {font-family:arial, helvetica, sans-serif;}
.serif  {font-family:georgia,'times new roman', serif;}

.italic, i, u, em { font-style:italic;  text-decoration:none; }
strong, b, .bold { font-weight:600; }

sub { padding-left:0.25em; padding-right:0.25em; vertical-align: sub; font-size: smaller; }
sup { padding-left:0.25em; vertical-align: super; font-size: smaller; }

/* 1.1 modular scale */
.smaller { font-size:0.826rem; }
.small   { font-size:0.909rem; }
.normal  { font-size:1.0rem; font-style:normal; font-weight:normal;}
.large   { font-size:1.10rem; }
.larger  { font-size:1.21rem; }
.photocap {font-size:0.826rem; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .em4, .em5, .em6  {
    font-weight:normal;
}

/* 1.24 modular scale */
.em20   { font-size:20.319em; letter-spacing: -20px; line-height:0.9; }
.em16   { font-size:16.386em; letter-spacing: -12px; line-height:0.9; }
.em13   { font-size:13.215em; letter-spacing: -10px; line-height:1.0; }
.em10   { font-size:10.657em; letter-spacing: -6px;  line-height:1.0; }
.em8    { font-size:8.594em;  letter-spacing: -4px;  line-height:1.0; }
.em6    { font-size:6.931em;  letter-spacing: -2px;  line-height:1.0; }
.em5    { font-size:5.59em;   letter-spacing: -2px;  line-height:1.0; }
.em4    { font-size:4.508em;  letter-spacing: -2px;  line-height:1.0; }
.em3    { font-size:3.635em;  letter-spacing: -2px; }
h1, .h1 { font-size:2.932em;  letter-spacing: -2px; }
h2, .h2 { font-size:2.364em;  letter-spacing: -1px; }
h3, .h3 { font-size:1.538em; }
h4, .h4 { font-size:1.24em;  }
h5, .h5 { font-size:1.12em;  }
h6, .h6 { font-size:1.0em;   }


/* =================================================================
    #MEDIA QUERIES
==================================================================

    #THEATER OVER 1799
    #LARGE SCREEN PC 1400 to 1799
    #STANDARD PC 960 TO 1399
    #TABLET 660 TO 959
    #MEDIUM MOBILE 420 TO 659
    #SMALL MOBILE LESS THAN 420

================================================================== */


/*   #THEATER OVER 1799 */
@media only screen and (min-width:1800px) {



    #banner_block, .banner_block,
    #body_block, .body_block ,
    #feature_block, .feature_block,
    #footer_block, .footer_block,
    #subfooter_block, .subfooter_block {
        max-width:100%;
    }


} /* #LARGE SCREEN PC 1400 to 1799 */
@media only screen and (min-width:1400px) and (max-width:1799px)  {



} /* #STANDARD PC 960 TO 1399 */
@media only screen and (min-width:960px) and (max-width:1399px)  {



} /* #TABLET  660 TO 959 */
@media only screen and (min-width:660px) and (max-width:959px) {

    .liner, .block_liner {
      padding-right:1.1em;
      padding-left:1.1em;
   }

  .right_content,
  .left_sidebar,
  .left_content,
  .right_sidebar { display:block; width:100%; padding:0; }


} /* #MEDIUM MOBILE 420 TO 659 */
@media only screen and (min-width:420px) and (max-width:659px) {

  /* 1.24 modular scale stepped down 1 */
.em20   { font-size:16.386em; letter-spacing: -12px; line-height:0.9; }
.em16   { font-size:13.215em; letter-spacing: -10px; line-height:1.0; }
.em13   { font-size:10.657em; letter-spacing: -6px;  line-height:1.0; }
.em10   { font-size:8.594em;  letter-spacing: -4px;  line-height:1.0; }
.em8    { font-size:6.931em;  letter-spacing: -2px;  line-height:1.0; }
.em6    { font-size:5.59em;   letter-spacing: -2px;  line-height:1.0; }
.em5    { font-size:4.508em;  letter-spacing: -2px;  line-height:1.0; }
.em4    { font-size:3.635em;  letter-spacing: -2px; }
.em3 { font-size:2.932em;  letter-spacing: -2px; }
h1, .h1 { font-size:2.364em;  letter-spacing: -1px; }
h2, .h2 { font-size:1.538em; }
h3, .h3 { font-size:1.24em;  }
h4, .h4 { font-size:1.12em;  }
h5, .h5 { font-size:1.0em;   }
h6, .h6 { font-size:0.9em;   }



    .liner, .block_liner {
      padding-right:0.5em;
      padding-left:0.5em;
   }

  .one_half_col, .one_third_col, .two_third_col, .one_fourth_col,
  .three_fourth_col, .one_fifth_col, .two_fifth_col, .three_fifth_col,
  .four_fifth_col, .one_tenth_col, .three_tenth_col, .seven_tenth_col,
  .nine_tenth_col, .floatC_one_half_col, .floatC_one_third_col, .floatC_two_third_col, .floatC_one_fourth_col, .floatC_three_fourth_col, .floatC_one_fifth_col, .floatC_two_fifth_col, .floatC_three_fifth_col, .floatC_four_fifth_col, .floatC_one_tenth_col, .floatC_one_tenth_col, .floatC_seven_tenth_col, .floatC_nine_tenth_col    { display:block; width:100%; }

  .right_content,
  .left_sidebar,
  .left_content,
  .right_sidebar     { display:block; width:100%; padding:0; }


} /* #SMALL MOBILE LESS THAN 420 */
@media only screen and (max-width:419px) {


  /* 1.24 modular scale stepped down 2 */
  .em20   { font-size:13.215em; letter-spacing: -10px; line-height:1.0; }
  .em16   { font-size:10.657em; letter-spacing: -6px;  line-height:1.0; }
  .em13   { font-size:8.594em;  letter-spacing: -4px;  line-height:1.0; }
  .em10    { font-size:6.931em;  letter-spacing: -2px;  line-height:1.0; }
  .em8    { font-size:5.59em;   letter-spacing: -2px;  line-height:1.0; }
  .em6    { font-size:4.508em;  letter-spacing: -2px;  line-height:1.0; }
  .em5    { font-size:3.635em;  letter-spacing: -2px; }
  .em4    { font-size:2.932em;  letter-spacing: -2px; }
  .em3    { font-size:2.364em;  letter-spacing: -1px; }
  h1, .h1 { font-size:1.538em; }
  h2, .h2 { font-size:1.24em;  }
  h3, .h3 { font-size:1.12em;  }
  h4, .h4 { font-size:1.0em;   }
  h5, .h5 { font-size:0.9em;   }
  h6, .h6 { font-size:0.9em;   }



    .liner, .block_liner {
      padding-right:0.5em;
      padding-left:0.5em;
 }

.one_half_col, .one_third_col, .two_third_col, .one_fourth_col,
.three_fourth_col, .one_fifth_col, .two_fifth_col, .three_fifth_col,
.four_fifth_col, .one_tenth_col, .three_tenth_col, .seven_tenth_col,
.nine_tenth_col, .floatC_one_half_col, .floatC_one_third_col, .floatC_two_third_col, .floatC_one_fourth_col, .floatC_three_fourth_col, .floatC_one_fifth_col, .floatC_two_fifth_col, .floatC_three_fifth_col, .floatC_four_fifth_col, .floatC_one_tenth_col, .floatC_one_tenth_col, .floatC_seven_tenth_col, .floatC_nine_tenth_col    { display:block; width:100%; }

.right_content,
.left_sidebar,
.left_content,
.right_sidebar     { display:block; width:100%; padding:0; }

} /* END MEDIA QUERIES */