* {margin: 0px; padding: 0px;}
.right {float: right}
.left {float: left}
.clear {clear: both}
.hideText {text-indent: -9999px;}
/* .textColorOrange {color: #e85b1f !important} */
.textColorOrange {color: #008bcf !important}
.textColorGreen {color: #4d4b39 !important}
.pb12 {padding-bottom: 12px;}
.mb30 {margin-bottom: 30px;}
.width600 {width: 600px; padding: 0px 20px 30px !important;}
img {border: none;}
noscript img {display: none;}
.hideOnNoScript {display: none;}
.imgLeft {
	float:left;
	margin:5px 10px 5px 0;
}
.imgRight {
	float:right;
	margin:5px 0 5px 10px;
}
.imgBorder {
	border:1px solid #666;
}

h1 {font-size: 24px; line-height: 24px; color: #4d4b39; font-family: 'Allerta', arial, serif; text-transform: uppercase; letter-spacing: -1px;}
h2 {font-size: 18px; line-height: 20px; color: #4d4b39; font-weight: normal; letter-spacing: 1px;}
h3 {font-size: 18px; line-height: 24px; color: #4d4b39; font-weight: bold; padding: 0 0 12px;}
h4 {font-size: 18px; line-height: 18px; color: #008bcf; font-weight: bold; padding: 0 0 6px;}
h5 {font-size: 18px; line-height: 18px; color: #4d4b39; font-weight: bold; padding: 0 0 6px;}
a {outline: none;}
a img {border: none;}

section {padding: 0px 40px 12px;}
section a {color: #008bcf;}
section p {font-size: 18px; line-height: 24px; color: #4d4b39; padding: 0 0 24px;}
section ul {margin: 0 0 0 20px;}
section ul li {color: #4d4b39;font-size: 18px;line-height: 24px;padding: 0 0 24px;}
section hr {height: 1px; background: #fff; width: 100%; display: block; border-top: 1px dotted #4d4b39; border-bottom: 1px dotted #4d4b39; margin-bottom: 12px;}
section object {margin: 0 0 24px;}
section img {max-width: 560px; padding: 0 0 30px;}
.youTubeWrapper {height: 356px; margin: 0 0 24px;}

.largeGreenButton, .largeOrangeButton {background-color: rgba(70,73,81,0.5); border-radius: 15px; width: 100%; margin: 0 0 30px; display: block; -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.8); -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.8); box-shadow: inset 0px 2px 3px rgba(0,0,0,0.8); padding: 5px; text-decoration: none; position: relative; left: -5px;}
.largeGreenButton span, .largeOrangeButton span {border-radius: 10px; display: block; -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,0.75), 0px 2px 2px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,0.75), 0px 2px 2px rgba(0,0,0,0.75); box-shadow: inset 0px 1px 2px rgba(255,255,255,0.75), 0px 2px 2px rgba(0,0,0,0.75); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e56e25), color-stop(0.50, #008bcf), color-stop(0.51, #e56e25), color-stop(1, #ff9c5f)); background-image: -moz-linear-gradient(bottom,#e56e25, #008bcf 50%, #e56e25 51%, #ff9c5f); background-repeat: no-repeat; text-shadow: 0px -2px 1px rgba(0,0,0,0.4); text-decoration: none; color: #fff; font-size: 30px; line-height: 30px; overflow: hidden; text-align: center; padding: 24px 0px; width: 100%; font-weight: bold;}
.largeGreenButton span {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4d4b39), color-stop(0.50, #474535), color-stop(0.51, #5a5843), color-stop(1, #8d8b75)); background-image: -moz-linear-gradient(bottom, #4d4b39, #474535 50%, #5a5843 51%, #8d8b75);}
.largeOrangeButton span {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e56e25), color-stop(0.50, #008bcf), color-stop(0.51, #e56e25), color-stop(1, #ff9c5f)); background-image: -moz-linear-gradient(bottom, #e56e25, #008bcf 50%, #e56e25 51%, #ff9c5f);}

#requestInfo_button {border: 1px solid #333; border-radius: 10px; display: block; -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(232,207,57)), color-stop(0.50, rgb(230,202,35)), color-stop(0.51, rgb(232,207,57)), color-stop(1, rgb(240,223,123))); background-image: -moz-linear-gradient(center bottom, rgb(232,207,57) 0%, rgb(230,202,35) 50%, rgb(232,207,57) 51%, rgb(240,223,123) 100%); background-repeat: no-repeat; text-shadow: 0px -1px 1px #cd4004; text-decoration: none; color: #000; font-size: 18px; line-height: 18px; text-transform: uppercase; overflow: hidden; text-align: center; padding: 15px 0px 13px; width: 198px; font-weight: bold;}

#listenLive_button {border: 1px solid #333; border-radius: 10px; display: block; -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(180,159,193)), color-stop(0.50, rgb(180,159,193)), color-stop(0.51, rgb(180,159,193)), color-stop(1, rgb(180,159,193))); background-image: -moz-linear-gradient(center bottom, rgb(180,159,193) 0%, rgb(180,159,193) 50%, rgb(180,159,193) 51%, rgb(180,159,193) 100%); background-repeat: no-repeat; text-shadow: none; text-decoration: none; color: #000; font-size: 18px; line-height: 18px; text-transform: uppercase; overflow: hidden; text-align: center; padding: 15px 0 13px 0; width: 102px; font-weight: bold;}

#rewards_button {border: 1px solid #333; border-radius: 10px; display: block; -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.37); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(180,159,193)), color-stop(0.50, rgb(180,159,193)), color-stop(0.51, rgb(180,159,193)), color-stop(1, rgb(180,159,193))); background-image: -moz-linear-gradient(center bottom, rgb(180,159,193) 0%, rgb(180,159,193) 50%, rgb(180,159,193) 51%, rgb(180,159,193) 100%); background-repeat: no-repeat; text-shadow: none; text-decoration: none; color: #000; font-size: 18px; line-height: 18px; text-transform: uppercase; overflow: hidden; text-align: center; padding: 15px 0 13px 0; width: 122px; font-weight: bold;}

body {max-width: 100%; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; background: #000; -webkit-text-size-adjust: none;}

header {display: block; position: relative; height: 71px; width: 100%; margin: 0px auto; overflow: hidden; -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out;}
header.secondaryNav_visible {height: 142px !important;}
header.dropDownNav_visible {height: 546px !important;}

#navBar1 {height: 70px; width: 100%; display: block; background: #4d4b39 url(/mobile/images/global/header/headerBg_v1.png); border-bottom: 1px solid #fff; z-index: 3; position: absolute; top: 0px;}
#navBar1.home {border-bottom: 1px solid #0a0c10 !important}
#navBar1_inner {width: 640px; margin: 0px auto;}
#navBar1 h1 a {width: 390px; height: 70px; background: url(/mobile/images/global/header/kjazz881-logo.png); margin: 0 0 0 0; display: block;}
#requestInfo_button {margin: 10px 20px 0 0; display: block;}
#listenLive_button {margin: 10px 10px 0 0; display: block;}
#rewards_button {margin: 10px 0 0 0; display: block;}
#navBar2 { height: 70px; width: 100%; display: block; background: #828172 -webkit-gradient(linear, left top, left bottom, from(#828172), color-stop(0.49, #828172), color-stop(0.50, #79786a), to(#79786a)); background: #828172 -moz-linear-gradient(top, #828172, #828172 49%, #79786a 50%, #79786a); overflow: hidden; position: absolute; z-index: 2; bottom: 0px; border-bottom: 1px solid #fff;}
#navBar2_inner {width: 640px;margin: 0px auto;}
.navBarButton {position: relative; display: block;}
#back, #navigation {border-width: 11px;height: 34px;line-height: 34px;font-size: 18px;text-transform: uppercase;color: #fff;padding-top: 4px;font-weight: bold;text-decoration: none;text-shadow: 0px -1px 1px #000; margin: 5px 20px 0px; text-align: center;}
#back {border-width: 11px 11px 11px 27px; padding: 4px 9px 0 4px; -moz-border-image:url(/mobile/images/global/buttons/buttonBg_back.png) 11 11 11 27 stretch; -webkit-border-image:url(/mobile/images/global/buttons/buttonBg_back.png) 11 11 11 27 stretch; border-image:url(/mobile/images/global/buttons/buttonBg_back.png) 11 11 11 27 stretch;}
#navigation {width: 80px; -moz-border-image:url(/mobile/images/global/buttons/buttonBg_menu.png) 11 stretch; -webkit-border-image:url(/mobile/images/global/buttons/buttonBg_menu.png) 11 stretch; border-image:url(/mobile/images/global/buttons/buttonBg_menu.png) 11 stretch;}

.homepageImage {width: 640px; height: 364px; background: black; display: block}
#homeNav {width: 640px; background: url(/mobile/images/global/nav/navBg.jpg); display: block; overflow: hidden; padding: 2px 0;}

#nav {width: 100%; background: url(/mobile/images/global/nav/navBg.jpg); overflow: hidden; height: 404px; display: block; margin: 0px auto; position: relative; z-index: 1; top: 71px;}
#nav .center {width: 640px; margin: 0px auto;}
#homeTopGraphic {height: 230px; width: 640px; background: url(../images/home/homeBg.jpg) center top no-repeat;}
#homeBottomGraphic {height: 116px; width: 640px; background: url(../images/home/homeBg.jpg) center bottom no-repeat; position: relative;}
#nav a, #homeNav a {width: 212px; height: 200px;display: block;}
.nav_1 {margin: 0px 2px 2px 0px; background: url(/mobile/images/global/nav/nav-features.png) no-repeat}
.nav_1:hover {background-position: 0 -200px;}
.nav_2 {margin: 0px 2px 2px 0px; background: url(/mobile/images/global/nav/nav-programming.png) no-repeat}
.nav_2:hover {background-position: 0 -200px;}
.nav_3 {margin: 0px 0px 2px 0px; background: url(/mobile/images/global/nav/nav-support.png) no-repeat }
.nav_3:hover {background-position: 0 -200px;}
.nav_4 {margin: 0px 2px 0px 0px; background: url(/mobile/images/global/nav/nav-events.png) no-repeat}
.nav_4:hover {background-position: 0 -200px;}
.nav_5 {margin: 0px 2px 0px 0px; background: url(/mobile/images/global/nav/nav-about.png) no-repeat}
.nav_5:hover {background-position: 0 -200px;}
.nav_6 {background: url(/mobile/images/global/nav/nav-newsletter.png) no-repeat}
.nav_6:hover {background-position: 0 -200px;}
.previousPage {display: none;}

.page {background: #fff; width: 640px; margin: 0px auto; overflow: hidden; min-height: 752px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}

#cachedPages {display: none !important;}

/*footer {height: 76px; width: 100%; display: block; background: url(../images/sitewide/footerBg.png) repeat-x; color: #a8a8a8; font-size: 14px; line-height: 20px; text-shadow: none; border-top: 1px solid #fff; position: relative;}*/
footer {height: 176px; width: 100%; display: block; background: url(/mobile/images/global/footer/footerBg2.png) repeat-x; color: #a8a8a8; font-size: 14px; line-height: 20px; text-shadow: none; border-top: 1px solid #fff; position: relative;}
footer.small {height: 76px; background-position: center bottom; border-top: 1px solid #535353;}
#footer_inner {width: 640px; margin: 0px auto; }
#requestInfo_button_footer {width: 561px; height:59px; display: block; background: url('/mobile/images/test/requestInfo_button_footer.png') no-repeat; margin: 20px 40px 21px 39px;}
#footer_bottomLeft {margin: 20px 0 0 20px; }
footer a {font-size: 15px; color: #a8a8a8; text-decoration: underline; text-shadow: none;}
footer .copyright{color: #747474 }
#footer_socialLinks {margin: 0 20px 0 0;}
#footer_socialLinks a {margin: 22px 0px 0 40px; height: 34px; display: block; }
#footer_youTube {width: 81px; background: url(/mobile/images/global/buttons/footer_youTube.png) no-repeat; }
#footer_twitter {width: 45px; background: url(/mobile/images/global/buttons/footer_twitter.png) no-repeat;}
#footer_facebook {width: 34px; background: url(/mobile/images/global/buttons/footer_facebook.png) no-repeat;}

.nonGraphicTitle {padding: 30px 20px; overflow: hidden;}
.graphicTitle {padding: 132px 40px 30px; overflow: hidden; background-repeat: no-repeat;}
.graphicTitle_launchBox {padding: 132px 40px 0px; min-height: 102px; overflow: hidden; background-repeat: no-repeat;}

.listStyle1 {display: block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; padding: 0 0 30px;}
.listStyle1 li {list-style: none; margin: 0px 20px 10px; width: 598px; border: 1px solid #cecece; border-radius: 10px; background: #f1f1f1; height: 98px; display: block; -moz-box-shadow: inset 0px 1px 1px #fff; -webkit-box-shadow: inset 0px 1px 1px #fff; box-shadow: inset 0px 1px 1px #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(226,226,226)), color-stop(1, rgb(241,241,241))); background-image: -moz-linear-gradient(center bottom, rgb(226,226,226) 0%, rgb(241,241,241) 100%); background-image:  url(/mobile/images/global/buttons/listStyle1Arrow.png); background-repeat: no-repeat; background-position: 561px 37px; text-transform: uppercase; overflow: hidden; position: relative; }
.listStyle1 li a {padding: 0 56px 0 20px; display: table-cell; vertical-align: middle; width: 522px; height: 98px; text-shadow: 0px 1px 1px #fff; text-decoration: none; color: #4d4b39; font-size: 24px; line-height: 24px; letter-spacing: -1px; font-family: 'Allerta', arial, serif; position: relative;}
.listStyle1 li a .subtitle {color: #008bcf; font-size: 18px; font-weight: normal; text-transform: none; font-family: arial, serif; letter-spacing: 1px;}
.listStyle1 li img {position: absolute; top: 0px; left: 0px;}
.listStyle1 li a .greenArrow {dipslay: block; background: url(/mobile/images/global/buttons/listStyle1Arrow.png) no-repeat; position: absolute; right: 19px; top: 37px; height: 24px; width: 18px;}

/* programs */
#programsList_top {height: 80px; width: 100%; background: url(../images/programs/programsList_topBg.png) repeat-x; margin: 0 0 30px 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}
#campusPrograms_button, #onlinePrograms_button {width: 290px; display: block; margin: 20px 0 0 20px; font-size: 20px; line-height: 20px; padding: 23px 0 17px; color: #4d4b39; display: block; text-align: center; text-decoration: none; font-family: 'Allerta', arial, serif; text-transform: uppercase; letter-spacing: -1px; background-image: -webkit-gradient(linear, left top, left bottom, from(#dad6cc), color-stop(0.8, #dad6cc), to(#c5c2b8)); background-image: -moz-linear-gradient(top, #dad6cc, #dad6cc 80%, #c5c2b8);}
#onlinePrograms_button {margin: 20px 20px 0 0; }
#campusPrograms_button.active, #onlinePrograms_button.active {background: #fff; color: #008bcf; }

.coursesList {margin: 0px 20px 30px;}
.coursesList li {list-style-type: none; width: 600px; height: 100px; overflow: hidden; margin: 0px 0px 10px; }
.month {width: 56px; border: 1px solid #737265; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.42); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.42); border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #737265; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.06)), to(rgba(0,0,0,0.06))); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.06), rgba(0,0,0,0.06)); color: #fff; line-height: 36px; padding: 33px 0 29px; text-align: center; font-family: 'Allerta', arial, serif; font-size: 36px; display: block; margin: 0 5px 0 0;}
.courseWrapper {width: 535px; height: 98px; background-color: #e0ded9; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.06)), to(rgba(0,0,0,0.06))); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.06), rgba(0,0,0,0.06)); border: 1px solid #cecece; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.75); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.75); border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: relative; }
.coursesList li:nth-child(even) .courseWrapper {background-color: #f0f0f0 !important;}
.coursesDivider{background-image: url(../images/programs/coursesList_doubleCourseMonthBg.png); width:537px; height: 100px; position: absolute; left: -1px; top: -1px;}
.singleCourseMonth a, .doubleCourseMonth a {height: 100px; display: table-cell; vertical-align: middle; text-decoration: none; color: #4d4b39; font-size: 20px; line-height: 24px; letter-spacing: -1px; text-align: center; font-weight: bold;}
.singleCourseMonth a {width: 537px;}
.doubleCourseMonth a:nth-child(odd) {width: 214px; padding: 0px 34px 0px 20px; }
.doubleCourseMonth a:nth-child(even) {width: 215px; padding: 0px 20px 0px 34px; }
.courseDetailsList {margin: 0px 0px 20px;}
.courseDetailsList li {font-size: 20px; line-height: 24px; color: #4d4b39; padding: 10px 20px; list-style-type: none;}
.courseDetailsList li:nth-child(odd) {background-color: #f0f0f0;}

.listSchedule {
	list-style-type: none;
}
.listScheduleOdd {
	list-style-type: none;
	background:#F0F0F0;
}
.listSchedule a, .listScheduleOdd a {
	text-decoration:none;
}
.listSchedule dt, .listScheduleOdd dt {
	float: left;
	width: 175px;
	text-align: right;
	font-size: 20px; line-height: 24px; color: #4d4b39; padding: 10px 20px;
}
.listSchedule dd, .listScheduleOdd dd {
	font-size: 20px; line-height: 24px; color: #4d4b39; padding: 10px 20px;
}
.listSchedule:hover, .listScheduleOdd:hover {
	color:#4d4b39;
	background:#b49fc1;
	cursor:pointer;
}

.launchBoxList {padding: 0 0 30px 0;}
.launchBoxList li {color: #008bcf; list-style-type: square; padding: 0px; line-height: 28px; }
.facultyList {margin: 0px 20px 30px;}
.facultyList li {width: 600px; height: 100px; list-style-type: none; margin: 0 0 10px; overflow:hidden;}
.facultyList li a {width: 100%; height: 100%; display: block; text-decoration: none;}
.facultyList li a img {border-bottom-left-radius: 10px; border-top-left-radius: 10px; margin: 0 5px 0 0;}
.facultyList li a .memberDetails {list-style: none; margin: 0px 20px 10px; width: 453px; padding: 0px 20px; border: 1px solid #cecece; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #f1f1f1; height: 98px; -webkit-box-shadow: inset 0px 1px 1px #fff; -moz-box-shadow: inset 0px 1px 1px #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(226,226,226)), color-stop(1, rgb(241,241,241))); background-image: -moz-linear-gradient(bottom,rgb(226,226,226), rgb(241,241,241)); background-image:  url(/mobile/images/global/buttons/listStyle1Arrow.png); background-repeat: no-repeat; background-position: 456px 37px; text-transform: uppercase; overflow: hidden; position: relative; color: #4d4b39; display: table-cell; vertical-align: middle; font-weight: bold; font-size: 15px; line-height: 18px; }
.advisoryBoardDetailsTop .memberName, .facultyDetailsTop .memberName, .advisoryBoardList li a .memberName, .facultyList li a .memberName {font-size: 18px; line-height: 24px; color: #008bcf; }

.advisoryBoardDetailsTop, .facultyDetailsTop {font-weight: bold; font-size: 15px; line-height: 18px;}

.facultyDetailsTop {font-weight: bold; overflow: hidden; display: table-cell; vertical-align: middle; height: 100px; width: 480px; padding: 0 10px 24px;}

.advisoryBoardList li a {text-shadow: none; text-decoration: none; color: #4d4b39; font-size: 15px; line-height: 18px; font-family: arial, serif; text-transform: none; letter-spacing: 0px; font-weight: bold;}

.careersList {width: 100%; padding: 0 0 30px 0; overflow: hidden; margin: 0px;}
.careersList li {width: 280px; color: #008bcf; float: left; padding: 0; line-height: 28px; list-style-position:inside; list-style-type: square; }
.ourStoryFacts {margin: 0 0 30px 0;}
.ourStoryFacts li {font-size: 20px; line-height: 70px; border-bottom: 1px dotted #4d4b39; font-weight: bold; list-style-type: none; padding: 0; margin: 0;}
.ourStoryFacts li:last-child {border-bottom: none;}
.ourStoryFacts li .right {font-size: 28px; }
.ourStoryFacts li .subtext {color: #79786a; font-size: 18px;}

.getDirectionsButton {height: 72px; display: table-cell; padding: 0 40px 0 75px; vertical-align: middle; background: url(../images/about/directionsBg.jpg) no-repeat; background-position: 10px 11px; font-size: 24px; line-height: 24px; color: #4d4b39; text-decoration: none; font-weight: bold; left: 50px;}
.faqList {padding: 0px 20px 30px;}
.faqList li {list-style: none; position: relative; margin: 0 0 10px; cursor: pointer;}
.faqList .qWrapper {width: 469px; padding: 0 66px 0 63px; border: 1px solid #cecece; border-bottom: 0px; border-top-right-radius: 10px; border-top-left-radius: 10px; background: #f1f1f1; display: table-cell; vertical-align: middle; -webkit-box-shadow: inset 0px 1px 1px #fff; -moz-box-shadow: inset 0px 1px 1px #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(226,226,226)), color-stop(1, rgb(241,241,241))); background-image: -moz-linear-gradient(bottom, rgb(226,226,226), rgb(241,241,241)); height: 88px; font-size: 18px; line-height: 24px; color: #4d4b39; font-weight: bold; }
.qIcon {position: absolute; height: 88px; width: 63px; display: block; top: 0px; left: 0px; background: url(../images/about/faq_qaBg.png) no-repeat;}
.openClose { height: 25px; width: 25px; position: absolute; top: 39px; right: 18px; background: url(../images/about/faq_openClose.png) no-repeat; }
.open .openClose {background-position: 0px -25px;}
.faqList hr {position: absolute; top: 90px; height: 1px; width: 469px; margin: 0 66px 0 63px; display: block; border-top: 1px dotted #4d4b39; border-bottom: 1px dotted #4d4b39; display: none; z-index: 2; }
.faqList .aWrapper {width: 469px; padding: 0px 66px 0 63px; border: 1px solid #cecece; border-top: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: rgb(226,226,226); display: block; overflow: hidden; position: relative; height: 10px; -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out;}
.faqList .aInnerWrapper {margin: 23px 0 20px; display: block; font-size: 17px; line-height: 22px; color: #4d4b39}
.faqList .aInnerWrapper a {color: #008bcf; text-decoration: underline; }
.aIcon {position: absolute; height: 50px; width: 63px; display: block; top: 0px; left: 0px; background: url(../images/about/faq_qaBg.png) no-repeat 0px -87px;}
.dottedBlackBar {height: 10px; width: 100%; background: url(../images/sitewide/dottedBlackBarBg.png) repeat; margin: 20px 0 0 0;}
.dottedBlackBar.small {height: 3px; width: 100%; background: url(../images/sitewide/dottedBlackBarBg.png) repeat; margin: 20px 0 0 0;}
#connectWithUs_facebook {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_facebook.png') no-repeat; margin: 0px 0px 10px 20px;}
#connectWithUs_twitter {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_twitter.png') no-repeat; margin: 0px 0px 10px 20px;}
#connectWithUs_youtube {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_youtube.png') no-repeat; margin: 0px 0px 10px 20px;}
#connectWithUs_blog {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_blog.png') no-repeat; margin: 0px 0px 10px 20px;}
#connectWithUs_android {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_android.png') no-repeat; margin: 0px 0px 10px 20px;}
#connectWithUs_iphone {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_ios.png') no-repeat; margin: 0px 0px 10px 20px;}
#connectWithUs_ipad {width: 600px; height: 120px; display: block; background: url('../images/about/connectWithUs_ios.png') no-repeat; margin: 0px 0px 10px 20px;}

.hofInductee_profileImg {width: 200px; height: 250px; margin: 0 20px 0 0;}
.hofInductee_name {font-size: 22px; line-height: 24px; margin: 0px; padding: 0px; text-transform: uppercase; font-weight: bold;}
.hofInductee_info {font-size: 16px; line-height: 22px; padding: 0 0 26px}
.hofInductee_creditsTitle {font-size: 16px; line-height: 22px; color: #008bcf; text-transform: uppercase; }
.hofInductee_credits {font-size: 16px; line-height: 22px; padding: 0 0 14px 0; }

.galleryList {overflow: hidden; margin: 0 0 15px 20px;}
.galleryList li {list-style-type: none; margin: 0px 15px 15px 0px;}
.galleryList  li a {text-decoration: none; width: 190px; height: 104px; overflow: hidden; display: block; background: url(../images/sitewide/imgLoading.gif) no-repeat center center;}
.galleryList  li a img {border: 0px; max-width: 190px;}

#spotlightWrapper {position: relative;}
#newsSpotlights {position: relative; width: 640px; margin-bottom: 20px;  overflow: hidden; height: 451px;}
#newsSpotlight_left,
#newsSpotlight_right {
	width: 60px;
	height: 420px;
	position: absolute;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	background: url(../images/news/newsCarousel_leftRight.png);
}
#newsSpotlight_left {
	left: 0px;
}
#newsSpotlight_right {
	right: 0px;
	background-position: -60px 0px;
	background-repeat: no-repeat;
}
.newsSpotlight {position: absolute; top: 0px; left: 0px; width: 640px; display: none;}
.newsSpotlight.active {display: block;}
.newsSpotlight a {display: block; width: 640px; text-decoration: none; position: relative; background: #fff url(../images/sitewide/imgLoadingLarge.gif) no-repeat 304px 127px;}
.newsSpotlight_imageWrapper {height: 297px; overflow: hidden; width: 640px; display: block;}
.newsSpotlight img {max-width: 640px; }
.newsSpotlight_headline {font-size: 24px; line-height: 24px; color: #008bcf; font-weight: bold; display: block; width: 560px; padding: 26px 40px 0px; text-decoration: none; }
.newsSpotlight_subheadline {font-size: 16px; line-height: 20px; color: #4d4b39; font-weight: normal; letter-spacing: 1px; display: block; width: 560px; padding: 20px 40px 0px; text-decoration: none;}

#newsSpotlightsSwitcher {height: 12px; margin: 0px auto 30px; width: 100px;}
#newsSpotlightsSwitcher div {width: 12px; height: 12px; border-radius: 6px; background: #787878; margin: 0px 4px; cursor: pointer;}
#newsSpotlightsSwitcher div.active {background: #008bcf;}

#tweets {}
.tweet {margin: 0px 20px 30px; padding-bottom: 20px; border-bottom: 1px dotted #b2b2b2; overflow: hidden;}
.errorMessage {margin: 0px 20px 30px; padding-bottom: 20px; border-bottom: 1px dotted #b2b2b2; overflow: hidden;}
.tweetText {display: block; font-size: 16px; line-height: 30px; padding-bottom: 15px; color: #4d4b39;}
.tweetText a {color: #008bcf; text-decoration: none;}
.tweetText a:hover {text-decoration: underline}
.tweetText a.at-link:hover, .tweetText a.hash-link:hover {text-decoration: none;}
.tweetText a:hover .at-text, .tweetText a:hover .hash-text {text-decoration: underline;}
.tweetText a .at, .tweetText a .hash {color: #f3ad8f;}
.tweetTime, .retweet {display: block; font-size: 14px; line-height: 14px; color: #79786a;}
.retweet {padding-left: 17px; background: url('../images/grads/retweetIcon.png') 0px 2px no-repeat; text-decoration: none;}
.retweet:hover {background-position: 0px -18px; text-decoration: underline}
#gradNews_followUs {margin: 0 0 30px 0; text-align: center; display: block; font-size: 16px; color: #008bcf; text-decoration: none;}

.newsArticlesList {width: 600px; margin: 0px 20px 30px; overflow: hidden;}
.newsArticlesList li {list-style-type: none; padding: 0px 0px 20px 0; margin: 0 0 20px; border-bottom: 1px dotted #4d4b39; overflow: hidden;}
.newsArticlesList li a {text-decoration: none; color: #4d4b39; font-size: 16px; line-height: 24px; min-height: 112px; display: block;}
.newsArticlesList li a img {margin: 0 20px 0 0; width: 200px; height: 112px; }
.newsArticlesList li a span {display: block; background-image:  url(/mobile/images/global/buttons/listStyle1Arrow.png); background-repeat: no-repeat; background-position: center right; padding: 0 30px 0 0; width: 565px; min-height: 112px;}
.newsArticlesList li a b {padding-bottom: 6px; display: block;}
.hofList {width: 600px; margin: 0px 20px 30px; overflow: hidden; border-top: 1px dotted #4d4b39;}
.hofList li {list-style-type: none; padding: 20px 0px 20px 0; border-bottom: 1px dotted #4d4b39; overflow: hidden;}
.hofList li a {text-decoration: none; color: #4d4b39; font-size: 16px; line-height: 22px; display: block; min-height: 88px}
.hofList li a img {margin: 0 20px 0 0; width: 168px; height: 88px;}
.hofList li a span {display: block; background-image:  url(/mobile/images/global/buttons/listStyle1Arrow.png); background-repeat: no-repeat; background-position: center right; padding: 10px 30px 10px 0; width: 565px;}
.hofList li a b {display: block; font-size: 20px; line-height: 24px; text-transform: uppercase}
article {margin: 30px; color: #4d4b39; font-size: 18px; line-height: 24px;}
article time {color: #94928b; font-size: 16px; padding-bottom: 24px; display: block;}
article h1 {font-size: 24px; line-height: 24px; padding-bottom: 4px;}
article h2 {font-size: 18px; font-weight: normal; line-height: 24px; padding-bottom: 12px;}
article a {color: #008bcf}
article img {display: block;}
article figure {margin: 0 0 30px; display: block;}
article figure img {padding: 0px !important;}
article figcaption {font-size: 16px; line-height: 24px; padding: 12px 0 0 0; color: #94928b}
article p {font-size: 18px; line-height: 24px; padding: 0 0 24px 0;}
article ul {margin: 0 0 24px 30px;}
article .imgSmallLeft {margin: 0px 20px 20px 0px; width: 280px;}

#requestInfoWrapper {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 50; display: none; overflow: hidden;}
#requestInfo, #requestInfoThankYou {width: 560px; padding: 40px; color: #fff; margin: 0px auto; background: url(../images/sitewide/requestInfoBg.jpg) no-repeat top left, url(../images/sitewide/requestInfoBg_repeat.png) repeat-x top left; background-color: #302f22; position: relative;}
#requestInfo h1, #requestInfoThankYou h1 {font-size: 48px; line-height: 48px; font-family: 'Allerta', arial, serif; text-shadow: 0px -2px 1px rgba(0,0,0,0.4); color: #fff;font-weight: bold;}
#requestInfo_close {font-size: 24px; line-height: 24px; padding: 14px 63px 18px 0; background: url(../images/sitewide/requestInfo_closeBg.png) no-repeat center right; text-transform: uppercase; position: absolute; right: 35px; top: 33px; cursor: pointer; display: none;}
#requestInfoWrapper #requestInfo_close {display: block;}
#requestInfo form {padding-top: 33px;}
#requestInfo p, #requestInfo label {font-size: 28px; line-height: 28px; padding: 0 0 18px 10px; font-weight: bold; text-shadow: 0px -2px 1px rgba(0,0,0,0.4);}
#requestInfo input.formInput_text {width: 534px; border: 3px solid #28271b; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cfcfcf)); background-image: -moz-linear-gradient(top, #fefefe, #cfcfcf); background-origin: padding-box; background-clip: padding-box; font-size: 24px; line-height: 24px; padding: 10px 10px; color: #28271b; margin: 0 0 24px 0;}
#requestInfo select {width: 560px; border: 3px solid #28271b; border-radius: 10px; background-origin: padding-box; background-clip: padding-box; font-size: 24px; line-height: 24px; padding: 10px 10px; color: #28271b; margin: 0 0 16px 0; height: 56px;}
#requestInfo input.formInput_radio {margin-left: 10px; width: 25px; height: 25px;}
#requestInfo label.radio {padding-right: 30px; font-weight: normal}
#requestInfo_submitWrapper {width: 554px; height: 84px; background-color: #28271b; border-radius: 16px; padding: 6px 0 0 6px; margin: 16px 0 0 0; -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.8); -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.8);}
#requestInfo_submit {width: 548px !important; height: 78px; padding: 0px !important; color: #fff !important; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9c5f), color-stop(0.5, #e56e25), color-stop(0.5, #008bcf), to(#e56e25)) !important; background-image: -moz-linear-gradient(top, #ff9c5f, #e56e25 50%, #008bcf 50%, #e56e25) !important; font-size: 40px !important; line-height: 40px !important; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4); border: 0px !important; font-weight: bold; text-shadow: 0px -2px 1px rgba(0,0,0,0.4); display: block; cursor: pointer;}
#requestInfoThankYou_innerWrapper h2 {font-size: 32px; line-height: 32px; color: #fff; display: block; padding: 60px 40px 0;}
#requestInfoThankYou_innerWrapper p {font-size: 22px; line-height: 28px; color: #dad6cc; display: block; padding: 10px 40px 60px; text-shadow: 0px 0px 0px; font-weight: normal}

#loading {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.5); color: #fff; z-index: 101; display: none; text-align: center;}
#loading img {opacity: 0.8;}

#errorMessage {padding: 80px 40px 58px; color: #4d4b39; font-size: 18px; line-height: 24px; border-top: 1px solid #000; border-bottom: 1px solid #5f5d4d; background: #4d4b39 url(../images/sitewide/errorBg.png) no-repeat}
#errorMessage p {color: #fff; font-size: 26px; line-height: 36px; font-family: 'Allerta', arial, serif; text-align: center; padding: 0 0 50px; text-transform: uppercase;}

/*===============================================================================================*/
/* gallery */
/*===============================================================================================*/

/* gallery styles */
#galleryWrapper {position: absolute; top: 0px; z-index: 100; width: 100%; display: none; color: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; overflow: hidden;}
#gallery {position: relative; width: 100%; background: black;}

/* gallery nav */
#galleryNavWrapper {height: 70px; width: 100%; background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(0.49, #424242), color-stop(0.5, #1c1c1c), to(#1d1d1d)); background-image: -moz-linear-gradient(top, #666666, #424242 49%, #1c1c1c 50%, #1d1d1d);border-bottom: 1px solid #404040;}
#galleryNav {width: 640px; margin: 0px auto;}
#galleryClose .title, #galleryInfo, #galleryPrevious, #galleryNext {margin: 5px 20px; border: 1px solid #292929; border-radius: 10px;background: #000; display: block; background-image: -webkit-gradient(linear, left top, left bottom, from(#535353), color-stop(0.49, #373737), color-stop(0.50, #171717), to(#171717)); background-image: -moz-linear-gradient(top, #535353, #373737 49%, #171717 50%, #171717); background-repeat: no-repeat; text-shadow: 0px -1px 1px #000; text-decoration: none; color: #fff; font-size: 18px; line-height: 24px; text-transform: uppercase; position: relative; font-weight: bold; text-align: center; padding: 18px 15px 16px; height: 24px; min-width: 10px;}
#galleryClose {margin: 5px 0 0 20px; cursor: pointer; padding: 0 0 0 30px;}
#galleryClose .galleryNav_button {position: relative; display: block;}
#galleryClose .back {display: block; height: 45px; width: 45px; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right bottom, from(#535353), color-stop(0.50, #373737), color-stop(0.50, #171717), to(#171717)); background-image: -moz-linear-gradient(top left, #535353, #373737 50%, #171717 50%, #171717); border-left: solid 1px #333; border-bottom: solid 1px #333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  position: absolute; left: -22px; top: 7px; z-index: 1}
#galleryClose .title {position: relative; z-index: 2; border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin: 0px; padding-left: 7px;}
#galleryInfo {width: 65px; margin: 5px 60px 0 0; cursor:pointer;}
#galleryPrevious {border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin: 5px 0px; border-right: 0px; padding: 12px 25px; height: 34px; cursor:pointer;}
#galleryPrevious div { height: 34px; width: 30px; background: url(../images/sitewide/gallery_previous.png) no-repeat;}
#galleryNext {border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; padding: 12px 25px; height: 34px; cursor:pointer;}
#galleryNext div {height: 34px; width: 30px; background: url(../images/sitewide/gallery_next.png) no-repeat;}

/* gallery animate wrapper */
#gallery_animate {width: 100%; position: relative;}
#gallery_current {width: 100%; position: relative; z-index: 2;}
#gallery_old, #gallery_new {width: 100%; height: 640px; overflow: hidden; position: absolute; top: 0px;}
#gallery_old {z-index: 2;}
#gallery_new {z-index: 1;}
#gallery_animate img {max-width: 580px; max-height: 580px; display: inline;}

/* gallery item styles */
.flipcard {position: relative; height: 640px; width: 640px; margin: 0px auto; display: block; -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.5s ease-in-out;}
.flipcard.flip {-webkit-transform: rotateY(180deg);}
.flipcard .front, .flipcard .back {position: absolute; top: 0px; -webkit-backface-visibility: hidden; width: 100%; height: 100%; background: #000}
.flipcard .front {z-index: 2;}
.flipcard .back {-webkit-transform: rotateY(180deg); z-index: 1;}
.flipcard .flipcardError {width: 400px; height: 600px; padding: 20px 120px; line-height: 30px; display: table-cell; vertical-align: middle; text-align: center; font-size: 24px}
.flipcard .videoLarge {width: 580px; padding: 40px;}
.flipcard .front .imageWrapper {display: table-cell; vertical-align: middle; height: 640px; width: 640px; text-align: center; background: #000;}
.flipcard .back .infoWrapper {display: table-cell; vertical-align: middle; height: 640px; width: 640px; background: #000; text-align: center;}
.flipcard .back .infoWrapper_inner {padding: 20px; text-align: left; background: #232323; border-radius: 10px; margin: 20px; display: inline-block; font-size: 18px; line-height: 24px; color: #bbb8af; max-height: 560px; overflow: hidden;}
.infoWrapper_inner span { font-family: 'Allerta', arial, serif; text-transform: uppercase; letter-spacing: -1px; font-size: 24px; color: #fff;}
.infoWrapper_inner b {color: #fff;}

/* gallery item styles - non webkit browser */
.flipcard.no3d .front{z-index: 2; background: #000; -moz-transition: opacity 0.5s ease-in-out; opacity: 1;}
.flipcard.no3d.fade .front {opacity: 0;}
.flipcard.no3d .back{z-index: 1; background: #000;}

.hideTrackingPixels {position: absolute; bottom: 0px; right: 0px; }

#social {
	width:368px;/*social icons image width plus 8px margin times number of margins 312 + (8*7) */
	margin:0 0 0 0;
	list-style: none;
}
#social li {
	cursor:pointer;
	height: 39px;
	float: left;
	margin-right: 8px;
}
#social li a {
	height: 39px;
	display: block;
	background:url(/images/controls/social/social-icons-v2.png) repeat;
}
#social li a:hover {
	background:url(/images/controls/social/social-icons-v2.png) repeat;
}
#social #first a {
	background-position: 0 0;
	width: 39px;
}
#social #first a:hover {
	background-position: 0 -39px;
}
#social #second a {
	background-position: -39px 0;
	width: 39px;
}
#social #second a:hover {
	background-position: -39px -39px;
}
#social #third a {
	background-position: -78px 0;
	width: 39px;
}
#social #third a:hover {
	background-position: -78px -39px;
}
#social #fourth a {
	background-position: -117px 0;
	width: 39px;
}
#social #fourth a:hover {
	background-position: -117px -39px;
}
#social #fifth a {
	background-position: -156px 0;
	width: 39px;
}
#social #fifth a:hover {
	background-position: -156px -39px;
}
#social #sixth a {
	background-position: -195px 0;
	width: 39px;
}
#social #sixth a:hover {
	background-position: -195px -39px;
}
#social #seventh a {
	background-position: -234px 0;
	width: 39px;
}
#social #seventh a:hover {
	background-position: -234px -39px;
}
#social #eighth {
	margin-right: 0;
}
#social #eighth a {
	background-position: -273px 0;
	width: 39px;
}
#social #eighth a:hover {
	background-position: -273px -39px;
}
.sectionHeader {
	margin:0 0 15px 0 !important;
	font-size:18px !important;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding: 15px;
	border: 1px solid #666;
	/*background:url(/images/global/opaque/40.png);*/
	background: rgba(78,47,92,0.45);
}
.input_submit {
	background: rgba(78,47,92,0.45);
    /* background-color: #4e2f5c; */
	color:#fff;
    padding: 12px;
    border-radius: 4px;
    cursor: pointer;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.input_submit:hover {
	/* background-color:#b49fc1; */
	background: rgba(78,47,92,0.85);
}
.noDec {
	border:0 !important;
	padding:0 !important;
	text-decoration:none !important;
}
.hiddenText {
	display:none;
}