﻿body			{background-color: white; color: #5a5758; font-family: LatoMedium,sans-serif; font-size: 0.875em; margin: 0%; -ms-overflow-style: -ms-autohiding-scrollbar;}
img				{vertical-align: middle; border: 0px;}
ul				{margin: 1.5em 0em 0em 0em;}
p				{margin: 0em 0em 1em 0em;}

a				{color: #5a5758; text-decoration: none;}
a:hover			{text-decoration: underline;}

.canvas			{margin-top: 5em; position: relative; overflow-x: hidden;}
.headerBar		{background-color: white; width: 100%; position: fixed; left: 0%; top: 0%; z-index: 101;}
.header			{font-family: OpenSansLight,sans-serif; width: 90%; max-width: 1060px; margin: auto; padding: 0.75em 0em;}
.logo			{width: 26.89%; margin: 0.75em 0em; display: inline-block;}
.options		{width: 73.11%; text-transform: uppercase; text-align: right; vertical-align: middle; display: inline-block;}
.options		a				{color: #404040; margin-left: 1.5em;}
.slides			{width: 100%; max-width: 1920px; margin: auto; position: relative; overflow: hidden;}
.slide0			{width: 100%; position: relative; left: -100%; top: 0%; transition: 0.5s; -webkit-transition: 0.5s; display: inline-block;}
.slide1			{width: 100%; position: relative; left: 0%; top: 0%; display: inline-block;}
.overlay		{background-color: black; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; opacity: 0.5;}
.claimBox		{width: 100%; height: 100%; position: absolute; left: 0%; top: 0%;}
.claimX0		{color: white; font-family: LatoBold,sans-serif; font-size: 2.5em; padding-top: 2.5em; text-align: center; vertical-align: middle; display: table-cell; opacity: 0; transition: 0.75s; -webkit-transition: 0.75s;}
.claimX1		{color: white; font-family: LatoBold,sans-serif; font-size: 2.5em; padding-top: 2.5em; text-align: center; vertical-align: middle; display: table-cell; transition: 0.75s; -webkit-transition: 0.75s;}
.dotsBox		{width: 100%; text-align: center; position: absolute; left: 0%; top: 87.5%;}
.dots			{width: 4.535%;}
.pageLeft0		{width: 5%; height: 100%; position: absolute; left: 0%; top: 0%; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s;}
.pageLeft1		{width: 5%; height: 100%; position: absolute; left: 0%; top: 0%; transition: 0.5s; -webkit-transition: 0.5s;}
.pageLeft		{width: 20%; position: absolute; left: 15%; top: 45%;}
.pageRight0		{width: 5%; height: 100%; position: absolute; right: 0%; top: 0%; opacity: 0;transition: 0.5s; -webkit-transition: 0.5s;}
.pageRight1		{width: 5%; height: 100%; position: absolute; right: 0%; top: 0%; transition: 0.5s; -webkit-transition: 0.5s;}
.pageRight		{width: 20%; position: absolute; right: 15%; top: 45%;}
.copy			{background-color: #222223; font-size: 0.75em; width: 100%; text-align: center; padding: 2.25em 0em; border-top: 1px solid #3d3f40;}

.segmentAuto	{width: 90%; max-width: 1060px; margin: auto; padding: 4.5em 0em; position: relative;}
.segmentFull	{width: 100%; max-width: 1920px; margin: auto; position: relative;}
.title			{color: black; font-family: LatoBold,sans-serif; font-size: 1.33em;}
.ruler			{width: 7.5%; margin: 2.5em auto; border-top: 2px solid #231f20;}
.apprentice		{width: 44.25%;}
.intro			{font-family: LatoLight,sans-serif; font-size: 1.1em; line-height: 150%; margin-top: 1.5em;}
.text1			{color: #84754e; font-family: LatoMedium,sans-serif; font-size: 1.33em; line-height: 125%; margin-top: 2.5em;}
.bullets		{color: #84754e; font-family: LatoBold,sans-serif; font-size: 1.1em; line-height: 150%; width: 40%; padding: 0% 5%; text-align: left; vertical-align: top; display: inline-block;}
.bike			{width: 22.9%; position: relative; top: -1em;}
.claim1			{color: #231f20; font-family: LatoBold,sans-serif; font-size: 1.5em; line-height: 150%; width: 60%; margin: -2.25em auto 0em auto; padding: 1em; border: 5px solid #84754e;}
.text2			{color: #231f20; font-family: LatoMedium,sans-serif; font-size: 1.33em; line-height: 125%;}
.segmentThird	{width: 33.33%; text-align: center; display: inline-block; transition: 0.5s; -webkit-transition: 0.5s;}
.answer			{width: 42.96%; min-width: 196px;}
.send			{width: 58.90%; min-width: 268px;}
.survey			{width: 51.25%; min-width: 233px;}
.candidates		{width: 30.85%; margin-top: 2em;}
.segmentDates	{background-image: url('/shared/walls/dates.jpg'); background-position: center top; background-size: 100% 100%; width: 100%; max-width: 1920px; margin: auto; text-align: center; position: relative;}
.calendarX		{background-color: black; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; opacity: 0.75;}
.dates			{width: 33%; margin-bottom: 3em; position: relative; z-index: 11;}
.months			{width: 59.1%; margin: auto; position: relative; z-index: 11; overflow: hidden;}
.month			{width: 100%;}
.calendarControls
				{width: 20%; margin: 2em auto 0em auto; text-align: center; position: relative; z-index: 11;}
.calendarLeft	{width: 6.13%; vertical-align: bottom; display: inline-block;}
.calendarRight	{width: 6.13%; vertical-align: bottom; display: inline-block;}
.calendarNum	{font-family: LatoBlack,sans-serif; font-size: 1.25em; margin: 0em 1.5em; display: inline-block;}
.board			{width: 24.25%; margin-bottom: 2em;}
.photos			{width: 69.75%; margin: auto;}
.photo			{width: 23%; padding: 1%; vertical-align: top; display: inline-block; position: relative;}
.motto0			{background-color: #918668; display: inline-block; position: absolute; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s;}
.motto1			{background-color: #918668; display: inline-block; position: absolute; transition: 0.5s; -webkit-transition: 0.5s; cursor: pointer;}
.motto			{color: White; font-family: LatoMedium,sans-serif; font-size: 0.875em; padding: 1em; vertical-align: middle; display: table-cell; box-sizing: border-box; -moz-box-sizing: border-box;}
.name			{color: #231f20; font-family: LatoMedium,sans-serif; margin-top: 0.75em;}
.job			{color: #84754e; font-family: LatoMedium,sans-serif; font-size: 0.875em; margin-top: 0.15em;}
.people			{font-size: 1.25em; margin: 2em 0em;}
.rulerW			{width: 7.5%; margin: 2.5em auto; border-top: 2px solid white;}
.winner			{color: black; font-family: LatoBold,sans-serif; font-size: 1.5em; margin-bottom: 0.5em;}
.show			{width: 41.32%;}
.darts			{width: 21.69%; margin-top: 2.5em;}
.claim2			{color: #231f20; font-family: LatoBold,sans-serif; font-size: 1.5em; line-height: 150%; width: 60%; margin: -1.5em auto 0em auto; padding: 1em; border: 5px solid white;}
.segmentVideos	{background-image: url('/shared/walls/videos.jpg'); background-position: center top; background-size: 100% 100%; width: 100%; max-width: 1920px; margin: auto; text-align: center; position: relative;}
.videoX			{background-color: black; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; opacity: 0.5;}
.videos			{position: relative; z-index: 11;}
.checkVideos	{width: 33.58%;}
.mainVideo		{width: 59.43%; margin-top: 2em; position: relative; transition: 0.5s; -webkit-transition: 0.5s; z-index: 2;}
.videoNum		{color: white; font-family: LatoBold,sans-serif; font-size: 1.1em; margin-top: 2.5em;}
.rulerVideo		{width: 20%; margin: 0.5em auto; border-top: 2px solid white;}
.videoName		a				{color: white; font-family: LatoBold,sans-serif; font-size: 1.33em;}
.archive		{color: black; font-family: LatoBlack,sans-serif; font-size: 1.5em;}
.videosList		{width: 90%; max-width: 960px; margin: 3em auto 0em auto; position: relative; z-index: 11; overflow: hidden;}
.videoThumb		{width: 31.33%; margin: 0% 1%; display: inline-block;}
.videoLeft		{width: 1.23%; position: absolute; left: 1.5em; top: 55%;}
.videoRight		{width: 1.23%; position: absolute; right: 1.5em; top: 55%;}
.toTop			{width: 2em; position: absolute; right: 1em; bottom: 1em;}

.isFull			{width: 100%;}
.isCenter		{text-align: center;}
.isHidden		{display: none;}

@media all and (max-width: 1024px)
{
.options		{font-size: 0.875em;}
.optionsFooter	{font-size: 0.875em;}
}

@font-face		{font-family: OpenSansLight; src: url('/shared/fonts/OpenSansLight.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: LatoLight; src: url('/shared/fonts/lato300.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: LatoMedium; src: url('/shared/fonts/lato400.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: LatoBold; src: url('/shared/fonts/lato700.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: LatoBlack; src: url('/shared/fonts/lato900.woff'); font-weight: normal; font-style: normal;}
@font-face		{font-family: RobotoBold; src: url('/shared/fonts/RobotoBold.woff'); font-weight: normal; font-style: normal;}
