/* THE BASICS */
	html {
		margin: 0px;
		background: linear-gradient(150deg, #e7dfda, #bec2bf 100%);
		min-height: 100%;
		}
		
	body {
		margin: 0px;
		background: url(../img/bg.gif) repeat right fixed;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 10.5pt;
		color: #110f0e;
		font-weight: normal;
		letter-spacing: .2px;
		}

	div.master {
		width:98%;
		margin-left: 1%;
		margin-right: 1%;
		min-height: 100%;
		text-align: center;
		}


/* LINKS & FONTS */
	a, a:visited {
		color: #2c2720;
		font-weight: bold;
		text-decoration: none;
		}

	a:hover, a:active {
		text-decoration: underline;
		}
		
	h1 {
		color: #2c2720;
		font-size: 14pt;
		font-weight: bold;
		letter-spacing: .85px;
		}
	
	
/* SIZING FOR SMALL SCREENS */
	div.maincontainer {
		width: 96%;
		margin: 0px auto 0px auto;
		padding: 0px;
		min-width: 570px;
		border: solid #a3a38f;
		border-width: 0px 1px 1px 1px;
		background-color: #e0e4e1ee;
		line-height: 1.5;
		text-align: center;
		display: block;
		overflow: auto;
		}

	div.content_head {
		padding: 56px 27px 30px 27px;
		text-align: left;
		display: block;
		}
		
	div.content_subhead {
		padding: 6px 27px 0px 27px;
		text-align: left;
		display: block;
		}

/* SIZING FOR MEDIUM SCREENS */
@media only screen and (min-width:768px) {
	div.maincontainer {
		width: 76%;
		}

	div.content_head {
		padding: 56px 37px 30px 37px;
		}

	div.content_subhead {
		padding: 6px 37px 0px 37px;
		}
	}
	

/* SIZING FOR DESKTOP SCREENS */
@media only screen and (min-width:1080px) {
	div.maincontainer {
		width: 65%;
		}

	div.content_head {
		padding: 56px 47px 30px 47px;
		}
		
	div.content_subhead {
		padding: 6px 47px 0px 47px;
		}
	}

/* MAINCONTAINER SUBDIVS */	
	div.content_list {
		width: 640px;
		padding: 4px;
		margin: auto auto 30px auto;
		text-align: left;
		display: inline-block;
		}
		
	div.content_indent {
		padding: 0px 0px 0px 48px;
		margin: 11px 0px 32px 0px;
		text-align: left;
		}


/* MENU */
	div.menubox {
		height: 38px;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #a3a38f;
		background: linear-gradient(177deg, #ebccb3, #e0b392 100%);
		display: block;
		}

	div.menu_leftname {
		height: 32px;
		text-align: left;
		padding: 8px 11px 0px 11px;
		float: left;
		display: inline-block;
		color: #231f1a;
		}
		
	div.menu_currenttab {
		height: 32px;
		width: 86px;
		text-align: center;
		padding: 8px 0px 0px 0px;
		float: right;
		display: inline-block;
		border: solid #a3a38f;
		border-width: 0px 1px 0px 1px;
		background-color: #d7dfd8;
		}

	div.menu_linktab {
		height: 32px;
		width: 86px;
		text-align: center;
		padding: 8px 0px 0px 0px;
		float: right;
		display: inline-block;
		}
		

/* ACCORDION LIST */	
	.work-section {
	  width: 500px;
	  margin: 20px 0;
	}

	.work-section summary {
	  background-color: #d7dfd8;
	  color: #2c2720;

	  font-size: 11pt;
	  font-weight: bold;
	  letter-spacing: .5px;

	  cursor: pointer;

	  padding: 8px 9px 15px 3px;

	  list-style: none;
	}

	.work-section summary:hover {
	  background-color: #e2e9e3;
	}
		
	.content_unfold {
	  margin-top: 11px;
	  text-align: left;
	}
	
	.work-section summary::-webkit-details-marker {
	  display: none;
	}

	.work-section summary::after {
	  content: "▼";
	  float: right;
	  color: var(--muted);
	  transition: transform .35s ease;
	}

	.work-section[open] summary::after {
	  transform: rotate(180deg);
	}

	.summary-blurb {
	  color: var(--muted);
	  margin-left: 8px;
	  font-size: .92rem;
	}