/* specs 
$ou-brown: #5e504d;
$ou-light-brown: #776a67;

$ou-gold: #B69A5B;
$ou-light-gold: #d9c89e;

$ou-menu-gold:#b69b56;
$ou-menu-gold-hover:#a68e52;

$ou-extra-light-gray:#F1F1F1;
$ou-light-gray: #a3a3a3;
$ou-medium-gray: #696969;
$ou-dark-gray: #474747;
$ou-extra-dark-gray:#323232;

$ou-footer-dark-gray: #1F1F1F;
$ou-black: #000000;
$ou-white: #ffffff;

$ou-tan: #EFE8E2;
$ou-tan-border: #c7ad77;
$ou-gray-border:#3b3b3b;


$ou-submenu-gold:#d4be84;
$ou-submenu-gold-hover:#ffe59f;
$ou-button-gray:#e5e5e5;
$ou-slider-button-hover:#ded9c1;
$ou-slider-button-active:#E8C982;

$x-small-min:0px;
$x-small-max:319px;
$small-min:320px;
$small-max:767px;
$medium-min:768px;
$medium-max:1279px;
$large-min:1280px;
$large-max:1439px;
$x-large-min:1440px;
$x-large-max:99999px;

$ou-std-fade:.25s;

$serif:"Garamond",Times,serif;
$sans:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
$condensed: 'Roboto Condensed', "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
$thin: 'Roboto', 'Roboto Condensed', "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
*/

body {
	background-color: #F1F1F1;
	height: auto;
}
#container {
	max-width: 1080px;
	margin: 0px auto;
	width: initial;
	height: auto;
}
#ouMag hr {
	color: #e3e3e3;
	margin: 3px 0px;
}
#ouMag .sectionDivider {
	margin: 5% auto 6% auto;
}
#body {
	background-color: white;
	padding: 4% 0px;
	height: auto;
}
h1 {
	letter-spacing: 0px;
}
.perc-ui-menu img {
	width: inherit !important;
	height: inherit !important;
}
/* ================================		NAVIGATION 		================================ */

.top-bar {
	background: #F1F1F1;
	height: 210px;
	min-height: 86px;
	line-height: 2.8125rem;
	margin-bottom: 0;
	overflow: hidden;
	position: relative;
}
nav.top-bar.expanded {
	height: auto !important;
	max-height: auto !important;
}
/* top right nav */
.top-bar-section .right li:not(.has-form) a:not(.button) {
	background-color: #F1F1F1;
	/*line-height: 2.8125rem;
    padding: 0 0.9375rem;*/
	line-height: 18px;
	padding: 2.75em 1em 0.25em;
	font-size: 11px;
}
/* main nav bar */
.newRow {
	float: left;
	width: 100%;
	background-color: white;
	padding: 60px 30px 2px;
}
.top-bar-section .left li:not(.has-form) a:not(.button) {
	background-color: white;
	line-height: 1.8125rem;
	padding: 0 13px;
	font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}
/* both nav's text color */
.top-bar-section ul li > a {
	color: black;
}
/* nav's hover effects */
.top-bar-section ul.right li > a:hover {
	color: black !important;
	text-decoration: underline;
}
.top-bar-section ul.left li > a:hover {
	color: #b69b56 !important;
	text-decoration: none;
}
.top-bar .logo {
	padding: 30px 50px 20px;
	background-color: #9f8952;
	float: left;
}
.top-bar .name {
	float: left;
	margin-top: 55px;
}
.top-bar .right {
	margin-top: 64px;
}
/*.top-bar .left{
	border-bottom: 2px solid black;
}*/.top-bar .left {
	border-bottom: 2px solid black;
	width: 91%;
	margin: 0 4%;
}
.top-bar .name a {
	font-family: "Garamond", Times, serif;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: normal;
}
.top-bar .name p a {
	font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #9f8952;
}
.top-bar .name p a:hover {
	text-decoration: underline;
}
.top-bar .name h1 a {
	color: black;
}
.navDivide a {
	padding: 0px !important;
	color: #c6c6c6 !important;
	font-weight: normal !important;
}
.top-bar-section ul.left li.navDivide > a:hover {
	color: #c6c6c6 !important;
}
.fixed {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
}
.mobileRightLinks {
	display: none;
}
/* =======================		END NAVIGATION 		================================ */

