/* *** RESET ************************************************************************************************************* */

/* Adrienne Travis' initialization stylesheet ******************************************************************************/
/* with thanks to Tantek Celik, Faruk Ates, Christian Montoya, and Eric Meyer **********************************************/

html
	{
	overflow: -moz-scrollbars-vertical; /* fixes Mozilla scrollbars to avoid page jumps */
	}

/* defaults for body and html *********************************************************************************************/
body, html
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: baseline;
	}

/* set body font to a readable default family and size under 100%, so em sizing works correctly in all modern browsers */
body
	{
	font-family: Tahoma, 'Lucida Grande', 'Lucida Bright', Lucidabright, Lucida, 'DejaVu Sans', 'Vera Sans', 'Liberation Sans', Arial, sans-serif;
	font-size: 87%;
	line-height: 1;
	}

/* neutralize font size and style on all elements **************************************************************************/
h1, h2, h3, h4, h5, h6, p, form, fieldset, input, select, textarea, label, legend, dl, dt, dd, ol, ul, li, 
a, abbr, acronym, address, blockquote, cite, code, del, dfn, em, img, ins, kbd, pre, q, samp, strike, 
strong, sub, sup, tt, var, table, caption, tbody, thead, tfoot, tr, th, td
	{
	font-size: 1em;
	font-weight: normal; 	/* nothing should be italic by default */
	font-style: normal;  	/* nothing should be italic by default */
	font-family: inherit;
	line-height: 1.5;
	text-align: left;
	vertical-align: baseline;
	border: 0; outline: 0; 	/* fixes occasional oddities; margin and padding set more explicitly below. */
	background-color: transparent;
	}
	
/* set family explicitly for monospace elements ****************************************************************************/
pre, code, tt, kbd, samp, var
	{
	font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace;
	}
	
/* Equalize elements with a vertical margin (separately, in case you need to do something else with them) ******************/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, table, fieldset
	{
    margin: 0;
    padding: 0.33em 0;
	}	

/* Equalize elements with NO vertical margin *******************************************************************************/	
html, body, form, input, select, textarea, label, legend, dt, dd, li, a, abbr, acronym, cite, code, del, dfn, 
em, img, ins, kbd, q, samp, strike, strong, sub, sup, tt, var, caption, tbody, thead, tfoot, tr, th, td
	{
	margin: 0;
	padding: 0;
	}
	
/* restore left margin only to elements that need it ***********************************************************************/
li, blockquote 
	{
    margin-left: 1.5em;
	}

/* link underlines tend to make hypertext less readable (no matter what Nielsen thinks!) ***********************************/
a, :link, :visited, :hover, :active 
	{ 
	text-decoration: none; 
	}

/* Tantek: "whoever thought blue linked image borders were a good idea?" ***************************************************/
a img, :link img, :visited img, :hover img, :active img 
	{ 
	border: none;
	}
	
/* explicitly style <em>, <strong>, <ins>, <del> ***************************************************************************/
em
	{
	font-style: italic;
	}
strong
	{
	font-weight: bold;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
	
/* for other equalization: tables, quotations, etc. ***********************************************************************/

table   /* remember, tables still need 'cellspacing="0"' in the markup */
	{
	border-collapse: collapse;
	border-spacing: 0;
	}
	
blockquote, q {
	quotes: none;
}

/* Strange black or dotted rectangles */
:focus 
	{
    outline: 0 !important; 
	}
	
/* navigation lists have no bullets or whitespace! */
ul.navigation, ul.navigation li
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

/* *** LAYOUT ********************************************************************************************************** */

html, body { 
min-height: 100%; /* needed for container min-height */
}

body {
  background-color: #7f542f;
}

#slickmenu, .slicknav_menu {
display: none;
}

#container {
  width: 990px;
  margin: 30px auto 0 auto;
  position: relative;
  padding-left: 15px;
}

