/* Move down content because we have a fixed navbar that is 50px tall */
h1 {
  text-align: left;
  padding: 10px 0px 1px 0px;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  line-height: 36px;
}
h2 {
  text-align: left;
  padding: 10px 0px 1px 0px;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  line-height: 32px;
}

h3 {
  text-align: left;
  padding: 10px 0px 1px 0px;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
}

h4 {
  text-align: left;
  padding: 10px 0px 1px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
}

div.container-wide {
  padding-left: 40px;
  padding-right: 40px;
}

.hugeTxt{
  text-align: center;
	font-size:128px;
  font-style: normal;
  font-weight: bold;
}

.with-back {
  color: #fff;
  background: #8888ff;
}
.back_yellow{
  color:#000;
  background-color:#ff0;
}
.back_green{
  color:#000;
  background-color:#0f0;
}
.back_orange{
  color:#fff;
  background-color:#f93;
}
.back_gray{
  color:#000;
  background-color:#888;
}
.back_dark_gray{
  color:#fff;
  background-color:#444;
}
.marker_red{
  color:#fff;
  background-color:#f00;
}
.marker_yellow{
  color:#000;
  background-color:#ff0;
}
.marker_green{
  color:#000;
  background-color:#0f0;
}
.line-marker {
	color:#000000;
	background-color:#ffff00;
}
.line-marker-green {
	color:#000000;
	background-color:#00ff00;
}
.line-marker-red {
	color:#000000;
	background-color:#ff0000;
}
.line-marker-blue {
	color:#ffffff;
	background-color:#0000ff;
}
.line-marker-orange {
	color:#000000;
	background-color:#ff9933;
}

.center {
  text-align: center;
}

.content{
	font-size:15px;
}
/* Buttons */
.btn-primary.outline {
	background: none;
  border: 3px solid #0088cc;
	padding: 12px 22px;
  margin: 10px;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active {
	color: #000088;
  background-color:#ccddff;
}
.btn-secondary.outline {
	background: none;
  border: 3px solid #ff9933;
	padding: 12px 22px;
  margin: 10px;
}
.btn-secondary.outline:hover, .btn-secondary.outline:focus, .btn-secondary.outline:active, .btn-secondary.outline.active {
	color: #884400;
  background-color:#ffddcc;
}
.btn-lg.round {
	border-radius: 24px;
}
.btn-lg.btn-white {
  color: #ffffff;
}
.btn-lg.btn-black {
  color: #000000;
}

/* Section Colors */
.section {
	position:relative;
	font-size:15px;
	margin: 0 0 0 0;
}
.section h2{
	margin:0 auto;
	padding:10px;
	font-size:20pt;
}
.section ul{
	list-style-type: none;
}
.section a:hover{
	text-decoration: none;
}
.largeTxt{
	font-size:18px;
	line-height:2.2;
}
.leadTxt{
	position:relative;
	display:block;
	margin:0 auto;
	width:100%;
	min-width:280px;
	max-width:940px;
	font-size:15px;
	line-height:1.7;
	text-align:left;
	margin-top:0px;
}
.centerTxt{
	position:relative;
	display:block;
	margin:0 auto;
	width:100%;
	text-align:center;
}
.centerHeader{
	color:#fff;
	background-color:#001133;
	padding: 10px 10px 10px 10px;
	position:relative;
	display:block;
	width:100%;
	line-height:1.7;
	text-align:center;
}
.section_white {
	color:#000;
	background-color: #fff;
	padding: 12px 20px 12px 20px;
}
.section_gray {
	color:#000;
	background-color: #dddddd;
	padding: 12px 20px 12px 20px;
}
.section_gray a{
	color:#008;
}
.section_gray a:hover{
	color:#0099ff;
}

.section_red {
	color:#fff;
	background-color:#dc384d;
	padding: 12px 20px 12px 20px;
}
.section_red a{
	color:#fff;
}
.section_red a:hover{
	color:#0000ff;
}
.section_orange {
	color:#fff;
	background-color:#ff9933;
	padding: 12px 20px 12px 20px;
}
.section_orange a{
	color:#fff;
}
.section_orange a:hover{
	color:#0000ff;
}
.section_light_green {
	color:#000;
	background-color:#b3ffb3;
	padding: 12px 20px 12px 20px;
}
.section_light_green a{
	color:#000;
}
.section_light_green a:hover{
	color:#0000aa;
}

.section_gaia {
	color:#fff;
	background-color:#B04B53;
	padding: 12px 20px 12px 20px;
}
.section_gaia a{
	color:#fff;
}
.section_gaia a:hover{
	color:#8888FF;
}
.section_maccha {
	color:#000;
	background-color:#C0CB9F;
	padding: 12px 20px 12px 20px;
}
.section_maccha a{
	color:#000;
}
.section_maccha a:hover{
	color:#0000aa;
}
.section_light_blue {
	color:#000;
	background-color:#aaaaff;
	padding: 12px 20px 12px 20px;
}
.section_light_blue a{
	color:#008;
}
.section_light_blue a:hover{
	color:#ff9933;
}
.section_light_blue .title{
	color:#000;
}
.section_blue {
	color:#fff;
	background-color:#3366ff;
	padding: 12px 20px 12px 20px;
}
.section_blue a{
	color:#008;
}
.section_blue a:hover{
	color:#ff9933;
}
.section_blue .title{
	color:#000;
}
.section_navy {
	color:#fff;
	background-color:#001133;
	padding: 12px 20px 12px 20px;
}
.section_navy a{
	color:#fff;
}
.section_navy a:hover{
	color:#ff8888;
}

.section_green {
	color:#fff;
	background-color:#56922a;
	padding: 12px 20px 12px 20px;
}
.section_green a{
	color:#00a;
}
.section_green a:hover{
	color:#e65308;
}
.section_peach {
	color:#000;
	background-color: #fdd1b0;
	padding: 12px 20px 12px 20px;
}
.section_peach a{
	color:#00a;
}
.section_peach a:hover{
	color:#e65308;
}
.section_mustard {
	color:#fff;
	background-color: #cca845;
	padding: 12px 20px 12px 20px;
}
.section_mustard a{
	color:#00a;
}
.section_mustard a:hover{
	color:#e65308;
}

.bootstrap-column { padding: 0 35px;}
.image_300 {
  width: 300px;
  height: 250px;
  margin: 1px 0px 1px 0px;
}
.img-rounded2 {
  -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
          border-radius: 20px;
}
.img-rounded4 {
  -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
          border-radius: 40px;
}

tr.total {background-color: #eef; font-weight: bold;}

tr.highlight {background-color: #fa6;}
tr.gray {background-color: #aaa;}
tr.light_gray {background-color: #ddd;}
tr.vague {color: #888;}
tr.info {color: #000000; background-color: #aaaaff}
tr.alert {color: #000000; background-color: #ffaaaa}
tr.warning {color: #000000; background-color: #ffffdd}
tr.grey50 {background-color: #fafafa;}
tr.bluegrey50 {background-color: #eceff1;}
tr.brown50 {background-color: #efebe9;}
tr.red {background-color: #f00;}
tr.red50 {background-color: #ffebee;}
tr.red200 {background-color: #ef9a9a;}
tr.pink200 {background-color: #f48fb1;}
tr.lime50 {background-color: #f9fbe7;}
tr.blue {color: #000000; background-color: #ccccff}
tr.blue50 {color: #000000; background-color: #e3f2fd}
tr.blue100 {color: #000000; background-color: #bbdefb}
tr.blue200 {color: #000000; background-color: #90caf9}
tr.blue300 {color: #000000; background-color: #64b5f6}
tr.blue400 {color: #000000; background-color: #42a5f5}
tr.blue500 {color: #000000; background-color: #2196f3}
tr.blue600 {color: #000000; background-color: #1e88e5}
tr.blue700 {color: #ffffff; background-color: #1976d2}
tr.blue800 {color: #ffffff; background-color: #1565c0}
tr.blue900 {color: #ffffff; background-color: #0d47a1}
tr.yellow {color: #000000; background-color: #ffffaa}
tr.green {color: #000000; background-color: #ddffdd}
tr.green50 {color: #000000; background-color: #e8f5e9}
tr.orange {background-color: #f93;}
tr.orange50 {background-color: #f93;}
tr.red {color: #000000; background-color: #ff0000}
tr.red50 {color: #000000; background-color: #ffebee}
tr.red100 {color: #000000; background-color: #ffcdd2}
tr.red200 {color: #000000; background-color: #ef9a9a}
tr.red300 {color: #000000; background-color: #e57373}
tr.red400 {color: #000000; background-color: #ef5350}
tr.red500 {color: #000000; background-color: #f44336}
tr.red600 {color: #000000; background-color: #e53935}
tr.red700 {color: #ffffff; background-color: #d32f2f}
tr.red800 {color: #ffffff; background-color: #c62828}
tr.red900 {color: #ffffff; background-color: #b71c1c}
tr.yellow50 {color: #000000; background-color: #fffde7}
tr.yellow200 {color: #000000; background-color: #fff59d}
tr.purple50 {color: #000000; background-color: #f3e5f5}
tr.purple200 {color: #000000; background-color: #ce93d8}
tr.purple400 {color: #000000; background-color: #ab47bc}
tr.teal50 {color: #000000; background-color: #e0f2f1}
tr.teal200 {color: #000000; background-color: #80cbc4}
tr.cyan200 {color: #000000; background-color: #80deea}

tr.wide { text-align: center; padding: 0.5em 1em 0.5em 1em; }
th.wide { text-align: center; padding: 0.5em 1em 0.5em 1em; }
td.wide { text-align: left; padding: 0.5em 1em 0.5em 1em; }

td.gray {color: #ccc;}
td.large_font {
	font-size:26px;
}
th.right {text-align: right;}
td.right {text-align: right;}
td.number {color: #000000; text-align: right;}
span.right {text-align: right;}
span.alarm {color: #FFFFFF; background-color: #CC0000}