/* ======================  BEGIN HOME PAGE BODY CODE  ====================== */


/* BEGIN MAIN FEATURE */

#featuredContent {
	background-color: white;
	width: 100%;
	height: auto;
	padding: 3% 0px;
	text-align: center;
}
#featuredContent img {
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}
#mainFeature h2 {
	color: #9f8952;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
	display: inline;
	margin: 0px;
}
#mainFeature h3 a {
	margin: 0px;
}
#mainFeature h3 a {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: bold;
	line-height: 55px;
	text-transform: uppercase;
	display: block;
	margin: 1% 9% 0px;
}
#mainFeature h4 {
	color: #9f8952;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	text-transform: none;
	display: block;
	margin: 0px 9%;
}
#mainFeature h5 {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	text-transform: none;
	display: block;
	margin: 3% 9% 1%;
}
#mainFeature h5 a {
	color: #9f8952;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
}
#mainFeature h5 a:hover {
	text-decoration: underline;
}
#mainFeature h6 {
	color: black;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-transform: none;
	display: inline;
	margin: 0px;
}
/* END MAIN FEATURE */

/* BEGIN RIGHT COLUMN FEATURES */

#rightColFeatures {
	text-align: left;
}
#rightColFeatures hr {
	color: #e3e3e3;
	margin: 9% 0px 10% 0px;
}
#rightColFeatures h2 {
	color: #9f8952;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	margin: 0px;
}
#rightColFeatures h3 {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	margin: 0px 0px 2px 0px;
}
#rightColFeatures p {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	text-transform: none;
	display: block;
	margin: 0px;
}
#rightColFeatures li {
	list-style: none;
}
#rightColFeatures ul {
	margin: 0px;
}
/* END RIGHT COLUMN FEATURES */
/* BEGIN HOME PAGE MAIN CONTENT */

#homePageContent {
	background-color: white;
	margin-top: 2%;
	padding: 4% 0;
}
#homePageContent ul {
	margin: 0px;
}
#homePageContent li {
	list-style: none;
}
#homePageContent .borderRight {
	border-right: 1px solid #e3e3e3;
}
.flex-video.widescreen {
	padding-bottom: 53.1%;
}
.articleLists li {
	margin: 0 0 6% 0;
}
.articleLists a {
	line-height: 14px;
}
.articleLists h2 {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 28px;
	text-transform: none;
	display: block;
	margin: 0px 0px 6% 0px;
	border-bottom: 4px solid black;
}
.topArticle img {
	width: 100%;
	height: auto;
	margin: 0% 0px 2% 0px;
}
.topArticle h3 {
	color: #9f8952;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	margin: 0px 0px 0px 0px;
}
.topArticle p {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	text-transform: none;
	display: block;
	margin: 0px 0px 10% 0px;
}
.articles .padding {
	padding-right: 0px;
}
.articles img {
	height: auto;
	margin: 2% 0 0 0;
	display: inline;
}
.articles h3 {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-transform: none;
	display: inline;
	margin: 0px;
}
.articles p {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	text-transform: none;
	display: block;
	margin: 0px;
}
.fullWidthFeature h2 {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 28px;
	text-transform: none;
	display: block;
	margin: 0px 0px 2% 0px;
	border-bottom: 4px solid black;
}
.homeFullImg {
	width: 100%;
	height: auto;
}
.fullWidthFeature h3 a {
	color: #9f8952;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	line-height: 28px;
	text-transform: uppercase;
	display: block;
	margin: 2% 0px 0px 0px;
	letter-spacing: 0px;
}
.fullWidthFeature h3 a:hover {
	text-decoration: none;
}
.homeFullText {
	text-align: center;
}
.fullWidthFeature h5 {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 23px;
	text-transform: none;
	display: block;
	margin: 6px 0px;
}
.fullWidthFeature a {
	color: #9f8952;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 1px;
}
.fullWidthFeature a:hover {
	text-decoration: underline;
}
/* END HOME PAGE MAIN CONTENT */


/* ======================  END HOME PAGE BODY CODE  ====================== */
/* ======================  BEGIN CATEGORY PAGE BODY CODE  ====================== */



