#logo:hover {
	opacity: 0.7; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in;
}
#header {
	background: url("bg-header.jpg")  center rgb(0, 28, 45); margin: 0px; padding: 0px; height: 60px;  width: auto;
}

@media screen and (max-width: 1080px) {
	#header {
	background: url("bg-header.jpg")  center rgb(0, 28, 45); margin: 0px; padding: 0px; height: 60px;  width: 960px;
}
}

#top-nav {
	padding: 0px;
}
#top-nav ul li {
	margin: 0px; padding: 0px; border-left-color: rgb(53, 106, 140); border-left-width: 1px; border-left-style: solid; float: left;
}
#top-nav ul li {
	background: url("top-nav3.png") no-repeat; padding: 0px; height: 56px; display: block; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out;
}
#top-nav ul li a {
	line-height: 56px;
}
#top-nav ul li.nav-races {
	background-position: 0px 0px; width: 93px;
}
#top-nav ul li.nav-community {
	background-position: -94px 0px; width: 121px;
}
#top-nav ul li.nav-membership {
	background-position: -214px 0px; width: 121px;
}
#top-nav ul li.nav-programs {
	background-position: -335px 0px; width: 111px;
}
#top-nav ul li.nav-about {
	background-position: -446px 0px; width: 73px;
}
#top-nav ul li.nav-connect {
	background-position: -519px 0px; width: 95px;
}
#top-nav ul li.nav-services {
	background-position: -614px 0px; width: 88px;
}
#top-nav ul li.nav-friends {
	background-position: -702px 0px; width: 98px;
}
#top-nav ul li:hover {
	background-color: rgb(255, 255, 255);
}
#top-nav ul li.nav-races:hover {
	background-position: 0px -56px;
}
#top-nav ul li.nav-community:hover {
	background-position: -94px -56px; width: 121px;
}
#top-nav ul li.nav-membership:hover {
	background-position: -214px -56px; width: 121px;
}
#top-nav ul li.nav-programs:hover {
	background-position: -335px -56px; width: 111px;
}
#top-nav ul li.nav-about:hover {
	background-position: -446px -56px; width: 73px;
}
#top-nav ul li.nav-connect:hover {
	background-position: -519px -56px; width: 95px;
}
#top-nav ul li.nav-services:hover {
	background-position: -614px -56px; width: 88px;
}
#top-nav ul li.nav-friends:hover {
	background-position: -702px -56px; width: 98px;
}
#top-nav ul li ul {
	width: 200px; color: rgb(0, 0, 0); z-index: 99;
}
#top-nav ul li ul li {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(234, 234, 234); margin: 0px; padding: 10px 20px; border-image: none; width: 200px; height: auto; text-align: left; line-height: 1em; font-size: 100%; background-image: none; background-color: rgb(255, 255, 255);
}
#top-nav ul li ul li:first-child {
	background: url("bg-subnav.png") repeat-x rgb(255, 255, 255);
}
#top-nav ul li ul li:last-child {
	border-bottom-color: rgb(126, 176, 204); border-bottom-width: 5px; border-bottom-style: solid;
}
#top-nav ul li:hover ul li a {
	color: rgb(15, 79, 137); line-height: 1.3em; text-decoration: none;
}
#top-nav ul li ul li:hover a {
	color: rgb(0, 143, 197);
}
.event-list a {
	text-decoration: none !important;
}
.event-list a p {
	color: rgb(51, 51, 51);
}
.event-list {
	
}
.event-list h2 {
	line-height: 1em;
}
img.img-left {
	margin: 3px 10px 5px 0px; float: left;
}
.main {
	background: url("bg-subnav.png") repeat-x rgb(234, 234, 234); margin: 1px 0px 0px; padding: 15px 0px;
}
.module-header {
	padding: 10px; text-align: left; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 1px; font-family: "museo-slab",serif; font-size: 18px; font-weight: bold; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: rgb(126, 176, 204);
}
.emify {
	text-transform: none; letter-spacing: normal; font-style: italic;
}
.module-body {
	background: url("runtucson-sprite.png") no-repeat 0px -292px rgb(255, 255, 255); padding: 10px;
}
.ir {
	text-align: left; text-indent: -999em; overflow: hidden; display: block; direction: ltr; background-repeat: no-repeat;
}
.post h2 {
	margin-bottom: 10px;
}
.post h3 {
	text-transform: uppercase;
}
p.date {
	margin: -10px 0px 10px; color: rgb(126, 176, 204); line-height: 12px; font-size: 13px; font-style: italic; font-weight: bold;
}
.border {
	margin-bottom: 10px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.social-wrap {
	margin: 10px 0px; padding: 0px 0px 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.share-link {
	width: 90px; float: left;
}
#footer {
	background: url("bg-footer.jpg") no-repeat top rgb(0, 17, 27); padding: 20px 0px; color: rgb(255, 255, 255); font-size: 93%;
}

@media screen and (max-width: 1080px) {
	#footer {
	background: url("bg-footer.jpg")  center rgb(0, 28, 45); margin: 0px; padding: 0px;  width: 960px;
}
}



#footer a {
	color: rgb(255, 255, 255); text-decoration: none;
}
#footer ul {
	padding: 0px 5px 0px 0px; border-right-color: rgb(126, 176, 204); border-right-width: 1px; border-right-style: solid;
}
#footer ul ul {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#footer h4 {
	margin: 0px 0px 5px; color: rgb(255, 255, 255);
}
.feature {
	height: 165px; overflow: hidden; margin-bottom: 10px; position: relative;
}
.big.feature {
	height: 340px !important;
}
.feature img {
	left: 0px; top: 0px; position: absolute;
}
.caption {
	background: url("bg-trans.png"); left: 0px; top: 165px; width: 100%; height: 100px; font-family: "museo-slab", serif; font-style: italic; position: absolute;
}
.caption a {
	color: rgb(178, 61, 31); line-height: 1em !important; font-weight: bold; text-decoration: none;
}
.caption p {
	padding: 8px 5px; text-align: center; line-height: 1em !important;
}
#slider {
	height: 440px; overflow: hidden;
}