.header {
	/*background: rgb(66, 184, 221);*/
	background: rgba(80, 80, 80, 1);
	font-size: 1.4em;
	height: 2.0em;
	color:#ffffff;
	text-align:center;
}	

.mainSlider {
	background-color:#ffffff;
	font-size: 1.3em;
	color:#000000;
	text-align:center;
}

.featureColumn {
	background-color:#ffffff;
	font-size: 1.3em;
	font-weight:100;
	color:#000000;
	text-align:center;
	border-right:solid 1px silver;
	height: 16em;
	padding: 15px;
}

.centerBlock {
	background-color:#ffffff;
	font-size: 1.5em;
	font-weight:100;
	color:#000000;
	text-align:center;
	padding: 15px;
}

.boxDiv {
	border:1px solid #c1c1c1;
	border-radius: 4px;
	padding: 2px;
	margin: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}	

.paddedDiv {
	padding: 15px;
}

.footer {
	background: rgba(80, 80, 80, 1);
	font-size: 1.3em;
	color:#ffffff;
	text-align:center;
	bottom:0;
	height: 2.0em;
}

.smallfont {
font-size: 0.7em;	
}

.mediumfont {
font-size: 1.0em;
}

.largefont {
font-size: 1.3em;	
}

.hugefont {
font-size: 2.3em;	
}

.fontGray {
	color:#8c8c8c;
}


.textSpan {
	padding-right: 25px;
	padding-left: 25px;
}

.divider{
	height:2.5em;
}
.banner {
	/*background-color: #cad3e3;*/
	background: rgb(66, 184, 221);
}
.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.menuBarSmall{
	display: none;	
}
.error {
	color:rgb(202, 60, 60);
	font-size: 0.8em;
	font-style: italic;

}
@media (max-width: 62em) {
    .menuBar {display: none;}
    .menuBarSmall {display: block;}
}

@media not (max-width: 62em) {
    .menuBar {display: block;}
    .menuBarSmall {display: none;}
}