#categoryPage .sectionDivider {
	margin: 0px auto 5% auto;
}
#pageTitle {
	background: white;
	margin: 1% auto 2% auto;
}
#pageTitle h1, #pageTitle h2, #pageTitle h3, #pageTitle h4, #pageTitle h5, #pageTitle h6, #pageTitle p {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	text-transform: none;
	display: block;
	margin: 0px;
}
#pageTitle .centerTitle h1, #pageTitle .centerTitle h2, #pageTitle .centerTitle h3, #pageTitle .centerTitle h4, #pageTitle .centerTitle h5, #pageTitle .centerTitle h6, #pageTitle .centerTitle p {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	text-transform: capitalize;
	display: block;
	margin: 0px;
	text-align: center;
}
#categoryPage #mainFeature h4 {
	margin: 0px 9% 1% 9%;
}
#categoryPage #mainFeature h5 {
	margin: 1% 9%;
}
#categoryPage #rightColFeatures h3 {
	color: #9f8952;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	margin: 0px 0px 0px 0px;
}
#categoryPage #homePageContent {
	margin-top: 0%;
	padding: 1% 0 3% 0;
}
#categoryBody img {
	width: 100%;
	height: auto;
}
#categoryBody h3 {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	text-transform: capitalize;
	display: block;
	margin: 0px 0px 2px 0px;
}
#categoryBody h4 {
	color: #9f8952;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-transform: none;
	display: block;
	margin: 0px 0px 2px 0px;
}
#categoryBody h5 {
	color: #9f8952;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
	text-transform: uppercase;
	display: block;
	margin: 0px 0px 2px 0px;
}
#categoryBody p {
	color: black;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	text-transform: none;
	display: block;
	margin: 0px 0px 2px 0px;
}
#categoryBody a {
	display: inline-block;
}
#categoryBody .row {
	margin-bottom: 4%;
}
#featuredArchives {
	border-left: 1px solid #e3e3e3;
	margin-bottom: 10%;
}
#featuredArchives h6 {
	color: black;
	font-family: "Garamond", Times, serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
	text-transform: none;
	display: block;
	margin: 0px 0px 6% 0px;
	border-bottom: 2px solid black;
}
/* ======================  END CATEGORY PAGE BODY CODE  ====================== */

/* ======================  BEGIN STORY PAGE BODY CODE  ====================== */

/*	 FONT STYLES FOR ARTICLES 	*/

#storyPage h1 /* feature story headline */ {
	color: black;
	font-size: 65px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	margin: 4% 0px 2% 0px;
}
#storyPage h2 /* story headline */ {
	color: black;
	font-size: 24px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 28px;
	text-transform: none;
	margin: 4% 0px;
}
#storyPage h3 /* subhead */ {
	color: black;
	font-size: 20px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 26px;
	text-transform: none;
	margin: 4% 0px 1% 0px;
}
#storyPage h4 /* deck line for feature stories */ {
	color: #9f8952;
	font-size: 25px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 31px;
	text-transform: none;
	margin: 2% 0px 4% 0px;
}
#storyPage h5 /* intro paragraphs */ {
	color: black;
	font-size: 22px;
	font-family: "Garamond", Times, serif;
	font-weight: 500;
	line-height: 28px;
	text-transform: none;
	margin: 2% 0px 2% 0px;
}
#storyPage h6 /* pull quotes & photo captions */ {
	color: #9f8952;
	font-size: 18px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 24px;
	text-transform: none;
	margin: 4% 0px;
}
#storyPage p /* body text & photo credits */ {
	color: #161616;
	font-size: 15px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 21px;
	text-transform: none;
	margin: 0px 0px 2% 0px;
}
#storyPage .rxbodyfield ul {
	margin-bottom: 2%;
}
#storyPage .rxbodyfield ul li /* body list item text */ {
	color: #161616;
	font-size: 15px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 21px;
	text-transform: none;
	margin: 0px 0px 1% 0px;
}
#storyPage a, #storyPage p a {
	color: #9f8952;
	text-transform: none;
	text-decoration: underline; /* Added By Evan, Also removed font-weight:700; */
}
#storyPage a:hover {
	text-decoration: underline;
}
#storyPage table td, #storyPage table p, #storyPage table h6 /* gold photo captions in tables */ {
	color: #9f8952;
	font-size: 12px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 18px;
	text-transform: none;
	margin: 0px;
}
#storyPage table {
	border: none;
	width: 100%;
	height: auto;
	margin: 4% 0px;
}
#storyPage table tr {
	background-color: white;
}
#storyPage table td {
	padding: 3px 0px 0px 0px;
}
#storyPage table img {
	width: 100%;
	height: auto;
}
#storyPage #pageTitle {
	margin: 1% auto 4% auto;
}
#pageTitle .leftTitle h1, #pageTitle .leftTitle h2, #pageTitle .leftTitle h3, #pageTitle .leftTitle h4, #pageTitle .leftTitle h5, #pageTitle .leftTitle h6, #pageTitle .leftTitle p {
	text-align: left;
	font-family: "Garamond", Times, serif;
	font-weight: 300;
	font-size: 35px;
	line-height: 35px;
	text-transform: capitalize;
	margin: 0px;
}
#storyPage #issueTitle h1 {
	color: #9f8952;
	font-size: 14px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 14px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px;
}
#storyPage #issueTitle span.gray h1 {
	color: #a3a3a3;
	margin-left: 3px;
}
#storyPage #issueTitle span.author h1 {
	color: #161616;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	margin-left: 3px;
	text-transform: none;
}
/*	 END FONT STYLES FOR ARTICLES 	*/




