@charset "UTF-8";

.wwBody {
	background-color: #67440C;
}

.wwBody #p7PM3_3 {
	margin-top: -30px;
}

.hmy-content.hmy-center.wwBannerHeader {
	background-image: url(../images/ww/qswo_long2.jpg);
	background-size: auto auto;
	position: relative;
	margin: -15px 20px 17px;
	width: auto;
	height: 60px;
}

.wwBanner {
	display: block;
	/* The position of this element needs to be absolute, since it's the child element of .wwBannerHeader, which is relative.  This positions it properly on all viewports*/
	position: absolute;
	max-height: 85px;
	bottom: -12px;
}

.p7HMY.hmy-root-brown {
}

/* this rule colors the background color for the dropdown menu items in the WW Projects Menubar */
.p7PM3-04.wwProjectsMenu ul li a.pm3-link {
	background-color: #67440B;
}

/* this selector controls the right gif arrows in the WW Projects Menu closed */
.p7PM3-04 ul li a.wwProjectsMenu.trig_closed {
	background-image: url(../p7pm3/img/pmm3-right-dkbrwn67440B.gif);
	margin-left: 0px;
	padding-left: 15px;
}

/* this parameter affects the selectors for the dropdown menu toggles, including the down arrow gifs */
.p7PM3-04 ul li a.wwProjectsMenu.trig_open {
	background-color: #67440B;
	background-position: 31% 30%;
	background-image: url(../p7pm3/img/pmm3-down-yellowFFF0A5.gif);
	color: #FF0003;
	background-size: auto auto;
}


.p7PM3-04ect.acEndTable {
	width: 420px;
	margin-left: auto;
	margin-right: auto;
}

#p7IGMcaption_1 {
	color: #FFF0A5;
}

#p7IGMdesc_1 {
	color: #FFF0A5;
}

.wwProject.acEndTable {
	padding-top: 35px;
	position: relative;
	display: block;
	max-width: 100%;
}

.wwBody .wwProject.acEndtable {
	padding-top: 25px;
	position: relative;
	max-width: 100%;
}
.wwGallery  {
	max-width: 200px;
	width: 200px;
	display: inline-block;
	height: auto;
}
.wwCaption   {
	padding-top: 5px;
	height: 0
;
	height: 0
;
	text-align: center;
}



@media screen and (min-width:0px) and (max-width:853px){

/* TS MainNav - this selector controls the settings for the hamburger icon, which I changed to simply "Menu" */
.p7PM3-04.responsive .pmm3-toolbar a {
	font-size: 1em;
	font-weight: normal;
	color: #2E3192;
	text-decoration: none;
}
.p7PM3-04.responsive .pmm3-toolbar a:hover {
	color: #FF0003;
}

.hmy-content.hmy-left #p7PM3_3 #p7PM3tb_3 {
	background: linear-gradient(180deg, rgba(220,163,39,1.00), rgba(134,81,14,1.00));
}

.wwBanner {
	display: block;
}

/* this selector controls the color of the hamburger text icon in the WW Projects Menu, and it NEEDS the a tag at the end */
#p7PM3_3 #p7PM3tb_3.pmm3-toolbar.toggle-text.wwProjectsMenu a {
	color: #67440B;
}

/* this selector changes the color of the hamburger icon to red when hovered over; and changes the background color to dark brown */
#p7PM3_3 #p7PM3tb_3.pmm3-toolbar.toggle-text.wwProjectsMenu a:hover {
	color: #FF0003;
	background-color: #67440B;
}
	
/* this selector hides the TS logo in the Resources Navbar, but still allows it to show in the main TS Navbar at the top or each page */
.pmm3-toolbar.wwProjectsMenu {
	background-image: url(../images/_logos/TSLogoshdw200pxW.png);
	z-index: 999;
	position: relative;
	margin-top: -31px;
}
}

@media screen and (min-width:0px) and (max-width:600px){

.wwBanner {
	position: absolute;
	display: block;
}
	
}

@media screen and (min-width:0px) and (max-width:400px){

.wwBody #p7PM3_3 {
	position: relative;
	display: block;
	top: -16px;
}
	
.hmy-content.hmy-center.wwBannerHeader {
	margin-bottom: 34px;
}

.wwBanner {
	display: block;
	position: absolute;
}
}