#header {
  width: 932px;
  height: 201px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #3a2614;
  border-left: 1px solid #3a2614;
  border-radius: 0 25px 0 0;
  box-shadow: 2px 1px 5px #3a2614;
  background-image: url(/_Assets/Images/NewBackgrounds/July.jpg);
  position: static;
  background-repeat: no-repeat;
}

.body-January #header { background-image: url(/_Assets/Images/NewBackgrounds/January.jpg); }
.body-February #header { background-image: url(/_Assets/Images/NewBackgrounds/February.jpg); }
.body-March #header { background-image: url(/_Assets/Images/NewBackgrounds/March.jpg); }
.body-April #header { background-image: url(/_Assets/Images/NewBackgrounds/April.jpg); }
.body-May #header { background-image: url(/_Assets/Images/NewBackgrounds/May.jpg); }
.body-June #header { background-image: url(/_Assets/Images/NewBackgrounds/June.jpg); }
.body-July #header { background-image: url(/_Assets/Images/NewBackgrounds/July.jpg); }
.body-August #header { background-image: url(/_Assets/Images/NewBackgrounds/August.jpg); }
.body-September #header { background-image: url(/_Assets/Images/NewBackgrounds/September.jpg); }
.body-October #header { background-image: url(/_Assets/Images/NewBackgrounds/October.jpg); }
.body-November #header { background-image: url(/_Assets/Images/NewBackgrounds/November.jpg); }
.body-December #header { background-image: url(/_Assets/Images/NewBackgrounds/December.jpg); }

.desktopShow { display: block; }
.mobileShow { display: none; }

  
#header h1 {
    width: 810px;
    height: 65px;
    padding: 0;
    margin: 6px;
    text-indent: -999em;
    background-image: url(/_Assets/Images/NewBackgrounds/masthead.png);
    background-position: top left;
  background-repeat: no-repeat;

  }

#content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

#content-sidebar {
  width: 265px;
  padding: 10px 10px 20px 10px;
  margin-top: -40px;
  background-color: #e2e6a3;
  border-radius: 0 20px 0 0;
  border-top: 1px solid #3a2614;
  border-left: 1px solid #3a2614;
  box-shadow: 1px 1px 3px #3a2614;
  flex-grow: 0;
  flex-shrink: 0;
}

#content-main {
  width: 690px;
  box-sizing: border-box;
  padding: 20px 20px 60px 20px;
  border-radius: 20px 20px 0 0;
  background-color: #ffffff;
    flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  left: -22px;
  z-index: 999;
  box-shadow: 0px 1px 3px 1px #3a2614;
}




#content-sidebar dd a, #content-sidebar dd a:link { 
color: #a66927; font-weight: bold !important; font-size: 1.3em;
font-family: 'Minion Pro', 'Minion Std', Constantia, Baskerville, 'Lucida Serif', Lucida, Palatino, 'Palatino Linotype', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif;  }





#footer p.copyright { margin: 0 1px; padding-top: 6px; text-align: center; border-top: 2px solid #4b5314; font-size: 0.9em; }


#content-sidebar .navigation dd { padding-left: 32px; }
#content-sidebar .navigation dt { 
font-family: 'Minion Pro', 'Minion Std', Constantia, Baskerville, 'Lucida Serif', Lucida, Palatino, 'Palatino Linotype', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif;
  font-weight: bold; font-size: 1.7em; color: #7f542f; font-variant: small-caps; 
}

#content-sidebar .navigation dt .icon, #slickmenu li .icon, .slicknav_nav li .icon {
display: inline-block;
width: 24px; height: 14px;
position: relative; top: -2px;
}

#content-sidebar .navigation dt .icon svg,  #slickmenu li .icon svg, .slicknav_nav li .icon svg {
max-width: 100%;
fill: #7d8238;
max-height: 100%:
}

.slicknav_nav li .icon {
margin-right: 0.5rem;
}
 #slickmenu li .icon svg, .slicknav_nav li .icon svg {
fill: #e2e6a3;
}