/*	 BEGIN PHOTO SLIDER 	*/

.visibility {
	visibility: hidden;
}
.sliderMargin {
	margin-top: -2%;
}
.sliderCaption {
	background-color: #f0f0f0;
	padding: 8px 20px 10px;
}
#storyImageSlider p.photoCredit {
	color: #161616;
	font-size: 11px;
	font-style: italic;
}
#storyImageSlider p {
	color: #9f8952;
	font-size: 12px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 18px;
	text-transform: none;
	margin: 0px;
}
/*#storyImageSlider .imgSize img {
	width: 100%;
	height: auto;
}*/

.slick-prev:before, .slick-next:before {
	content: none;
}
.slick-prev {
	top: 46%;
	left: 1%;
	z-index: 1;
	opacity: .8;
	width: 30px;
	height: 40px;
	background: no-repeat url('/web_resources/themes/oakland/2015/img/rotator-arrow-l.png') right 5px;
	background-size: 25px 30px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.slick-next {
	top: 46%;
	right: 1%;
	z-index: 1;
	opacity: .8;
	width: 30px;
	height: 40px;
	background: no-repeat url('/web_resources/themes/oakland/2015/img/rotator-arrow-r.png') right 5px;
	background-size: 25px 30px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.slick-prev:hover, .slick-prev:focus {
	opacity: 1;
	background: no-repeat url('/web_resources/themes/oakland/2015/img/rotator-arrow-l.png') right 5px;
	background-size: 25px 30px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.slick-next:hover, .slick-next:focus {
	opacity: 1;
	background: no-repeat url('/web_resources/themes/oakland/2015/img/rotator-arrow-r.png') right 5px;
	background-size: 25px 30px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
/*	 END PHOTO SLIDER 	*/




#moreCatergoryLinks {
	margin: 5% 0px;
	padding-left: 3em;
}
#moreCatergoryLinks h2 {
	color: black;
	font-size: 22px;
	font-family: "Garamond", Times, serif;
	font-weight: 500;
	line-height: 20px;
	text-transform: capitalize;
	margin: 0px;
	padding: 0 0 6px 0;
	border-bottom: 2px solid black;
}
#moreCatergoryLinks ul {
	margin: 0px;
}
#moreCatergoryLinks ul a li {
	list-style: none;
	margin: 7% 0px 14% 0px;
}
#moreCatergoryLinks ul a:hover {
	list-style: none;
	margin: 7% 0px 14% 0px;
	text-decoration: underline;
}
#moreCatergoryLinks ul a li img {
	width: 100%;
	height: auto;
	margin: 0px 0px 3px 0px;
}
#moreCatergoryLinks ul a li h6 {
	color: #161616;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	margin: 0px;
	text-transform: none;
}
#moreCatergoryLinks ul a li p {
	color: #161616;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 300;
	margin: 0px;
	text-transform: none;
}
#moreCatergoryLinks ul a li.viewAll {
	text-align: center;
}
/* Added by Evan */
#moreCatergoryLinks ul a {
	text-decoration: none;
}
#moreCatergoryLinks ul a li.viewAll p {
	color: #9f8952;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
}
/* ======================  END STORY PAGE BODY CODE  ====================== */

