/*	Modifying existing styles	*/
body {
	font-family: sans-serif;
	margin-left: auto;	/*	centers content	*/
	margin-right: auto;
}

h1 {
	text-align: center;
}

table {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	border: 1px solid black;
}

td{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid black;
    border-collapse: collapse;
    background-color: #FAFAFA;
}

th {
	text-align: center;
	padding: 10px;
	border: 1px solid black;
    border-collapse: collapse;
    background-color: #DDDDDD;
}

/*	Creating new style classes (alphabetized)	*/

.audioDoc {
	
}

.at {
	width: 15px;
	height: 15px;
}

.banner {
	margin-left: auto;
	margin-right: auto;
	
	width: 480px;
	height: 120px;
	text-align: center;
	
	padding: 0px;
	border: 10px solid transparent;
	border-image-source: url("https://moosh.run/supporting/graphics/porthole_border_Cu.png");
	border-image-slice: 60;
	border-image-width: 35px;
	border-image-outset: 0;
	border-image-repeat: round;
	
	background-repeat: no-repeat;
	background-position: center;
}

.bannercontainer {
	margin-top: 6px;
	margin-bottom: 6px;
	width: 520px;
	height: 160px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

.blog-button-g {
	display: flex;
	flex-direction: column;
	margin-left: 4px;
}

.blog-button-p {
	display: flex;
	flex-direction: column;
	margin-right: 4px;
}

#blog-buttons {
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.blog-title a:link{color:#007710; background-color:transparent; text-decoration:none;}
.blog-title a:visited {color:#007710; background-color:transparent; text-decoration:none;}
.blog-title a:hover {color:#11cc44; background-color:transparent; text-decoration:none;}
.blog-title a:active {color:red; background-color:transparent; text-decoration:underline;}

.col-third {
	width: 239px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	vertical-align: middle;
}

.col-third-mid {
	margin-left: 10px;
	margin-right: 10px;
}

.columns {
	max-width: 770px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#cv {
	display: block;
	width: 100%;
}

.cv-descrip {
	padding: 10px;
	background-color: #EEEEEE;
}

.cv-inst {
	padding: 15px;
	background-color: #DDDDDD;
	font-size: larger;
}

.cv-item {
	padding: 15px;
	margin-bottom: 20px;
	width: 95%;
}

.cv-skills {
	padding: 10px;
}

.cv-title {
	padding: 15px;
	background-color: #DDDDDD;
	font-size: larger;
	width: 200px;
}

.cv-yrloc {
	padding: 10px;
}

#evalQ {
	height: 2.3em;
}

#evalQhdr {
	height: 2.3em;
	width: 90px;
}

.evalQuestion {
	padding: 15px;
	background-color: #DDDDDD;
	width: 300px;
}

#evalR {
	height: 8.0em;
}

.evalResponse {
	padding: 15px;
}

#evalRhdr {
	height: 2.5em;
	width: 90px;
}

.evalTable {
	padding: 15px;
	margin-bottom: 20px;
	width: 95%;
}

.extlinks {
	font-size: small;
	line-height: 30px;
	position: relative;
	top: -10px;
}

/*	Lighten default color for external links, which appear on a BG of dark water	*/
.extlinks a:link{color:white; background-color:transparent; text-decoration:underline;}
.extlinks a:visited {color:white; background-color:transparent; text-decoration:underline;}
.extlinks a:hover {color:white; background-color:transparent; text-decoration:underline;}
.extlinks a:active {color:red; background-color:transparent; text-decoration:underline;}

.fakelink {
	color: blue;
	text-decoration: underline;
}

.footer {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #666666;
	text-align: center;
	max-width: 740px;
}

.homelogo {
	float: left;
	margin: 10px;
	text-align: center;	
}

.iframe-box {
	width: auto;
	height: auto;
	overflow-x: hidden;
}

.liclogo {
	width: 88px;
	height: 31px;
	border: 0px;
}