div.player { width: 320px; height: auto; float: right; margin-top: 0; text-align: center; background-color: #f4f6d1; padding: 10px; border-radius: 10px; border: 1px solid #bec27e; margin: 0.5em 0 0.5em 1em; box-shadow: 1px 1px 3px #3a2614; }

div.player audio { max-width: 100%; overflow: hidden; }

#mediaspace { padding-top: 0.5em; }

h1,h2,h3 { font-family: 'Minion Pro', 'Minion Std', Constantia, Baskerville, 'Lucida Serif', Lucida, Palatino, 'Palatino Linotype', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif; margin: 0; padding: 0; }

h2 { font-size: 1.7em; font-weight: bold; color: #7f542f; font-variant: small-caps; 
}

h3 { font-style: italic; color: #71741d; font-size: 1.2em; }

h1.separator { font-size: 1px !important; margin: 0; padding: 0; color: #ffffff; width: 100%; background-position: top center; background-repeat: no-repeat; height: 36px; }

h1#curwk { background-image: url(/_Assets/Images/curwkhead.png); }
h1#prevwk { background-image: url(/_Assets/Images/prevwkhead.png); }

a, a:link { color: #a66927; }

a:visited { color: #92872f; }

a:active { color: #d8aa79; }

strong a { font-weight: bold !important; }


div.show { margin-top: 1.5em; }

div.item { padding-bottom: 1em; border-bottom: 1px solid #e2e6a3; }

div.current { padding-bottom: 0; border-bottom: 0px none #ffffff; }

.archives li strong { font-size: 1.7em; font-weight: bold; color: #7f542f; font-variant: small-caps; font-family: 'Minion Pro', 'Minion Std', Constantia, Baskerville, 'Lucida Serif', Lucida, Palatino, 'Palatino Linotype', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif; margin: 0; padding: 0; }

.archives li ul { margin-left: 1.5em !important; margin-bottom: 1em !important; }

.archives li ul li em { color: #71741d; font-size: 0.9em; padding-left: 1.2em; }

h1.headingline { font-style: italic; color: #71741d; border-bottom: 1px solid #5e460d; font-size: 2em; width: 100%; text-align: center; margin-bottom: 1em; padding-bottom: 0 !important; line-height: 1.1 !important; font-weight: normal; font-variant: small-caps;}

h1.headingline span { position: relative; top: 0.55em; background-color: #ffffff; padding: 0 4px; }


@media only screen and (max-width: 600px) {
	#container { width: 100%; margin: 0; border: 5px solid #7f542f; padding: 0;  }
    
    .desktopShow { display: none; }
.mobileShow { display: block; }
    
    div.player { width: 90%; margin: 0 auto; float: none; }
	
	#header { width: 100%; height: 20vh; min-height: 200px; }
	#header h1 { width: 90%; position: static; margin: 10px auto 0 auto; background-size: contain; }
	#content { display: block; }
	#content-sidebar { display: none; }
	#content-main { width: 100%; margin: -20px 0 0 0; position: static; }
	
	.slicknav_menu {
display: block;
}

.headermobile, .slicknav_parent, .slicknav_parent .slicknav_row {
color: #fac139;
}
	
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: none;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
  font-size: 1.3rem;
  line-height: 1;
    display: block; font-family: 'Minion Pro', 'Minion Std', Constantia, Baskerville, 'Lucida Serif', Lucida, Palatino, 'Palatino Linotype', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
	color: #e2e6a3;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; font-family: 'Minion Pro', 'Minion Std', Constantia, Baskerville, 'Lucida Serif', Lucida, Palatino, 'Palatino Linotype', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', Georgia, serif; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #7f542f;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fac139; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #e2e6a3;
      color: #7f542f;
       }
	   
	   .slicknav_nav .slicknav_row:hover .slicknav_arrow {
	   color: #7d8238;
	   }
     .slicknav_nav .slicknav_row:hover .icon svg {
     fill: #7d8238;
     }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #e2e6a3;
      color: #7f542f; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }