/* THIS STYLE SHEET WORKS WITH THE SHED SPECIFIC PAGES */
body {
	background-image: url(../shed/images/cedarbg.jpg);
	background-repeat: repeat-x;
	background-color: #c9e2c2;
	color: #000000;
	font: normal 1em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

/* overall container to centre pages on larger screens */
#container {
	max-width: 48em;
	margin: 0em auto auto auto;
	padding: 0em .625em 0em .625em;
	box-sizing: border-box;
}

#header {  /* positions logo */
	max-width: 100%;
	text-align: center;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	box-sizing: border-box;
}

/* container for content of shared pages (with left side menu) */
#content2 {
	float: right;	
	text-align: left;
	min-width: 80%;
	max-width: 80%;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	box-sizing: border-box;
}

/* container for slide show */
#picshow {
	float: right;
	width: 26.5em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em .625em;
}

/* container link below large images */
#picshowlink {
	text-align: center;
	padding: .5em 0em 0em 0em;
}

/* container for display of large images */
#displaybox {
	margin: 1em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 30em;
	height: auto;
	font-size: .85em;
	text-align: center;
	cursor: pointer;
}

/* formatting for footer information */
#footer {
	clear: both;
	height: 3.75em;
	max-width: 100%;
	margin: 0em 0em 0em 0px;
	padding: 1em 0em 0em 0em;
	box-sizing: border-box;
}

/* container for navigation menu on left side */
#navmenu {
	margin: 1.75em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 7em;
	height: auto;
	text-align: left;
	box-sizing: border-box;
}

/* formats ul within navmenu */
#navmenu ul {
	list-style-type: none;
	margin: 0em 0em 1.25em 0em;
	padding: 0em 0em 0em 0em;
}

/* formats vertical spacing in navmenu list items */
#navmenu li {
	margin: 0em 0em .375em 0em;
	padding: 0em 0em 0em 0em;
}

/* navmenu link treatments */
#navmenu a {
	background-color: #fff9d4;
	border-left: .9em solid #d7e5f2;
	color: #000000;
	display: block;
	padding: .5em 0em 0em .5em;
	text-decoration: none;
	max-width: 7.85em;
	height: 2em;
	display: block;
	font-size: .7em;
	font-style: italic;
	font-weight: bold;
}

#navmenu a:hover {
	border-left: .9em solid #728d41;
}

#navmenu li#active a {
	border-left: .9em solid #c69c31;
}

#logos {
	margin: 1.5625em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
	max-width: 100%;
	height: auto;
}

/* TEXT TREATMENTS */
h1 {
	font: italic 1.175em Verdana, Helvetica, Arial, sans-serif;
	margin: 0em 0em .625em 0em;
	padding: 0em .5em 0em .5em;
	clear: both;
}

h2 {
	font: italic 1em verdana, sans-serif;
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
	text-decoration: underline;
}

.smallitalic {
	font-size: .8em;
	font-style: italic;
}

.italic {
	font-size: 1em;
	font-style: italic;
}

.largeitalic {
	font-size: 1.25em;
	font-style: italic;
}

.large {
	font-size: 1.25em;
}

.red {
	color: red;
}

/* PARAGRAPH FORMATS */
p {
	font-size: .85em;
	margin: 0em 0em .625em 0em;
	padding: 0em 0em 0em 0em;
}

p.left {
	text-align: left;
}

p.center {
	text-align: center;
}

p.miscquotes {
	text-align: left;
}

/* IMAGE TREATMENTS */
img {
	border: 1px solid black;
}

.imglogo { 
	border: none;
	max-width: 100%;
   height: auto;
}

.mobilemenu { 
	border: none;
	display: none;
}

.imgnotrim { 
	border: none;
}

/* FORMATS LISTS AND IMAGES ON ACCESSIBLITY PAGE */
.accessbox {
	clear: both;
	margin: 0em 0em 0em 0em;
	padding: .625em 0em .625em 0em;
	width: 100%;
	height: auto;
}

.accesslist {
	float: right;
	font-size: .85em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: left;
	max-width: 23em;
}

.accesslist ul {
	margin: 0em 0em 0em 0em;
	padding: .625em 0em 0em 2.5em;
}

.accesslist li {
	margin: 0em 0em .625em 0em;
	padding: 0em 0em 0em 0em;
}

.widelist {
	clear: both;
	font-size: .85em;
	text-align: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 80%;
	height: auto;
}

.widelist ul {
	margin: 0em 0em 0em 0em;
	padding: .625em 0em .625em 2.5em;
}

.widelist li {
	margin: 0em 0em .625em 0em;
	padding: 0em 0em 0em 0em;
}

/* format for embedded links */
a:link {
	background-color: transparent;
	color: #807510;
	text-decoration: none;
}

a:visited, a:active {
	background-color: transparent;
	color: #808080;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: #FF0000;
	text-decoration: none;
}

/* ELEMENTS FOR SLIDE SHOW PAGE */
.posters {  /* thumbnail display container */
	display: inline-block;
	max-width: 10em;
	height: auto;
	text-align: center;
	margin: 0em 1.25em .875em 1.25em;
}

.imgthumb {
	border: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	cursor: pointer;	
}

.modal { /*overlay background*/
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 1em;
	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	overflow: auto; /*scroll if needed*/
 	background-color: rgba(70,70,70,0.95); /*grey w/opacity*/
}

.modal-content { /*content image*/
  margin: auto;
  display: block;
  width: 100%;
  max-width: 1000px;
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 2.5em;
  font-weight: normal;
  transition: 0.3s;
}

.close:hover, .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.cursor {
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

.myPics {
  display: none;
}

/* Previous button */
.prev {
  position: absolute;
  top: 20px;
  right: 120px;
  color: white;
  font-weight: normal;
  font-size: 2em;
  transition: 0.3s ease;
}

/* Next button */
.next {
  position: absolute;
  top: 20px;
  right: 90px;
  color: white;
  font-weight: normal;
  font-size: 2em;
  transition: 0.3s ease;
}

.prev:hover,
.next:hover {
  cursor: pointer;
  color: #bbb;
  font-size: 2em;
}

/* FORMAT CHANGES FOR DEVICES WITH SCREENS LESS THAN 800px WIDE */
@media screen and (max-width: 800px) {

#content2 {text-align: center; float: none; margin: 0em auto 0em auto; padding: 0em .5em 0em .5em;}

.imglogo {max-width: 75%;}

.mobilemenu {display: inline; position: fixed; top: .75em; left: 1em;}

.accesslist {float: none; margin: 0em auto 0em auto;}

#picshow {float: none; width: auto;}

#picshowlink {width: auto;}

#displaybox {margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; width: auto; height: auto; background-image: none; }

#navmenu {display: none; position: fixed; top: 3.75em; left: 0em; margin: 1em 0em .3125em 2em; background-color: #8a6e22; padding: .625em .625em .625em .625em; width: 8em;}

.miscquotes {display: none;}

#logos {display: none;}

}