/* ======================  START CLASS NOTES PAGE   ====================== */

#classNotes .accordion {
	margin: 0px;
}
#mainContent {
	padding: 3% 0px 4% 0px;
}
#classNotes .accordion .dateTitle, #classNotes .tanBox .tanSectionHead, #classNotes .grayBox .tanSectionHead {
	color: black;
	font-size: 22px;
	font-family: "Garamond", Times, serif;
	font-weight: 500;
	line-height: 22px;
	text-transform: capitalize;
	margin: 0px 0px 10% 0px;
	padding: 0px;
	border-bottom: 2px solid black;
	background-color: white;
}
#classNotes .accordion .dateTitle:hover {
	text-decoration: none;
}
#classNotes .accordion .person {
	/*border-bottom: 2px solid #e3e3e3;*/
	margin: 0 0 0% 0;
	padding: 0 0 0% 0;
}
#classNotes .accordion hr {
	margin: 6% 0px 10% 0px;
}
#classNotes .accordion .content {
	padding: 0px;
	margin-bottom: 10%;
}
#classNotes .accordion .content .classHead, #classNotes .tanBox .classHead, #classNotes .grayBox .classHead {
	color: #9f8952;
	font-size: 22px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 20px;
	text-transform: none;
	display: block;
	margin: 0px;
}
#classNotes .accordion .content .classSub, #classNotes .tanBox .classSub, #classNotes .grayBox .classSub {
	color: #b6b0a1;
	font-size: 18px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 20px;
	text-transform: none;
	display: inline-block;
	margin: 0px;
}
#classNotes .accordion .content p, #classNotes .tanBox p, #classNotes .grayBox p {
	color: #161616;
	font-size: 12px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 18px;
	text-transform: none;
	display: inline-block;
	margin: 0px;
}
#classNotes .accordion .content img {
	margin: 6% 0px;
	max-width: 50%;
	height: auto;
}
#classNotes #callToAlum {
	background: #9f8952;
	padding: 10%;
}
#classNotes #callToAlum p.classHead {
	color: white;
	font-size: 22px;
	font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 24px;
	text-transform: none;
	display: inline-block;
	margin: 0px;
	letter-spacing: 0px;
}
#classNotes #callToAlum p {
	color: white;
	font-size: 12px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 16px;
	text-transform: none;
	display: inline-block;
	margin: 2% 0px 0px 0px;
}
#classNotes a {
	color: #9f8952;
	font-weight: 700;
	text-transform: none;
}
#classNotes a:hover {
	text-decoration: underline;
}
#classNotes #callToAlum .button {
	background-color: white;
	color: black;
	font-size: 11px;
	font-family: 'Roboto', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	display: inline-block;
	margin: 6% 0px 0px 0px;
	padding: 6%;
	width: 100%;
}
#classNotes #callToAlum .button:hover {
	background-color: #e3e3e3;
	text-decoration: none;
}
#classNotes .tanBox .button:hover {
	background-color: #f4efe4;
}
#classNotes .tanBox {
	background-color: #f4efe4;
	padding: 10%;
	margin: 10% 0px;
}
#classNotes .grayBox {
	background-color: #ebe9e3;
	padding: 10%;
	margin: 10% 0px;
}
#classNotes .tanBox hr, #classNotes .grayBox hr {
	margin: 6% 0px 10% 0px;
}
#classNotes .tanBox .tanSectionHead, #classNotes .grayBox .tanSectionHead {
	width: 100%;
	line-height: 24px;
	background-color: transparent;
}
#classNotes .tanBox .classHead, #classNotes .grayBox .classHead {
	margin-top: 4%;
}
#classNotes .tanBox p, #classNotes .grayBox p {
	margin-top: 4%;
}
#classNotes .tanBox img, #classNotes .grayBox img {
	max-width: 100%;
	height: auto;
	margin: 6% 0px;
}
#classNotes .socialIcon {
	text-align: center;
	display: inline-block;
}
#classNotes .socialIcon.columns {
	padding: 0px;
	margin: 0px;
}
/* ======================  END CLASS NOTES PAGE   ====================== */
/* ======================  BEGIN ABOUT PAGE   ====================== */




