/*!
 Fernand's Custom CSS
 */

/* Global Styles */


body {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	}

h1 {
	font-size: 2.25em;
        font-weight: 600;
		
}

.page-header {
  padding-bottom: 0em;
  margin: 0.5em 0em 0.5em 0;
  
}


h2 {
	font-size: 1.9em;
        font-weight: 600;
        margin: 1.5em 0em 0.75em 0em;
}

h3 {
	font-size: 1.5em;
        font-weight: 600;
}

p {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 1.25em;
	line-height: 1.4em;
        margin: 1.0em 0 1.0em 0;
		
}

blockquote {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 17.5px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 25px;
}
pre {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714282989502px;
}




.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #ffffff;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000000;
  content: "\003e";
}
.breadcrumb > .active {
  color: #777;
}



/*---- List Used for the INTRO to a section under a heading  ---*/
ul.intro {color: #808080; font-family: Arial, sans-serif; font-size: 1.50em; font-weight: normal;
list-style-position:outside;
text-align: left; ; margin: 0em 0em 0.5em 0em ; }
.intro li{padding-top: 0.4em }



/*--  SPACING FOR LISTS   --*/

ul.listpadding li, ol.listpadding li {
    list-style-position:outside;
    font-size: 1.3em;
    line-height: 1.30em;
padding-bottom: 1.0em;
}


ul.single {
	font-size: 1.3em;
}




.gap-right {
  margin-right: 20px;
}


.gap-bottom {
  margin-bottom: 10px;
}


.gap-top {
  margin-top: 10px;
}



sup{
    font-weight: 700;
    }


/*-------------- BlockQuote boxes --------------*/
blockquote{
    background: #fffff4;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-width: 2px;
    border-color: #d1d1d1;
    border-radius: 5px;
    box-shadow:
        inset 0 2px 0 #cfcf9e,
        -3px -3px 3px rgba(88, 88, 88, 0.3);
    line-height: 1.65em;
   font-size: 1.25em;

	width: 80%;
    margin: 40px auto;
    padding: 25px;
        position: relative;
}

blockquote span.quote {
background: url(../image-files/bg-blockquote-3.png) no-repeat;
        display: block;
        float: left;
        width: 58px;
        height: 40px;
    }



.rightlinks p{
  margin: 0.8em 0em 0em 0em ;
  padding: 0em 0em 0em 0em ;
  font-size: 130% ;
  line-height:110%;
  font-weight: 500;
  }
  
.rightlinks h3{
	font-family: Verdana, Geneva, sans-serif  ;
	color: #4b4b4b;
	font-size: 1.5em;
	
}
  

.rightlinks-mobile p{
  margin: 1.1em 0em 0em 0em ;
  padding: 0em 0em 0em 0em ;
  font-size: 120% ;
  line-height:110%;
  font-weight: 650;
  }



.index-links p{
    margin: 0.5em 0em 0.5em 0em ;
  font-size: 125% ;
  line-height:110%;
    }
  
  
.index-links h2{
	margin: 1.0em 0em 1.0em 0em ;
	font-size: 1.6em;
	
}
  
  
  
  


/*--   the following added by Fernand to For printing control ***/

.print-only {display: none; height: 0px;}
 

    @media print {

    .not-print { display:none; height:0px; }

    .print-only { display:block !important;}
    
    body {
  color : #0c0c0c;
  background : #ffffff;
    font-size : 10pt;
}
 
  a[href]:after {
    content: none !important;
  }
	
}
    
 

/*--   End added by Fernand to For printing ----*/




/*----backgrounds------*/

.background1 {
      background-color: #ffff9f;
}

.background2 {
    background-color: #2a2a2a;
	color: #fff;
}

.background3 {
    background-color: #d2d2d2;
}


.footer-style {
      background-color: #383838;
	  color: #ffffff;
}

.footer-style p{
	font-size: 1.2em;
	font-family: sans-serif;
	margin: 0.5em 0 0.5em 0;

}


.footer-style a:link {
  color: white;
}


.footer-style a:visited {
  color: white;
}


.footer-height {
    height: 500px;
}



.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


