@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
	background-color: #eee;
	min-height: 100vh;
	display:flex;
	flex-direction: column;
}
body {
	font-family:'Mulish', Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	color:#76797c;
	background-color: #eee;

}
body > footer {
	margin-top: auto;
}
.paiTitle {
	font-family:'Roboto';
	font-size:48px;
/*	color:#ff6600;*/
	color:#825496;
}
.paiSubtitle {
	font-family:'Roboto';
	font-size:20px;
	color:#000;
	font-weight:bold;
	line-height:0px;
	padding-bottom:20px;
	padding-left:4px;
}
.paiBoxTitle {
	font-family:'Roboto';
	font-size:28px;
/*	color:#ff6600;*/
	color:#825496;
}
.paiContent {
	flex:1;
}
a:link, a:visited, a:active {
	color:#444;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #2f70bc;
}
sup {
	font-size:55px;
}
#wrapper{
	max-width:1096px;
	width:100% !important;
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -44px auto; /* the bottom margin is the negative value of the footer's height */
}
#clearBoth{
	clear:both;
}
.mp0 {
	margin:0;
	padding:0;
}
.margin5LR{
	margin:0 5px;
}
.margin10TB{
	margin:10px auto;
}
.padding10TB{
	padding:10px 0;
}
.padding30TB{
	padding:30px 0;
}
.padding30LR{
	padding: 0 30px;
}
.headGap{
	padding-top:45px;
}
.centerText {
	text-align:center;
}
.rounded {
	border-radius: 6px;
}
.roundedTop {
	border-radius: 6px 6px 0 0;
}
.roundedBtm {
	border-radius: 0 0 6px 6px;
}

/* Header */
.logo{
	height:138px;
	padding:12px 0 0 36px;
}
.myLogin{
	font-size:14px;
}

/* text styles */
.justify {
	text-align:justify;
}
.centered {
	text-align:center;
	margin:0 auto;
}
.tnyText{
	font-size:12px;
}
.smlText{
	font-size:18px;
}
.medText {
	font-size:30px;
}
.lrgText {
	font-size:45px;
}

/* -- Elements -- */
.element {
	width:89%;
	margin:5px;
	padding:10px;
	color:#444;
}
.eCount {
	font-family:'Questrial', Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:left;
}
.eLetter {
	font-family:'Questrial', Arial, Helvetica, sans-serif;
	font-size:156px;
	text-align:center;
}
.eTitle {
	font-family:'Questrial', Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:center;
}

/* -- End Elements -- */

/* -- Tabs -- */

.tabs {
	height:50px;
}
.tabName{
	padding:10px 10px 10px 15px;
	font-size:24px;
	color:#fff;
}
.tabNameHL {
	color:#444;
	border-bottom:thin solid #808080;
}
.listTab {
	background:#efefef;
}
.mapTab {
	background:#ccc;
}
.searchTab {
	background:#ccc;
	text-align:right;
}
.listView {
	font-size:20px;
}
/* -- End Tabs -- */


/* -- Overall Box -- */
.overallBox{
	font-size:25px;
	background:#efefef;
}
.overallTitle {
	font-size:40px;
	text-align:center;
}

/* -- Detail Box -- */
.detailBoxFull {
	text-align:center;
	padding:20px 0 0 0;
	color:#fff;
	background:#69c3fb;
}
.detailBox {
	text-align:center;
	padding:20px 0;
	color:#fff;
	background:#69c3fb;
}
.detailTitle {
	font-size:55px;
	text-align:center;
}
.detailNum {
	font-size:100px;
	text-align:center;
}
.detailPhoto {
	text-align:center;
	height:275px;
	width:100%;
}
.detailPhotoQuad {
	text-align:center;
	height:147px;
	width:100%;
}
.detailMap {
	text-align:center;
	background:#3f97e1;
	height:275px;
	width:100%;
}
/* -- End Detail Box -- */


/* -- Footer -- */
.footer {
	height: 44px;
	color:#76797c;
	background-color:#f3f3f3;
}
.footer a:link, .footer a:visited {
	color:#76797c;
}
.footer a:hover {
	text-decoration:underline;
}