#aboutPage .gold {
	color: #9f8952;
}
#aboutPage .goldBold {
	color: #9f8952;
	font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 2% 0;
}
#aboutPage .strike {
	text-decoration: line-through;
}
#aboutPage p {
	line-height: 20px;
}
#aboutPage h2 {
	text-transform: none !important;
	margin: 0 0 4% 0 !important;
}
/* ======================  END ABOUT PAGE   ====================== */














/* BEGIN MOBILE CODE */


.mobileTesting {
	display: none !important;
	color: white;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

/* X-LARGE MEDIA QUERY */
@media only screen and (min-width: 1025px) and (max-width: 1080px) {
.mobileTesting {
	display: block;
	background-color: rgba(100, 0, 100, 0.6);
}
.mt-xlarge {
	display: block;
}
.mt-large {
	display: none;
}
.mt-medium {
	display: none;
}
.mt-small {
	display: none;
}
.mt-xsmall {
	display: none;
}
.medium-and-down {
	display: none !important;
}
.newRow {
	padding: 60px 22px 2px 28px;
}
.top-bar .left {
	border-bottom: 2px solid black;
	width: 100%;
	padding: 0px 0px 0px 5%;
	margin: 0px 0px 0px 0px;
}
.top-bar-section .left li:not(.has-form) a:not(.button) {
	padding: 0 10px;
}
.mobileRightLinks {
	display: none;
}
}/* END X-LARGE MEDIA QUERY */

/* LARGE MEDIA QUERY */


/*@media only screen and (min-width: 58.75em) and (max-width: 1024px) {*/
@media only screen and (min-width: 940px) and (max-width: 1024px) {

.mobileTesting {
	display: block;
	background-color: rgba(255, 0, 0, 0.6);
}
.mt-xlarge {
	display: none;
}
.mt-large {
	display: block;
}
.mt-medium {
	display: none;
}
.mt-small {
	display: none;
}
.mt-xsmall {
	display: none;
}
.medium-and-down {
	display: none !important;
}
.newRow {
	padding: 36px 10px 2px 8px;
}
.top-bar {
	height: 186px;
}
.top-bar .left {
	border-bottom: 2px solid black;
	width: 96%;
	padding: 0px 0px 0px 3%;
	margin: 0px 0px 0px 2%;
}
.top-bar-section .left li:not(.has-form) a:not(.button) {
	padding: 0 13px;
	font-size: 15px;
}
.top-bar .name a {
	font-size: 38px;
}
.mobileRightLinks {
	display: none;
}
/* HOME PAGE */



/* CATEGORY PAGE */

 
}/* END LARGE MEDIA QUERY */

/* MEDIUM MEDIA QUERY */

/*@media only screen and (min-width: 641px) and (max-width: 58.749em) {*/
@media only screen and (min-width: 641px) and (max-width: 939px) {
	
.mobileTesting {
	display: block;
	background-color: rgba(0, 255, 0, 0.6);
}
.mt-xlarge {
	display: none;
}
.mt-large {
	display: none;
}
.mt-medium {
	display: block;
}
.mt-small {
	display: none;
}
.mt-xsmall {
	display: none;
}
.large-and-up {
	display: none !important;
}
/* ======  mobile navigation ========== */
.top-bar {
	padding: 0;
	height: 80px;
	min-height: 0px;
}
.top-bar .table{
	display: table;
}
.top-bar .title-area {
	margin: 0;
	position: initial;
	display: table-row;
	width: 30%;
	height: 80px;
	
}
.top-bar.expanded .title-area {
	background-color: #F1F1F1;
}
.top-bar .logo {
	padding: 0px;
	width: 30%;
	height: 80px;
	text-align: center;
	float: none;
	display: table-cell;
	vertical-align: middle;
}
.top-bar .logo a img {
	width: 70%;
	height: auto;
	padding-top: 8px;
}
.top-bar .name {
	width: 75%;
    margin: 0;
    vertical-align: bottom;
    height: 80px;
    display: table-cell;
    float: initial;
}
.top-bar .name h1 {
	padding: 0 0.3em;
}
.top-bar .name h1 a {
	font-size: 24px;
	width: 100%;
	padding: 0 3%;
}
.top-bar .toggle-topbar.menu-icon {
	width: 18%;
	max-width: 80px;
	top: 0px;
	margin: 0px;
	border-left: 1px solid #c6c6c6;
}
.top-bar .toggle-topbar.menu-icon a {
	color: #FFFFFF;
	height: 80px;
	max-height: 80px;
	line-height: 33px;
	padding: 0%;
	position: relative;
	min-height: 80px;
}
.top-bar .toggle-topbar.menu-icon a span {
	height: 80px;
}
.top-bar .toggle-topbar.menu-icon a span::after {
	content: "";
	display: block;
	height: 0;
	position: absolute;
	margin-top: 1%;
	top: 33%;
	right: 27%;
	box-shadow: 0 0 0 2px #9f8952, 0 12px 0 2px #9f8952, 0 24px 0 2px #9f8952;
	width: 40%;
}
.newRow {
	padding: 2px;
}
.top-bar .left {
	border-bottom: none;
	width: 100%;
	margin: 0px;
}
.top-bar-section .left li {
	border-bottom: 1px solid #c6c6c6;
}
.top-bar-section .left li:not(.has-form) a:not(.button) {
	padding: 1.125% 5% 1%;
	font-size: 17px;
}
.top-bar .right {
	margin: 0px;
	padding: 1.5% 0px;
	background-color: #F1F1F1;
	border-bottom: 1px solid #c6c6c6;
}
.top-bar-section .right li {
	border-bottom: none;
}
.top-bar-section .right li:not(.has-form) a:not(.button) {
	padding: 1% 5%;
}
/* ======  END mobile navigation ========== */



/* HOME PAGE */

#homePageContent .borderRight {
	border-right: none;
}
.articleLists li {
	margin: 0 0 6% 0;
}
.topArticle p {
	margin: 0px 0px 6% 0px;
}
#mainFeature h3 a {
	font-size: 45px;
	line-height: 40px;
}
/* CATEGORY PAGE */

