html { background: #fff url(../i/background.png) 0 0 repeat; }
body { background: transparent none; }

.siteContainer { box-shadow: 0 0 35px rgba(0,0,0,.1); }
#pageContentContainer { padding: 15px 0 0 0; }

/* ACCOUNT NAV */

#accountNav { background: #eee none; }
#accountNav li a {
	background-color: transparent; color: #333;
	-webkit-transition: .2s background-color ease-in-out;
		 -moz-transition: .2s background-color ease-in-out;
			-ms-transition: .2s background-color ease-in-out;
			 -o-transition: .2s background-color ease-in-out;
					transition: .2s background-color ease-in-out;
}
#accountNav li a:hover { background-color: #ccc; color: #333; }
#accountNav .secondary a:hover { color: #999; }

/* MEMBER FIX */

#accountNav .currentSite { display: block; }
#accountNav .currentSite a { display: none; }
#accountNav .currentSite a#edit_membership { display: block; }

/* ADMIN NAV */

#adminNav { position: fixed; top: 100px; right: 0; z-index: 1000; }
#adminNav a { background: transparent url(../i/editUser.png) 0 0 no-repeat; display: block; width: 65px; height: 70px}
.edit_mode #adminNav a { background-position: 0 -70px; }
#adminNav a img { display: none; }
.adminToggle { position: fixed; top: 0; right: 0; z-index: 1000; }

/* TOP NAVIGATION */

#topNav { background: #ffd205 url(../i/topNav.png) 0 0 repeat-x; height: 36px; overflow: visible; top: 150px; }
#topNav table { margin-left: 20px; }
#topNav table tr td > a {
	color: #333; font: 700 14px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 20px;
	-webkit-transition: .2s background ease-in-out;
		 -moz-transition: .2s background ease-in-out;
			-ms-transition: .2s background ease-in-out;
			 -o-transition: .2s background ease-in-out;
					transition: .2s background ease-in-out;
}
#topNav table tr td.selected > a, #topNav table tr td > a:hover { background: rgba(255,255,255,.5) none; color: #333; }

.user_mode #topNav table tr td.home ul { display: none; }

/* DROPDOWN NAVIGATION */

#topNav table tr td { position: relative; }
#topNav table tr td ul, #topNav table tr td ul li,
#topNav table tr td ul li a,
#topNav table tr td ul li:hover,
#topNav table tr td ul li.hover,
#topNav table tr td ul li a:hover,
#topNav table tr td ul li.hover > a,
#topNav table tr td ul li:hover > a { background: transparent none; border: none; margin: 0; padding: 0; }
#topNav table tr td ul.dropdown { background: #fff url(..i/dropdownBG.png) 0 0 repeat-x; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
#topNav table tr td ul li a, #topNav table tr td ul li a:hover, #topNav table tr td ul li.hover a { color: #53534a; font: 700 11px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; text-transform: uppercase; width: 140px; }
#topNav table tr td ul li a .dropdown-disclosure { display: none; }
#topNav table tr td ul li:first-child a { border-top: none; }
#topNav table tr td.selected ul li a { color: #53534a; }
#topNav table tr td ul li a {
	-webkit-transition: .2s color ease-in-out;
		 -moz-transition: .2s color ease-in-out;
			-ms-transition: .2s color ease-in-out;
			 -o-transition: .2s color ease-in-out;
					transition: .2s color ease-in-out;
}
#topNav table tr td ul li a:hover { color: #999; }
#topNav table tr td ul li ul { display: none !important; }

#topNav table tr td ul li a.disabled { background: transparent none; color: #ddd; }

/* SITE HEADER */

#siteHeader { background: #fff none; padding-top: 195px; }
#siteHeader h1 { display: block; }
#siteHeader h1 a { background: transparent url(../i/espritLogo.png) 0 0 no-repeat; display: block; width: 333px; height: 132px; position: absolute; top: 12px; left: 30px; }
#siteHeader .lifetime { position: absolute; top: 50px; right: 30px; }

