@charset "utf-8";
/* Medium CSS */

#top-menu {
	width: 100%;
	height: 25px;
	background-color: #b89c80;
	background-image: url(img/bg-texture.jpg);
	background-repeat: repeat;
	border-bottom: 1px solid #333333;
}
#top-menu-box {
	width: auto;
	margin: 0;
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-align: center;
}
#mobile-navigation {
	display: none;
}
#top-menu-box a:link {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#top-menu-box a:visited {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#top-menu-box a:active {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#top-menu-box a:hover {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #666666;
	text-shadow: none;
	text-decoration: none;
}
#top-splash {
	width: 100%;
	height: 545px;
	border-bottom: 1px solid #333333;
	background-image: url(img/bg-splash-m.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #b89c80;
}
#logo-box {
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#apcl-logo {
	max-width: 30%;
	margin: 0 auto;
}
#top-splash-title {
	margin-top: 15px;
	font-family: 'Dancing Script', cursive;
	font-size: 4.5em;
	font-weight: bold;
	color: #FFF;
	text-shadow: -2px -2px 0 #222222, 2px -2px 0 #222222, -2px 2px 0 #222222, 2px 2px 0 #222222, 2px 2px 2px #000;
	text-align: center;
	line-height: 0.65em;
}
.top-splash-smaller {
	font-family: 'Alegreya', serif;
	font-size: 0.4em;
	color: #b89c80;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	letter-spacing: 10px;
}
.top-splash-smallest {
	font-family: 'Alegreya', serif;
	font-size: 0.2em;
	color: #FFF;
	text-shadow: -1px -1px 0 #222222, 1px -1px 0 #222222, -1px 1px 0 #222222, 1px 1px 0 #222222, 1px 1px 2px #000;
	text-decoration: none;
}
.middle-header {
	width: 100%;
	font-family: 'Dancing Script', cursive;
	font-size: 2em;
	color: #333333;
	text-align: center;
}
.middle-back {
	width: 100%;
	margin-bottom: 50px;
	text-align: right;
}
.middle-back a:link {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}
.middle-back a:visited {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}
.middle-back a:active {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}
.middle-back a:hover {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}
/**************
   Intro CSS 
**************/
#middle-intro {
	width: 100%;
	font-family: 'Alegreya', serif;
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
}
#middle-twitter {
	width: 300px;
	margin: 0 auto;
	padding-top: 25px;
}
.middle-twitter-header {
	font-family: 'Alegreya', serif;
	font-size: 1.4em;
	color: #333333;
}
.twitter-timeline {
	height: 500px;
}
/**************
   News CSS 
**************/
#middle-news {
	width: 100%;
	font-family: 'Alegreya', serif;
	font-size: 1.5em;
	color: #333333;
}
.middle-news-header {
	font-family: 'Alegreya', serif;
	font-size: 1.5em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}