#featuredArchives {
	border-left: none;
}
/* STORY PAGE */

#storyPage #pageTitle h1 {
	font-size: 26px;
	line-height: 30px;
}
#storyPage h1 {
	font-size: 45px;
	line-height: 40px;
	margin: 6% 0px 2% 0px;
}
#storyPage h2 {
	margin: 6% 0px 2% 0px;
}
#storyPage h4 {
	font-size: 23px;
	line-height: 31px;
}
#storyPage h5 {
	font-size: 20px;
	line-height: 26px;
}
#moreCatergoryLinks {
	margin: 8% 0px;
	padding-left: 0.9375em;
}
#storyPage p {
	font-size: 14px;
	line-height: 20px;
}
#moreCatergoryLinks h2 {
	font-size: 20px;
}
#moreCatergoryLinks ul a li h6 {
	font-size: 14px;
	line-height: 16px;
}
#moreCatergoryLinks ul a li p {
	font-size: 14px;
	line-height: 16px;
}
#storyImageSlider p {
	font-size: 12px;
	line-height: 18px;
}
}/* END MEDIUM MEDIA QUERY */









/* SMALL MEDIA QUERY */

@media only screen and (min-width: 0em) and (max-width: 640px) {
.mobileTesting {
	display: block;
	background-color: rgba(0, 0, 255, 0.6);
}
.mt-xlarge {
	display: none;
}
.mt-large {
	display: none;
}
.mt-medium {
	display: none;
}
.mt-small {
	display: block;
}
.mt-xsmall {
	display: none;
}
.large-and-up {
	display: none !important;
}
/* ======  mobile navigation ========== */
.top-bar {
	padding: 0;
	height: 80px;
	min-height: 0px;
}
.top-bar .table{
	display: table;
}
.top-bar .title-area {
	margin: 0;
	position: initial;
	display: table-row;
	width: 30%;
	height: 80px;
}
.top-bar.expanded .title-area {
	background-color: #F1F1F1;
}
.top-bar .logo {
	padding: 0px;
	width: 30%;
	height: 80px;
	text-align: center;
	float: none;
	display: table-cell;
	vertical-align: middle;
}
.top-bar .logo a img {
	width: 80%;
	height: auto;
}
.top-bar .name {
	width: 75%;
    margin: 0;
    vertical-align: bottom;
    height: 80px;
    display: table-cell;
    float: initial;
}
.top-bar .name h1 {
	padding: 0 0.3em;
}
.top-bar .name h1 a {
	font-size: 24px;
	width: 100%;
	padding: 0 3%;
}
.top-bar .toggle-topbar.menu-icon {
	width: 18%;
	max-width: 80px;
	top: 0px;
	margin: 0px;
	border-left: 1px solid #c6c6c6;
}
.top-bar .toggle-topbar.menu-icon a {
	color: #FFFFFF;
	height: 80px;
	max-height: 80px;
	line-height: 33px;
	padding: 0%;
	position: relative;
	min-height: 80px;
}
.top-bar .toggle-topbar.menu-icon a span {
	height: 80px;
}
.top-bar .toggle-topbar.menu-icon a span::after {
	content: "";
	display: block;
	height: 0;
	position: absolute;
	margin-top: 1%;
	top: 33%;
	right: 27%;
	box-shadow: 0 0 0 2px #9f8952, 0 12px 0 2px #9f8952, 0 24px 0 2px #9f8952;
	width: 40%;
}
.newRow {
	padding: 2px;
}
.top-bar .left {
	border-bottom: none;
	width: 100%;
	margin: 0px;
}
.top-bar-section .left li {
	border-bottom: 1px solid #c6c6c6;
}
.top-bar-section .left li:not(.has-form) a:not(.button) {
	padding: 1.125% 5% 1%;
	font-size: 17px;
}
.top-bar .right {
	margin: 0px;
	padding: 3% 0px;
	background-color: #F1F1F1;
	border-bottom: 1px solid #c6c6c6;
}
.top-bar-section .right li {
	border-bottom: none;
}
.top-bar-section .right li:not(.has-form) a:not(.button) {
	padding: 1.5% 5%;
}
/* ======  END mobile navigation ========== */


ul {
	margin-left: 0px;
}
/* HOME PAGE */


.articles .padding {
	padding-right: 0.9375em;
}
#mainFeature {
	margin-bottom: 10%;
}
#mainFeature h3 a {
	font-size: 40px;
	line-height: 35px;
}
.articleLists h2 {
	margin: 10% 0px 6% 0px;
}
/* CATEGORY PAGE */