.licdiv {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.logospane-all {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;	
	
	width: 715px;
	height: 120px;
	
	padding: 30px 10px 30px 10px;
	border: 10px solid transparent;
	border-image-slice: 60;
	border-image-width: 4;
	border-image-outset: 0;
	border-image-repeat: round;
}

.logospane-blu {
	background-color: #a8d7fe;
	border-image-source: url("https://moosh.run/supporting/graphics/logo_border_blu.png");
}

.logospane-grn {
	background-color: #7fd3a1;
	border-image-source: url("https://moosh.run/supporting/graphics/logo_border_grn.png");
}

.logospane-yel {
	background-color: #f5f5c5;
	border-image-source: url("https://moosh.run/supporting/graphics/logo_border_yel.png");
}

.logosq {
	margin: 2px;
	width: 120px;
	height: 120px;
	border: 0px;
}

.main {
	position: relative;
	text-align: left;
	padding: 10px;
	margin-left: 220px;
	line-height: 1.5;		
}

.map {
	text-align: center;
	margin: 10px;
	width: 509px;
	height: 582px;
	border: none;
}

.mapmain {
	text-align: center;
	padding: 10px;
	line-height: 1.5;
}

.mapnavlink {
	display: block;
}

.middiv {
	display: inline-block;
	text-align: center;
}

.navcurrent {	
	list-style-type: disc;
	color: #009900;
	font-weight: bold;
	text-transform: capitalize;
}

.navlabel {
	margin-left: 10px;
}

.navlink {
	display: block;
	width: 110px;
}

.navlist {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: left;
}

.navpane {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	margin-left: 0px;
	margin-right: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	line-height: 40px;
	text-align: left;
	vertical-align: middle;
	background-image: url("https://moosh.run/supporting/graphics/navBG_6link.jpg");
	background-repeat: no-repeat;
	background-position: center;
	
	padding: 5px;
	border: 10px solid transparent;
	border-image-source: url("https://moosh.run/supporting/graphics/porthole_border_Cu.png");
	border-image-slice: 60;
	border-image-width: 35px;
	border-image-outset: 0;
	border-image-repeat: round;
}

.navpane6 {
	background-image: url("https://moosh.run/supporting/graphics/navBG_6link.jpg");
}

.navpane7 {
	background-image: url("https://moosh.run/supporting/graphics/navBG_7link.jpg");
}

.navpane8 {
	background-image: url("https://moosh.run/supporting/graphics/navBG_8link.jpg");
}

.overall {
	position: relative;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#peg_logo {
	width: 265px;
	height: 265px;
	float: right;
	margin: 5px;
}

.plain-img {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 457px;
	height: 653px;
	border: 0px;
}

#pop {
	float: right;
}

.porthole {
	width: 85px;
	height: 85px;
	text-align: center;
	float: left;
	
	padding: 0px;
	border: 10px solid transparent;
	border-image-source: url("https://moosh.run/supporting/graphics/porthole_border_Cu.png");
	border-image-slice: 60;
	border-image-width: 35px;
	border-image-outset: 0;
	border-image-repeat: round;
	
	background-repeat: no-repeat;
	background-position: center;
}

.porthole-container {
	height: 85px;
	padding: 10px;
	text-align: center;
	display: table;
	background-color: #DBDBDB;
	
	border: 10px solid transparent;
	border-image-source: url("https://moosh.run/supporting/graphics/logo_border_gry.png");
	border-image-slice: 60;
	border-image-width: 4;
	border-image-outset: 0;
	border-image-repeat: round;
}

.porthole-text {
	vertical-align: middle;
	display: table-cell;
	padding-left: 10px;
}

.portrait {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 457px;
	height: 653px;
	box-shadow: 8px 8px 4px #999999;
	border: 0px;
}

.resource {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	border: none;
	background-color: #F4F1FF;
	vertical-align: middle;
	text-decoration: none;
}

.resource-col {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	
	border: none;
	background-color: #F4F1FF;
	text-decoration: none;
	text-align: left;
}

.resdiv {
	width: 750px;
	background-color: #F4F1FF;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	
	border: 10px solid transparent;
	border-image-source: url("https://moosh.run/supporting/graphics/resource_border.png");
	border-image-slice: 60;
	border-image-width: 4;
	border-image-outset: 0;
	border-image-repeat: round;
}

.resdiv-col {
	background-color: #F4F1FF;
	padding: 10px;
	display: inline-block;
	text-align: center;
	table-layout:fixed;
	width: auto;
	
	border: 10px solid transparent;
	border-image-source: url("https://moosh.run/supporting/graphics/resource_border.png");
	border-image-slice: 60;
	border-image-width: 4;
	border-image-outset: 0;
	border-image-repeat: round;
}

.resimg {
	display: block;
	max-width: 95px;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.reslink {
	text-decoration: none;
	color: black;
}

#town_hall {
	width: 748px;
	height: 421px;
	clear: both;
	text-align: center;
}

.warning {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 300px;
	height: 264px;
}

.wrapimg {
	width: 457px;
	height: 653px;
	box-shadow: 8px 8px 4px #999999;
	border: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}