/*----The following was MOVED from bootstrap.css--- Moved so they could be edited	---*/

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
  font-size: 1.1em;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #00ffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #00ffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #00ffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #00ffff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #00ffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #00ffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #fff;
}
.navbar-inverse .navbar-link:hover {
  color: #00ffff;
}
.navbar-inverse .btn-link {
  color: #fff;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #00ffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

/*----End... MOVED from bootstrap.css------*/




.col-a {color: #77773c; font-weight:bold; }
.col-b {color: #006f37; font-weight:bold;}
.col-c {color: #ff4242; font-weight:bold;}
.col-g {color: #585858; font-weight:bold;}
.col-g2 {color: #757575;}
.col-r {color: red;}


.references {
   	  color: #000000;
}

.references p{
	font-size: 1.0em;
		margin: 0.5em 0 0.5em 0;
		padding-left: 17px ;
  text-indent: -17px ;
}



div.clear{clear:both;}
div.clear5{clear:both;height:5px;}
div.clear10{clear:both;height:10px;}
div.clear20{clear:both;height:20px;}
div.clear30{clear:both;height:30px;}div.clear40{clear:both;height:40px;}div.clear50{clear:both;height:50px;}
div.clear60{clear:both;height:60px;}div.clear70{clear:both;height:70px;}div.clear80{clear:both;height:80px;}
div.clear90{clear:both;height:90px;}div.clear100{clear:both;height:100px;}




@media (min-width: 979px) {
  .sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
    z-index: 1000;
  }

  .sidebar.affix {
    position: fixed;
    top:300px;
    width:228px;
    z-index: 1100;
  }
}

.sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}

/** ADDED BY CODESPARK **/
.sidebar-container {
  position: inherit;
}
.sidebar {
  background-color: #fff;
  padding: 20px;
}


@media (min-width: 768px) {
  .eq-height-thumbs{
      overflow:hidden;
  }
  .eq-height-thumbs .thumbnail{
      margin-bottom: -99999px;
      padding-bottom: 99999px;
  }
  .eq-height-thumbs-base{
      overflow:hidden;
  }
  .eq-height-thumbs-base .thumbnail{
      margin-top: -15px;
	  margin-bottom: 5px;
	  padding-bottom: 10px;
  }
}



.widebox {
	background-color: #F7F7F7;
	width: 100%;
		border: 1px solid #b7b7b7;
	border-radius: 15px;
	margin: 25px 25px 15px 0px;
	float: center;
}

.widebox p {
font-size: 115%;
color: #000000;
font-style: ;
font-weight: normal;
padding: 0.25em 0.75em 0.25em 0.75em;
line-height: 150%;
text-align: justify;
}


.minitoc {
width: auto;
float: left;
margin: 0em 1.35em 1.00em 0em;
background: #ffffff;
color: black;
font-size: 0.95em;
border: solid #E1D990 thin;
padding: .35em 0.35em .35em 0.35em;
}
.minitoc p{padding: 0px 0px 0px 0px; margin:0.35em 0px;}



/*--- Start of Site Maps List Stying -- Located in includes, such as  z-map-understanding.shtml--*/

/*--  <style type="text/css">-- */

.lev1 {
    list-style:none ;
    margin:0px 0 0px 0px;
    padding:0.25em;
    text-indent:.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

ul.lev1 li, ol.lev1 li {
padding-top: 0.50em;
}


.lev2 {
    margin:0;
    padding:0;
    list-style:none;
    text-indent:1.85em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
}

ul.lev2 li, ol.lev2 li {
padding-top: 0.5em;
}


.lev3 {
    margin:0;
    padding:0;
    list-style:none;
    text-indent:3.0em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    font-weight: normal;
}

ul.lev3 li, ol.lev3 li {
padding-top: 0.35em;
}


/*--- End of Site Maps List Stying ----*/



/*--Start of CSS Table Generator          http://www.csstablegenerator.com/      */


.CSSTableGenerator {
	margin:0px;padding:0px;
	width:90%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffffff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:1.2 em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #b7804d 5%, #ba8350 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7804d), color-stop(1, #ba8350) );
	background:-moz-linear-gradient( center top, #b7804d 5%, #ba8350 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b7804d", endColorstr="#ba8350");	background: -o-linear-gradient(top,#b7804d,ba8350);

	background-color:#b7804d;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:1.2em;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #b7804d 5%, #ba8350 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7804d), color-stop(1, #ba8350) );
	background:-moz-linear-gradient( center top, #b7804d 5%, #ba8350 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b7804d", endColorstr="#ba8350");	background: -o-linear-gradient(top,#b7804d,ba8350);

	background-color:#b7804d;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

	
/*********End CSS Table Generator  ****************/


.table {
font-size: 1.3em;
}