div#categoryArticleList .row {
	width: 55%;
	float: left;
	padding: 0px 4%;
	display: block;
}
#featuredArchives {
	border-left: none;
	float: left;
	margin: 0 6%;
}
/* STORY PAGE */

#storyPage #pageTitle h1 {
	font-size: 26px;
	line-height: 30px;
}
#storyPage h1 {
	font-size: 45px;
	line-height: 40px;
	margin: 6% 0px 2% 0px;
}
#storyPage h2 {
	margin: 6% 0px 2% 0px;
}
#storyPage h4 {
	font-size: 23px;
	line-height: 31px;
}
#storyPage h5 {
	font-size: 20px;
	line-height: 26px;
}
#moreCatergoryLinks {
	margin: 8% 0px;
	padding-left: 0.9375em;
}
#storyPage p {
	font-size: 14px;
	line-height: 20px;
}
#storyImageSlider p {
	font-size: 12px;
	line-height: 18px;
}
.slick-prev {
	top: 30%;
	left: 1%;
}
.slick-next {
	top: 30%;
	right: 1%;
}
#moreCatergoryLinks ul a li {
	list-style: none;
	margin: 14% 0px;
}
#moreCatergoryLinks h2 {
	font-size: 20px;
}
#moreCatergoryLinks ul a li h6 {
	font-size: 14px;
	line-height: 16px;
}
#moreCatergoryLinks ul a li p {
	font-size: 14px;
	line-height: 16px;
}
#moreCatergoryLinks ul a li img {
	padding: 0px;
}
#moreCatergoryLinks .padding {
	padding-right: 0px;
}
#classNotes .accordion .content img {
	max-width: 60%;
}
}/* END SMALL MEDIA QUERY */