@charset "utf-8";
/* FOOTER CSS Document */

#jwstFooter {  
box-sizing:border-box; 

width:100%;

overflow:hidden;
margin: 0 auto; 

background-color:transparent;

border-top:solid #444444 8px ;

background:url(/widgets/header/code/images/homeFooterBgGLowTrans.png) repeat-x top;
/* background-image:url(images/homeHeaderBgGLowTrans.png);
background-image:url(../../pageTemplates/baseline/code/images/blackTrans50.png) repeat;
*/

position:relative;

/* positioning should be done in each page/template application not here */

z-index:100; /* above mask layer */
}

.jwstFooterColumnWrapper {
box-sizing: border-box;
display:block; 
width:100%;

text-align:center; /* center inline-block children */
padding:0;	
margin: 0 2%; /* minimum edge screen gutters */

}

.jwstLogoRow {
display:block; 
margin:0 auto; 
padding:10px 0 0 0;
text-align: center;
}

.jwstLogoRow A {
border:none;
display:inline-block;
padding-right: 30px;
}

.jwstLogoRow A img {
border:none;
width:100%;/* max width set on logos local style */
height:auto;
}

.jwstLogoRow A:hover {
background:url(/widgets/widgetImageCache/whiteTrans12.png) repeat;
}


.jwstFooterColumn { /* links 1/3 width column */
display:inline-block;
vertical-align:top;
text-align:left; /* override parent center */

width: 30%;
min-width:180px; /* display:table on outer wrapper need fixed widths to size properly */
max-width:360px;
margin: 3% 0 3% 0;
color:#bbbbbb;  /* h, p  and desc text will inherit this. */
}

@media (max-width: 650px) {

	.jwstFooterColumn { /* columns */
	display:block;
	
	width: 100%;
	min-width:180px; /* display:table on outer wrapper need fixed widths to size properly */
	max-width:360px;
	margin: 3% auto;
	}
	
	.jwstLogoRow A {
		padding-right: 4px;
		}
}

.jwstFooterColumn h2 {
color:#cccccc; 
font-size: 180%;
font-weight:900;
font-family: Muli, Arial, sans-serif;
margin:0;
padding:0;
}

.jwstFooterColumn p {
font-size: 80%;
margin: 0 0 12px 0; /* assumes there is ONE paragraph immed preceding the nav block */

/* these styles should have been inherited from body, BUT LEGACY jwst.css P {} is ADDING styles will override below. !!! remove when jwst.css is removed */
color:#ffffff; 
font-size: 11px;
text-align: left;
padding-top: 0;
}


.jwstFooterColumn ul {
width:95%;
margin:0 0 0 0;
padding:0;
list-style: none;
}

.jwstFooterColumn ul li:first-child{
	border-top:solid #444444 1px;

}
.jwstFooterColumn ul li{
	border-bottom:solid #444444 1px;
}


.jwstFooterColumn ul li:hover, .jwstFooterColumn ul li .selected {

}

.jwstFooterColumn ul li a {
	display: block;
	color: #0099cc;
	font-size: 85%;
	/* width: 80%;  /* need room for margins and hightlight character */
	padding: 3px 6px 5px 6px;
	line-height:18px;
	text-decoration:none;

/* these tags should inherit but LEGACY jwst.css LI tag is setting font sz here: override below - !!! remove when jwst.css is removed */
	font-size: 12px;	
	
}

.jwstFooterColumn ul li a:link {
}

.jwstFooterColumn ul li a:hover, .jwstFooterColumn a:hover {
color: #00bbff;
background:url(/widgets/widgetImageCache/whiteTrans12.png) repeat;

}

.jwstFooterColumn ul li a:active {

}

.jwstFooterColumn ul li a:visited {

}