#middle-news-box {
	width: 100%;
	background-color: #b89c80;
	background-image: url(img/bg-texture.jpg);
	background-repeat: repeat;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-align: center;
}
.newsletters {
	max-width: 90%;
	border: 1px solid #333333;
	border-radius: 5px;
}
#middle-news-pdf {
	width: 100%;
	margin: 0;
	padding: 0;
}
#middle-calendar-pdf {
	width: 100%;
	margin: 0;
	padding: 0;
}
#middle-news-box a:link {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#middle-news-box a:visited {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#middle-news-box a:active {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#middle-news-box a:hover {
	font-family: 'Alegreya', serif;
	font-size: 0.9em;
	color: #666666;
	text-shadow: none;
	text-decoration: none;
}
/**************
   Stats CSS 
**************/
#middle-statistics {
	width: 100%;
	font-family: 'Alegreya', serif;
	font-size: 1.5em;
	color: #333333;
}
#stats-table {
	width: 100%;
	margin: 0 auto;
	display: table;
}
.stats-row-header {
	display: table-row;
	background-color: #333333;
	font-size: 1.3em;
	color: #FFF;
}
.stats-row-1 {
	display: table-row;
	background-color: #b89c80;
	background-image: url(img/bg-texture.jpg);
	background-repeat: repeat;
}
.stats-row-2 {
	display: table-row;
	background-color: #FFFFFF;
}
.stats-cell-division {
	padding-left: 2px;
	padding-right: 2px;
	display: table-cell;
	font-size: 0.8em;
}
.stats-cell-standings {
	padding-right: 2px;
	display: table-cell;
	font-size: 0.6em;
}
.stats-cell-stats {
	padding-right: 2px;
	display: table-cell;
	font-size: 0.6em;
}
.stats-cell-schedule {
	padding: 0;
	display: table-cell;
	font-size: 0.6em;
}
.stats-row-1 a:link {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
.stats-row-1 a:visited {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
.stats-row-1 a:active {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
.stats-row-1 a:hover {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}
.stats-row-2 a:link {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}
.stats-row-2 a:visited {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}
.stats-row-2 a:active {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	text-decoration: none;
}
.stats-row-2 a:hover {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}
/**************
   Files CSS 
**************/
#middle-files {
	width: 100%;
	font-family: 'Alegreya', serif;
	font-size: 1.5em;
	color: #333333;
}
#middle-files-box {
	width: 100%;
	background-color: #b89c80;
	background-image: url(img/bg-texture.jpg);
	background-repeat: repeat;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.middle-files-top {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding-left: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #333333;
	background-repeat: repeat;
	font-family: 'Alegreya', serif;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}
.middle-files-rules {
	width: 100%;
	max-width: 500px;
	height: 100px;
	margin: 0 auto;
	padding: 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	font-family: 'Alegreya', serif;
	font-size: 0.8em;
	color: #333333;
}
.middle-files-middle {
	width: 100%;
	max-width: 500px;
	height: 100px;
	margin: 0 auto;
	padding: 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	font-family: 'Alegreya', serif;
	font-size: 0.8em;
	color: #333333;
}
.middle-files-bottom {
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 25px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: 'Alegreya', serif;
	font-size: 0.8em;
	color: #333333;
}
.middle-files-button {
	width: 200px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}
#middle-files a:link {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	border: 3px solid #666666;
	border-radius: 25px;
	text-shadow: none;
	text-decoration: none;
}
#middle-files a:visited {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	border: 3px solid #666666;
	border-radius: 25px;
	text-shadow: none;
	text-decoration: none;
}
#middle-files a:active {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #333333;
	border: 3px solid #666666;
	border-radius: 25px;
	text-shadow: none;
	text-decoration: none;
}
#middle-files a:hover {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #666666;
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFFFFF;
	border-radius: 25px;
	text-shadow: none;
	text-decoration: none;
}
/**************
   Links CSS 
**************/
#middle-links {
	width: 100%;
	background-image: url(img/link-splash-med.jpg);
	background-position: left;
	background-repeat: no-repeat;
	font-family: 'Alegreya', serif;
	font-size: 1.5em;
	color: #333333;
}
.middle-links-header {
	font-size: 1.5em;
	font-weight: bold;
}
#friends {
	font-size: 1.15em;
}
.sponsor {
	font-family: 'Alegreya', serif;
	font-size: 1.2em;
	color: #333333;
}
#middle-links a:link {
	font-family: 'Alegreya', serif;
	color: #333333;
	text-decoration: none;
}
#middle-links a:visited {
	font-family: 'Alegreya', serif;
	color: #333333;
	text-decoration: none;
}
#middle-links a:active {
	font-family: 'Alegreya', serif;
	color: #333333;
	text-decoration: none;
}
#middle-links a:hover {
	font-family: 'Alegreya', serif;
	color: #666666;
	text-decoration: none;
}
#middle-links-sponsors {
	width: 100%;
	padding: 5px;
	font-family: 'Alegreya', serif;
	font-size: 0.7em;
	color: #333333;
}
#middle-links-friends {
	width: 100%;
	padding: 5px;
	font-family: 'Alegreya', serif;
	font-size: 0.7em;
	color: #333333;
	line-height: 200%;
}
.middle-back-bottom {
	width: 100%;
	margin-bottom: 50px;
	text-align: right;
}
.middle-back-bottom a:link {
	font-family: 'Alegreya', serif;
	font-size: 0.65em;
	color: #333333;
	text-decoration: none;
}
.middle-back-bottom a:visited {
	font-family: 'Alegreya', serif;
	font-size: 0.65em;
	color: #333333;
	text-decoration: none;
}
.middle-back-bottom a:active {
	font-family: 'Alegreya', serif;
	font-size: 0.65em;
	color: #333333;
	text-decoration: none;
}
.middle-back-bottom a:hover {
	font-family: 'Alegreya', serif;
	font-size: 0.65em;
	color: #666666;
	text-decoration: none;
}
/**************
  Footer CSS 
**************/
#bottom-contact {
	width: 100%;
	padding-bottom: 3px;
	margin: 0;
	background-color: #b89c80;
	background-image: url(img/bg-texture.jpg);
	background-repeat: repeat;
	border-top: 1px solid #333333;
	font-family: 'Alegreya', serif;
	font-size: 1.1em;
	color: #333333;
	text-align: center;
}
.bottom-contact-header {
	font-family: 'Alegreya', serif;
	font-size: 1.3em;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}
.bottom-contact-subheader {
	font-family: 'Alegreya', serif;
	font-size: 1.1em;
	font-weight: bold;
}
#bottom-contact a:link {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
#bottom-contact a:visited {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
#bottom-contact a:active {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}
#bottom-contact a:hover {
	font-family: 'Alegreya', serif;
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}
.phone-icon {
	vertical-align: middle;
	padding-left: 3px;
	border: 0;
}
.email-icon {
	vertical-align: middle;
	padding-left: 3px;
	border: 0;
}
#fb-icon {
	vertical-align: middle;
	padding-left: 3px;
	border: 0;
}
#legal {
	text-align: center;
}