.socialLinks { position: absolute; bottom: -60px; right: 40px; z-index: 300; }
.socialLinks li { color: #a7acac; display: block; float: left; list-style-type: none; margin-left: 5px; text-transform: uppercase; }
.socialLinks li a {
	display: block; height: 50px; width: 50px; opacity: 1; text-indent: -999em;
	-webkit-transition: .2s opacity ease-in-out;
		 -moz-transition: .2s opacity ease-in-out;
			-ms-transition: .2s opacity ease-in-out;
			 -o-transition: .2s opacity ease-in-out;
					transition: .2s opacity ease-in-out;
}
.socialLinks li a:hover { opacity: .6; }

.socialLinks li .facebook { background: #fff url(../i/facebookIcon.jpg) 0 0 no-repeat; }
.socialLinks li .twitter { background: #fff url(../i/twitterIcon.jpg) 0 0 no-repeat; }
.socialLinks li .pinterest { background: #fff url(../i/pinterestIcon.jpg) 0 0 no-repeat; }

/* SUB NAVIGATION */

.user_mode .subNav .parents { display: none; }
.subNav ul li a, .relatedSections ul li a {
	color: #58595b; font: 400 12px/16px Arial, sans-serif; padding: 10px;
	-webkit-transition: .2s color ease-in-out;
		 -moz-transition: .2s color ease-in-out;
			-ms-transition: .2s color ease-in-out;
			 -o-transition: .2s color ease-in-out;
					transition: .2s color ease-in-out;
}

.subNav h4, .relatedSections h4 { border: none; color: #58595b; font-size: 16px; }
.relatedSections .siblings .selected a { font-weight: 700; }

/* EVENT LINKS */

.eventLinks { position: absolute; bottom: 0; left: 0; z-index: 300; }
.eventLinks li { display: block; float: left; list-style-type: none; }
.eventLinks li a { background: transparent url(../i/eventNav.png) 0 0 no-repeat; display: block; height: 116px; width: 245px; text-indent: -999em; }

.eventLinks li .run { background-position: 0 0; }
.eventLinks li .run:hover { background-position: 0 -116px; }
.eventLinks li .training { background-position: -245px 0; }
.eventLinks li .training:hover { background-position: -245px -116px; }
.eventLinks li .duathlon { background-position: -490px 0; }
.eventLinks li .duathlon:hover { background-position: -490px -116px; }
.eventLinks li .triathlon { background-position: -735px 0; }
.eventLinks li .triathlon:hover { background-position: -735px -116px; }

.eventLinks { display: none; }
#homePage .eventLinks { display: block; }

/* DISPLAY BODY HEADER */

#displayBodyHeader { margin-bottom: 50px; }

/* PAGE ELEMENTS */

/*-- Text Block Element */

.textBlockElement h3 { font: 700 20px/25px Arial, sans-serif; }
.textBlockElement .text p, .textBlockElement .text li { color: #a19c95; font: 400 14px/20px Arial, sans-serif; }
.textBlockElement .leftTextImage { margin-right: 30px; }
.textBlockElement .text u { color: #ffd204; font: 700 18px/23px Arial, sans-serif; text-decoration: none;  }
.textBlockElement .text a { color: #ffd204; }
.textBlockElement .text a:hover { color: #ffd204; }

#homePage .textBlockElement .text p, #homePage .textBlockElement .text li { color: #a19c95; font: 400 16px/23px Arial, sans-serif; }

/*-- HR Element --*/

.hrElement { background: transparent url(../i/hrElement.png) 0 0 repeat-x; border: none; height: 2px; }

/*-- Table Element --*/

.tableElement { padding: 0 30px 0 15px; }
.tableElement table .odd, .tableElement table .even { background: transparent none; border-bottom: 1px solid #d8d8d8; }
.tableElement table tr th, .tableElement table tr td { color: #aeacab; font: 400 14px/20px Arial, sans-serif; padding: 5px; text-align: center; }
.tableElement table tr th { background: #f1efed none; color: #636466; }
.tableElement table tr td { border: none; }

/*-- Rotator Element --*/

.slideshowContainer { display: block; height: 415px; width: 980px; margin-left: 0 !important; position: absolute; top: 195px; left: 0; z-index: 250; }
.edit_mode .slideshowContainer { position: static; height: auto; width: auto; }

div.rotator { position: relative; height: 415px; }
div.rotator ul li { float: left; position: absolute; list-style: none; }
div.rotator ul li.show { z-index: 500; }

/* Form Element */

#theForm { color: #a19c95; font: 400 12px/18px Arial, sans-serif; }
#theForm .formElement { padding: 5px 0; }
#theForm label { color: #a19c95; font: 400 14px/18px Arial, sans-serif; }
#theForm #form-email { background: #fff none; border: 1px solid #cbc5bd; box-shadow: none; color: #a19c95; font: 400 italic 12px/26px Arial, sans-serif; padding: 0 8px; width: 255px; }
#theForm input { margin: 0 5px; }
#theForm .submitButton { padding: 0; text-align: left; }
#theForm .submitButton input { background: #a09b94 none; border: none; border-radius: 0; color: #fff; font: 700 12px/26px Arial, sans-serif; padding: 0 15px; text-transform: uppercase; }
.validation-fail-container { background: transparent none; }

/* Event Schedule */

#eventSchedule ul { margin-bottom: 15px; }
#eventSchedule ul li { color: #999; font: 400 14px/20px Arial, sans-serif; list-style-type: none; }
#eventSchedule ul li h4 { color: #999; font: 700 15px/1 Arial, sans-serif; text-transform: uppercase; }
#eventSchedule ul li a { margin-right: 5px; }
#eventSchedule .red li h4, #eventSchedule .red li a { color: #f0555e; }
#eventSchedule .orange li h4, #eventSchedule .orange li a { color: #f89b1c; }
#eventSchedule .blue li h4, #eventSchedule .blue li a { color: #70cbd2; }
#eventSchedule .purple li h4, #eventSchedule .purple li a { color: #913680; }

/* CUSTOM CLASSES */

.minBottomMargin .pageElement { margin-bottom: 10px !important; }
.contained .pageElement { background: #f1efed none; padding: 20px 15px; }

/* EXTENDED FOOTER */

#extendedFooter { background: #f1efed none; border-top: 5px solid #fff; overflow: hidden;  padding: 15px 40px; }
#extendedFooter .infoColumn { float: left; width: 125px; margin-right: 20px; }
#extendedFooter .infoColumn h4 { color: #9a948c; font: 700 12px/1 Arial, sans-serif; margin-bottom: 5px; text-transform: uppercase; }
#extendedFooter .infoColumn ul { margin: 0 0 5px; }
#extendedFooter .infoColumn ul li a { color: #9a948c; line-height: 20px; }

/*-- Connect Links --*/

#siteFooter .connect { color: #444; font: 700 12px/16px Arial, sans-serif; position: absolute; bottom: 25px; left: 295px; text-transform: uppercase;}
#siteFooter .connect span { padding-bottom: 3px; }

/* NEWS ARTICLE PAGE */

#newsArea .collectorElement .teaser { font-size: 13px; }
#newsArea .collectorElement h4 { font-size: 16px; }
.newsPage #yieldContent { margin-right: 15px; }
.newsItemElement h2 { color: #666; margin-bottom: 5px; }
.newsItemElement h4 { color: #ccc; font-style: italic; }
.newsItemElement .newsDate, .newsItemElement .newsAuthor { display: inline-block; }
.newsPage .textBlockElement .text p, .newsPage .textBlockElement .text li, .newsPage .textBlockElement .text div { color: #777; font: 400 14px/20px Arial, sans-serif; }
.newsPage .textBlockElement .text a { color: #F89B1C; text-decoration: underline; }
.newsPage .textBlockElement .text a:hover { text-decoration: none; }
.newsPage .newsTags { margin: 0; }
.newsPage .bottomOptions .pageOptions { background: transparent url(../i/hrElement.png) 0 0 repeat-x; border: none; height: 2px; margin: 10px 0 15px; padding: 15px 0; }

/* SITE FOOTER */

#siteFooter { background: #fff url(../i/siteFooter.png) bottom center repeat-x; border-top: 2px solid #f1efed; padding: 0; }
#siteFooter > ul { height: 61px; padding: 0 0 0 265px; position: relative; }
#siteFooter > ul::before { background: transparent url(../i/horzLogo.png) 0 0 no-repeat; content: ''; display: block; width: 211px; height: 22px; margin-top: -11px; position: absolute; top: 50%; left: 0; }
#siteFooter > ul::after { background: transparent url(../i/nginLogo.png) 0 0 no-repeat; content: ''; display: block; width: 63px; height: 22px; margin-top: -11px; position: absolute; top: 50%; right: 0; }
#siteFooter > ul li { display: inline-block; margin-top: 40px; }
#siteFooter > ul li, #siteFooter > ul li a { color: #666; }
#siteFooter > ul li a { text-decoration: underline; }
#siteFooter > ul li a:hover { text-decoration: none; }

/* ADDITIONAL STYLES */

#siteContainer2.two_panel .oneColumn .column1 .pageElement, #siteContainer2.two_panel .twoColumn5050 .column2 .pageElement, #siteContainer2.two_panel .twoColumn6633 .column2 .pageElement, #siteContainer2.two_panel .twoColumn3366 .column2 .pageElement, #siteContainer2.two_panel .threeColumn333333 .column3 .pageElement, #siteContainer2.two_panel .threeColumn502525 .column3 .pageElement, #siteContainer2.two_panel .threeColumn255025 .column3 .pageElement, #siteContainer2.two_panel .threeColumn252550 .column3 .pageElement, #siteContainer2.two_panel .oneColumn .column1 .hrElement, #siteContainer2.two_panel .twoColumn5050 .column2 .hrElement, #siteContainer2.two_panel .twoColumn6633 .column2 .hrElement, #siteContainer2.two_panel .twoColumn3366 .column2 .hrElement, #siteContainer2.two_panel .threeColumn333333 .column3 .hrElement, #siteContainer2.two_panel .threeColumn502525 .column3 .hrElement, #siteContainer2.two_panel .threeColumn255025 .column3 .hrElement, #siteContainer2.two_panel .threeColumn252550 .column3 .hrElement { margin-right: 25px !important; }

/* EDIT MODE */

#flashNotice, #flashError, #errorExplanation { margin: 0 40px 15px; }