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

#jwstFooter {  /* should be nested inside pageWrapper div for constraints */
width:100%;
/* height:150px;  			/* logo and callout slices are 65px so a little buffer here */

overflow:hidden;
margin: 0 auto; 

background-color:transparent;
border: solid 3px #444444;

border-top:solid #444444 3px ;
border-right:solid #444444 2px ;
border-bottom:solid #444444 2px ;
border-left:solid #444444 2px ;

border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom-left-radius:14px;
border-bottom-right-radius:14px;

background:url(../../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 */
/*
top: 1135px;
left:40px;  /* was 0, widened socialtabbox and  widened and repos footer to align */
*/

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

.jwstFooterColumnWrapper {
display:table; /* to shrinkwrap */
margin:0 auto; /* center horo as footer expands */
padding:0;	
}

.jwstLogoLayer {
width:350px;
height:150px;
position:absolute;
top:50px;
left:20px
background:url(../../../ImagesContent/agencyLogosFooter.png) 0 0 ;
}

.jwstFooterColumn { /* columns */
display:inline-block;
vertical-align:top;
min-width:165px; /* display:table on outer wrapper need fixed widths to size properly */
margin: 15px 10px 15px 10px;
color:#bbbbbb;  /* h, p  and desc text will inherit this. */
}

.jwstFooterColumn h2 {
color:#cccccc; 
font-size: 120%;
font-weight:900;
font-family: 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 {
color: #00bbff;
background:url(../../widgetImageCache/whiteTrans12.png) repeat;

}

.jwstFooterColumn ul li a:active {

}

.jwstFooterColumn ul li a:visited {

}