/*===========================================================
...........................CLEARFIX
============================================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*===========================================================
...........................UNIVERSAL STYLES
============================================================*/
body {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.2em;
	color: #444;
	background:url('../images/bg_repeat.jpg') #f7fbfb repeat-x top center;
}

h1 {
	color: #003854;
	font-size: 16pt;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

#mapViewWindow #mapView h2 {
	font-size: 16pt;
	color: #841f13;
	font-weight: bold;
	margin: 1em 0 5px;
	line-height: 1.3em;
}

h2 {
	color: #222;
	font-size: 19px;
	font-weight: normal;
	margin: 2em 0 .5em;
}

.contentBoxM h2{
font-size: 16pt;
color: #841f13;
font-weight: bold;
margin-top: 1em;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 0pt;
line-height: 1.3em;
}

.subHeadingText {
	font-size: 13px;
	color: #444;
	font-weight: bold;
}

h3 {
	color: #003854;
	font-size: 13pt;
	font-weight: bold;
	line-height: 1.1em;
	margin: 1em 0 1em 0;
}
h4 {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0.5em 0 5px;
	line-height: 1.3em;
}
h5{
	color:#202020;
	font-weight:bold;
	margin-bottom:16px;
}
p {
	margin: 0 0 1em;
	line-height: 1.8em;
	color: #444;
}

a:link,a:active,a:visited {
	text-decoration:  underline;
	color: inherit;
}
a:hover {
	text-decoration: none;
}

ul {
	margin-left: 1.4em;
}

li {
	margin: .5em 0;
}

/*===========================================================
...........................HEADER
============================================================*/
#headerBG {
	position: relative;
	width: 100%;
	height: 224px;
	/*background: url(/images/header-bg.gif) repeat-x;*/
}

#header {
	position: relative;
	width: 1128px;
	height: 240px;
	margin: 0 auto;
	/*background: url(/images/face-of-labor.gif) no-repeat top right;*/
	background: url(../images/header_interior.png) no-repeat;
}
#logo {
	float: left;
	height: 147px;
	margin:40px 0 0 40px;
	position:absolute;
	z-index:9999px;
}

/* WIN 
=====================================*/
#wfrn {
	float:right;
	clear:right;
	width: 116px;
	height: 68px;
	background: #fff;
}

#advertise a{
    clear: right;
    display: block;
    float: right;
    height: 30px;
    margin-right: 34px;
    margin-top: 40px;
    text-indent: -9999px;
    width: 270px;
}

/* top links
=====================================*/
#topLinks {
	float: right;
	clear:right;
	height: 33px;
	/*background: url(/images/top-links-bg.gif) repeat-x;*/
	padding:0;
	margin-right:60px;
}

/*#topLinksL {
	position: absolute;
	width: 9px;
	height: 33px;
	top: 0px;
	left: -9px;
	background: url(/images/top-links-l.gif) no-repeat;
}*/

/*#topLinksR {
	position: absolute;
	width: 9px;
	height: 33px;
	top: 0px;
	right: -9px;
	background: url(/images/top-links-r.gif) no-repeat;
}*/

#topLinks ul {
	margin: 0;
}

#topLinks li {
	display: inline;
	float:left;
	padding: 0 23px;
}

#topLinks a:link,#topLinks a:active, #topLinks a:visited {
	text-decoration: none;
	color: #d33733;
}
#topLinks a:hover {
	text-decoration: none;
	color: #aa1c21;
}

#topLinks li.nav_home a{
	display:block;
	text-indent:-9999px;
	background:url('../images/nav.png') no-repeat 0 0;
	height:26px;
	width:51px;
}

#topLinks li.nav_blog a{
	display:block;
	text-indent:-9999px;
	background:url('../images/nav.png') no-repeat -53px 0;
	height:26px;
	width:49px;
}

#topLinks li.nav_unions a{
	display:block;
	text-indent:-9999px;
	background:url('../images/nav.png') no-repeat -104px 0;
	height:26px;
	width:54px;
}

#topLinks li.nav_vendors a{
	display:block;
	text-indent:-9999px;
	background:url('../images/nav.png') no-repeat -161px 0;
	height:26px;
	width:76px;
}

#topLinks li.nav_members a{
	display:block;
	text-indent:-9999px;
	background:url('../images/nav.png') no-repeat -236px 0;
	height:26px;
	width:66px;
}

/*===========================================================
...........................MAIN WRAPPER
============================================================*/

#main_wrapper{
	background:url('../images/repeat_bg.png') repeat-y top center;
	display: block;
  margin:16px auto 0;
  width: 1129px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #main_wrapper{
	background:url('../images/repeat_bg.png') repeat-y 0 0;
    }
}

/*===========================================================
...........................Featured Advertiser
============================================================*/

.coupon_holder{
	background:url('../images/discounts.png') no-repeat;
	display: block;
    float: left;
    height: 333px;
    position: absolute;
    right: 70px;
    top: -70px;
	padding-top:110px;
    width: 509px;
}
a.find_discounts{
	display: block;
	text-indent:-9999px;
    float: left;
    height: 193px;
    width: 74px;
	margin-top:20px;
}
.discount_content .info{
	float:left;
	width:180px;
	height:60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:10px
}
.discount_content .info p{
	font-size:17px;
	color:#417a9f;
	font-style:italic;
	line-height:14px;
}
.discount_content .info p.amount{
	font-size:70px;
	color:#923a2f;
	font-style:italic;
	padding-top:10px;
	padding-left:20px;
}
a.buy_now{
	float:left;
	display:block;
	text-indent:-9999px;
	background:url('../images/buy_now.png') no-repeat;
	width:207px;
	height:86px;	
}

.details ul{
	float:left;
	margin-left:30px;
	margin-top:10px;
	list-style:none;
	text-transform:uppercase;
	color:#60605c;
	padding-bottom:6px;
	border-bottom:1px solid #b1b2aa;		
}

.details ul li{
	float:left;
	text-align:center;
	width:120px;
	margin:0;
	border-left:1px solid #b1b2aa;	
}

.details ul li.first{
	float:left;
	text-align:center;
	width:120px;
	border-left:none;	
}

.details ul li p{
	font-size: 20px;
    font-weight: bold;
    margin: 0;
	line-height:normal;
}

/*===========================================================
...........................Featured Advertiser Left Side
============================================================*/

.coupon_holder2{
	background:url('../images/discounts2.png') no-repeat;
	display: block;
    float: left;
    height: 240px;
	margin-left: -60px;
    padding-top: 60px;
    width: 422px;
}
.coupon_holder2 a.find_discounts{
	display: block;
	text-indent:-9999px;
    float: left;
    height: 193px;
    width: 74px;
	margin-top:20px;
}
.coupon_holder2 .discount_content .info{
	float:left;
	width:160px;
	height:60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:10px
}
.coupon_holder2 .discount_content .info p{
	font-size:17px;
	color:#417a9f;
	font-style:italic;
	line-height:14px;
}
.coupon_holder2 .discount_content .info p.amount{
	font-size:70px;
	color:#923a2f;
	font-style:italic;
	padding-top:10px;
	padding-left:20px;
}
.coupon_holder2 a.buy_now{
	float:left;
	display:block;
	text-indent:-9999px;
	background:url('../images/buy_now2.png') no-repeat;
	width:160px;
	height:67px;
	margin-top:10px;	
}

.coupon_holder2 .details ul{
	float:left;
	margin-left:50px;
	margin-top:10px;
	list-style:none;
	text-transform:uppercase;
	color:#60605c;
	padding-bottom:6px;
	border-bottom:1px solid #b1b2aa;		
}

.coupon_holder2 .details ul li{
	float:left;
	text-align:center;
	width:120px;
	margin:0;
	border-left:1px solid #b1b2aa;	
}

.coupon_holder2 .details ul li.first{
	float:left;
	text-align:center;
	width:120px;
	border-left:none;	
}

.coupon_holder2 .details ul li p{
	font-size: 20px;
    font-weight: bold;
    margin: 0;
	line-height:normal;
}

/*===========================================================
...........................SEARCH BAR
============================================================*/
#search_coupon_wrapper{
	position:relative;
	width:1061px;
	margin:0 auto;
	padding-top:16px;
}

.sub_head_search{
	background:url('../images/sub_head_search.png') no-repeat;
	display:block;
	text-indent:-9999px;
	width:407px;
	height:16px;
	margin-bottom: 10px;
    margin-left: 100px;
}

#searchBar {
	position: relative;
	width: 100%;
	height: 67px;
	color:#FFF;
	margin: -90px 0 0 0;
	padding-left:12px;
}

#searchBar select{
	background:url('../images/input_small.png') no-repeat;
	border:none;
	width:90px;
	height:32px;
	padding:8px;
}

#searchBar select option{
	background:white;
}

#searchBar.home {
	margin-top:0;
	float:left;
	background: url(../images/search_home.png) no-repeat;
	width:352px;
	height:220px;
	position:static;
	margin-left:100px;	
}
#searchBar.home .container{
	width:332px;
	height:220px;
	position:absolute;
	padding-left:10px;
}

#searchBar.home .findAxxx {
	display:none;
}

#searchBar.home #searchForm{
	float:none;	
	margin: 10px 0 0 0;
}

#searchBar label,
.browse_vendor_wrapper label{
	text-transform:uppercase;
	letter-spacing:-1px;
	color:white;	
}

.findAxxx {
	background:url('../images/search_finger.png') no-repeat top right;
	padding-right:64px;
	position: relative;
	float: left;
	height: 26px;
	top: 21px;
	font-size:30px;
	line-height: 26px;
	font-weight:bold;
	letter-spacing:-1px;
}

#findAUnion {
	position: relative;
	float: left;
	width: 168px;
	height: 22px;
	top: 21px;
	background: url(/images/find-a-union.gif) no-repeat;
}

#searchArrow {
	position: relative;
	float: left;
	width: 59px;
	height: 64px;
	margin: 0 30px 0 17px;
	background: url(/images/search-arrow.gif) no-repeat;
}

#searchForm {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
}

#searchBar.home #searchFormFull {
	position: relative;
	float: left;
	margin: 9px 0 0 15px;
}

#searchFormFull {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
}

label {
	display: block;
    font-size: 11pt;
    font-weight: bold;
    margin: 8px 0 0 4px;
}

#searchBar input#id_abbr,
#searchBar input#id_zip{
	background:url('../images/input_search.png') no-repeat;
	border: none;
    display: block;
    height: 34px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0;
	padding-left:10px;
    width: 285px;	
	position:relative;
	z-index:0;
}

#searchBar input#id_abbr:focus,
#searchBar input#id_zip:focus{
	background:url('../images/input_search_focus.png') no-repeat;
	border: none;
    display: block;
    height: 34px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0;
	padding-left:10px;
    width: 285px;	
}

#searchBar input[type=text] {
    width: 285px;
}

option {
	padding: 1px;
}

#searchButton {
	position: relative;
	float: left;
	margin: 25px 0 0 10px;
}

#searchBar.home #searchButton{
	float:none;
	position:absolute;
	bottom:0;	
	margin: 14px 0 0;
}

#findAVendor {
	position: relative;
	float: left;
	width: 193px;
	height: 22px;
	top: 21px;
	background: url(/images/find-a-vendor.gif) no-repeat;
}

#searchArrowVendor {
	position: relative;
	float: left;
	width: 59px;
	height: 64px;
	margin: 0 28px 0 14px;
	background: url(/images/search-arrow.gif) no-repeat;
}

.categorySelect {
	width: 224px;
	height: 14px;
}

ul.categoryHeader {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0.5em 0 5px;
	line-height: 1.3em;
	overflow: hidden;
	height: 1.3em;
	width: 205px;
}
	
a#selectCategory {
	display: inline-block;
	line-height: 51px;
	font-size: 14px;
	width: 205px;
	text-align: center;
}

a#changeCategory {
	font-size: 12px;
	width: 205px;
	text-align: center;
	color: #6cadd3;
	margin: 4px 0 0 10px;
	font-weight: normal;
}

#ajaxContainer {
	padding: 10px;
}

p#id_search_results {
	line-height: 140%;
	font-family:"Times New Roman", Times, serif;
	color:#3e3e3f;
	font-size:16px;
}
p#id_search_results strong {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9b201c;
	font-size:17px;
}

div.suggestionsBox {
	margin:22px 0 0 4px;	
}

/*===========================================================
...........................MAP VIEW
============================================================*/
#mapViewWindow {
	position: relative;
	width: 998px;
	margin: 0 auto;
	height: 0px;
	overflow: hidden;
}

#mapView {
	position: absolute;
	bottom: 0px;
	width: 998px;
	height: 450px;
	background: #ececec;
	border: 1px solid #e0e0e0;
}

#mapViewContainer {
	position: relative;
	width: 938px;
	height: 430px;
	margin: 0 auto;
	background: #fff;
	padding: 0 20px;
}

#mapView h2 {
	font-size: 18pt;
	color: #0a4071;
	font-weight: bold;
	padding: 20px 0 15px;
	margin: 0;
}

#mapView ul {
	float: left;
	margin: 0 0 0 35px;
}

#mapView li {
	padding: 0px 0 0;
	margin: 0;
	list-style: none;
}

#mapView a:link,#mapView a:active, #mapView a:visited {
	font-size: 8.5pt;
	color: #0a4071;
	height:100px;
}
#mapView a:hover {
	text-decoration: underline;
}

#mapView #map {
	float: right;
	margin: 20px 0 0;
}

   
/*===========================================================
...........................CONTENT
============================================================*/
#content {
	margin: 0 auto;
	padding: 0 0 0 34px;
}

#contentLanding {
	position: relative;
	margin: 0px;
	width: 100%;
	padding: 1px 0 20px;
}

#coupon {
	width: 826px;
	margin: 30px auto;
}

.wrapper {
	padding: 6px;
	margin: 15px;
	background: #fff;
	border: 1px dotted #999;
}

#vendorMapWrapper {
	float: right;
	padding: 6px;
	margin: 0 0 15px 15px;
	background: #fff;
	border: 1px dotted #999;
}

#vendorSearch .wrapper {
	margin: 0 20px 10px 0;
}

#box-home-article{
	width:550px;
}
#box-home-article img{
	width:100%;
}

/* vendor profile
=====================================*/
#profile {
	position: relative;
	width 1000px;
	margin: 60px auto 0px 0;
}

#profileLogo {
    display: block;
    float: left;
    min-height: 10px;
    position: relative;
    width: 360px;
}

#profileInfo {
	position: relative;
	float: left;
	width: 652px;
	padding: 20px 20px 20px;
	margin: 0 0 0 8px;
	border-bottom: 1px solid #CECECE;
}

#profileInfo li {
	padding: 1px 0;
	list-style: none;
}

#profileInfo h1 {
	margin: 0 0 .5em;
}


/* content box
=====================================*/
.contentBox {
	margin: 0 8px 13px 0;
	overflow-x: hidden;
}

#directions {
	width: 300px;
}

.contentBoxR {
	margin: 0 0px 13px 0;
	width: 216px;
	overflow-x: hidden;
}

#content.container.home_container {
	background:none;
	position: relative;
	width: 1094px;
	margin: 0 auto;
	padding-top:0;
}

#content.container {
	background:url('../images/interior_header.png') no-repeat 35px 34px;
	position: relative;
	width: 1094px;
	margin: 0 auto;
	padding-top:25px;
	height:100%;
}

#content.container.home_container .contentBoxL {
	margin: 0 8px 13px 0;
	width: 256px;
	overflow-x: hidden;
}

.contentBoxL {
	margin: 0 8px 13px 0;
	width: 368px;
	overflow-x: hidden;
}

.contentBoxM {
	margin: 0 8px 13px 0;
	width: 680px;
}

#content.container.home_container .contentBoxM {
	width: 581px;
	margin-left: 16px;
}

.contentBoxMR {
	margin: 0 0px 13px 0;
	width: 805px;
	overflow-x: hidden;
}

#vendorDescription .box h1,
#vendorDescription .box h2,
#vendorDescription .box h3,
#vendorDescription .box h4{
	font-size:16px;
}


#vendorDescription {
	float: left;
	width: 692px;
}
	        
	#vendorDescription ul {
		margin: 0 1em;
	}

.boxHeading {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#contentBoxL .boxHeading {
	width: 187px;
}

.boxHeadingBG {
	position: absolute;
	width: 100%;
	height: 36px;
	left: 15px;
	z-index: 0;
}

.boxHeading h1, h2.title {
	margin:0 0 0 10px;
	font-family:Impact, Impact5, Charcoal6, sans-serif;
	letter-spacing:-1px;
	font-size: 30px;
	color: #a64137;
	padding: 10px 0 0 5px;
	font-weight: normal;
}

h2.title{
	margin-left:376px;
	color:#417a9f;
}

#footer .boxHeading h1 {
	margin:0 0 0 10px;
	font-family:Impact, Impact5, Charcoal6, sans-serif;
	letter-spacing:-1px;
	font-size: 30px;
	color: white;
	padding: 10px 0 0 5px;
	font-weight: normal;
}

#middleColumn .boxHeading h1, .contentBoxM .boxHeading h1{
	background:url('../images/stars.png') no-repeat top right;
	font-family:Impact, Impact5, Charcoal6, sans-serif;
	letter-spacing:-1px;
	font-size: 30px;
	color: #417a9f;
	padding: 10px 130px 0 5px;
	font-weight: normal;
	margin: 0;
}

.boxHeadingR {
	position: relative;
	float: right;
	width: 4px;
	height: 36px;
	background: url(/images/h1-r.gif) no-repeat;
}

.box {
	position: relative;
	padding: 10px 6px 15px;
}

.textBox {
	position: relative;
	background: #f2f2f2;
	border: 1px solid #cecece;
	border-top: 0;
	padding: 10px 35px 15px;
}

.box h3 {
	color: #0a4071;
	font-weight: bold;
	margin: 0 0 7px;
}

/* union poll
=====================================*/
#unionPoll ul {
	margin: 0 0 10px 40px;
	list-style: none;
}

#unionPoll li {
	margin: 14px 0;
}

#unionNews .box {
	width: 648px;
	padding: 10px 20px 20px 8px;
}

#unionNews.home .box{
	width: 564px;
}

#unionNews.listings .box {
	width: 655px;
}

#unionContent {
	padding:10px;
}

/* global visitors
=====================================*/
span.visitorCount {
   font-size: 12pt;
   color: #000;
   font-weight: bold;
}

/* top banner
=====================================*/
#topBanner {
   position: relative;
   width: 581px;
   height: 100px;
   overflow: hidden;
   margin: 30px auto 0 auto;
}

#topBannerContainer a img{
	width: 581px; 
	height: 100px; 
	display: block;
	background:white;
}

#topBannerContainer {
   position: relative;
   float: left;
   width: 20000px;
   height: 103px;
}
   #topBannerContainer div {
      float: left;
   }

.contentBoxM #topBanner {
   position: relative;
   width: 581px;
   height: 100px;
   overflow: hidden;
}

.contentBoxM #topBannerContainer {
   position: relative;
   float: left;
   width: 20000px;
   height: 77px;
}

.contentBoxMR #topBanner {
   position: relative;
   width: 805px;
   height: 107px;
   overflow: hidden;
}

.contentBoxMR #topBannerContainer {
   position: relative;
   float: left;
   width: 20000px;
   height: 107px;
}

/* quick links
=====================================*/
.home_container #quickLinks{
	margin-top:60px;	
}

#quickLinks ul {
	list-style: none;
	width: 155px;
	margin: 0 0 0 2px;
	font-size: 11pt;
}

#quickLinks li {
	margin: 0;
	padding: 3px 5px;
}

#quickLinks .box{
	padding:0;
}

#quickLinks .box li a{
	background:url('../images/quicklinks.png') no-repeat;
	display:block;
	font-family:Helvetica;
	width:242px;
	height:29px;
	color:white;
	padding:12px 0 0 14px;
	text-decoration:none;
}

#quickLinks a:link,#quickLinks a:active, #quickLinks a:visited {
	color: #262626;
}
#quickLinks a:hover {
	text-decoration: none;
	color: #aa1c21;
}
/* TMU block
=====================================*/

#tmuBlock a:link,#tmuBlock a:active, #tmuBlock a:visited {
	background:url('../images/tmu_link.png') no-repeat;
    display:block;
	width:188px;
	height:169px;
	text-indent:-9999px;
}
div#tmuBlock {
	overflow-x:visible;
}

/* add Directory
=====================================*/

#addDirectory a:link,#addDirectory a:active, #addDirectory a:visited {
	background:url('../images/add_directory.png') no-repeat;
	color: white;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 47px;
	margin-left: 10px;
	padding-left: 67px;
	padding-top: 30px;
	text-decoration: none;
	text-transform: uppercase;
	width: 163px;
}
div#addDirectory {
	overflow-x:visible;
}
#addDirectory a h1{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}
#addDirectory a:hover {
	text-decoration: none;
	color: #aa1c21;
}
form.addDirectoryForm span.required{
	color:red;
}
textarea.copy_text{
    color: gray;
    float: left;
    font-size: 11px;
    height: 50px;
    margin-right: 10px;
    overflow-y: scroll;
    padding: 4px;
    width: 180px;
}
a.copy_clipboard{
	background:url('../images/copy_btn.png') no-repeat;
	width:174px;
	height:26px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	display:block;
	float:left;
}
form.addDirectoryForm p.legend{
	font-weight:bold;
	margin-bottom:10px;
	width:auto;
	text-align:left;
	clear:both;
	width:100%;
}

form.addDirectoryForm p{
	display:inline-block;
	margin-right:10px;
	width:200px;
	text-align:right;
}

form.addDirectoryForm .floated{
	float:left;
}

form.addDirectoryForm .fieldset{
	clear:both;
}

form.addDirectoryForm input.checkbox{
	margin-left: 175px;
    margin-right: 10px;
}

input.form_submit{
	background:url('../images/form_submit.png') no-repeat;
    width:174px;
	height:26px;
	border:none;
	cursor:pointer;
    margin-left: 198px;
    margin-top: 30px;
}

/* sidebar list links
=====================================*/
#sidebar_list li {
	list-style:none; 
	font-size:14px;
	padding-top:8px
}

/* categories
=====================================*/

#categories ul.sub {
	display: none;
	list-style: none;
	font-size: 9pt;
	color: #000;
	margin: 10px 0 0 0px;
	padding: 4px 10px 0px 10px;
	border-left: 1px solid #ddd;
}

#categories ul.sub li {
	padding: 0 0 8px;
}

#categories a:link,#categories a:active, #categories a:visited {
	color: #262626;
}
#categories a:hover {
	text-decoration: none;
	color: #aa1c21;
}

/* map view link
=====================================*/
#mapViewLink {
	width: 108px;
	height: 50px; !important;
	float:right;
	position:absolute;
	bottom:0;
	right:0;
}

/* banners
=====================================*/
#banners div {
}
#banners.box {
	margin: 0 auto;
  padding-top: 0px;
  width: 180px;
}

/* union news
=====================================*/
#homeArticle_img {
margin-right:5px;
}
#homeArticle {
/* Took this out to wrap text around image
	position: relative;
	float: left;
	width: 321px;
	padding: 0 0 0 18px;
	*/
}

#homeArticle h3 {
	font-family: Times New Roman, Times, serif;
	font-size: 14pt;
	font-weight: bold;
	color: #841f13;
	margin: 0 0 13px;
	line-height: 1.1em;
}

#homeArticle p {
	margin: 0 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#18181d;
	line-height:30px;
}

a#readMoreNews, a#readMoreNews:hover{
	text-decoration:none;
}
#homeArticle a:link,#homeArticle a:active, #homeArticle a:visited {
	font-size: 11pt;
	font-weight: bold;
	color: #841f13;
}
#homeArticle a:hover {
	text-decoration: underline;
}

#recentNews {
	width: 90%;
	margin: 0 auto;
}

.blog_teaser_image{
	float:left;
	margin-right:10px;	
}

#box-home-article h3{
	font-family:helvetica;
	text-transform:uppercase;
	color:#18181d;
	font-size:22px;
	font-weight:normal;	
}

#recentNews h2 {
	font-size: 12pt;
	color: #242424;
	font-weight: bold;
	margin: 20px 0 10px;
}

.newsTitles {
	width: 100%;
	padding: 13px 0;
	border-bottom: 1px solid #d9d9d9;
}

#recentNews a:link,#recentNews a:active, #recentNews a:visited {
	font-size: 10pt;
	font-weight: bold;
	color: #0a4071;
}
#recentNews a:hover {
	text-decoration: underline;
}

/* vendor categories(three columns)
=====================================*/
/* column container */
.colWrapper {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	margin-left:40px;
	width:1000px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

div.column1, div.column2, div.column3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	width:32%;
	margin-right:20px;
	overflow:hidden;
}
div.column3 {
	margin-right:0px;	
}
ol.categories h3 {
margin-bottom:2px
}
ol.categories li
{
line-height: 1em;
}

a.subCategoryLink
{
color: #2561bd;
text-decoration: none;
}
a.subCategoryLink:hover
{
text-decoration: underline;
}

/* search results
=====================================*/
#searchNav {
	height: 47px;
    margin: 2px 0;
    padding: 1px 12px 0 0;
    position: relative;
    width: 637px;
	background:url('../images/search_bar.png') no-repeat;
	color:white;
}

#searchNav input#filter_local{
	background: url("../images/input_small.png") no-repeat;
    border: medium none;
    height: 32px;
    width: 82px;
	padding-left:8px;
}

#searchNav .local_search{
	margin-left:240px;	
	float:left;
}

#searchNav .right{
	margin-top:7px;
}

#vendorSearch #searchNav {
	width: 763px;
}

#searchNav label {
	display: inline;
	margin: 0 4px 0 0;
}

#searchResults {
	margin: 0 0 0;
    position: relative;
    width: 645px;
}

#vendorSearch #searchResults {
	width: 777px;
}

.searchResult {
	position: relative;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 35px 0px;
}
	.searchResult p {
		line-height: 1.3em;
	}

#vendorSearch .searchResult {
	position: relative;
	width: 697px;
	border-bottom: 1px dotted #ccc;
	padding: 35px 40px;
}

.searchResult .enumerator {
	border:none;
	float:left;
	width:87px;
	height:21px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	padding-top:4px;
	text-align:center;
	font-weight:bold;
}

.searchResult .enumerator strong{
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

.searchResult .local_box{
	float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin-left: 35px;
    width: 110px;
}

.searchResult .right_side {
	float:left;
}

.searchResult .primaryInfo {
	position: relative;
	float: left;
	width: 320px;
}

.searchResult a.map{
    background:url('../images/map_small.png') no-repeat top right;
    display: inline-block;
    float: right;
    height: 22px;
    margin-left: 10px;
    width: 50px;
}

.searchResult h2 a:link, .searchResult h2 a:active,.searchResult h2 a:visited {
	text-decoration: underline;
}
.searchResult h2 a:hover {
	text-decoration: none;
}

/* search results expandable more info
=====================================*/

#moreZipInfo #expandable {
	display: none;
}

/* union landing pages
=====================================*/
.innerContent {
	position: relative;
	width: 658px;
}

.innerContent .left_content{
	width:470px;
	float:left;	
}

.innerContent .right_content {
	float: left;
    margin-left: 18px;
    padding-top: 20px;
    text-align: center;
    width: 160px;	
}

.unionInfo {
	position: relative;
	width: 503px;
	color: #000;
	margin: 15px auto 0;
}

.unionInfo .dark {
	padding: 10px;
//	background: #ddd;
}

.unionInfo .light {
	padding: 10px;
//	background: #eee;
}

.left_content .infoRight {
	float: left;
	width: 160px;
	text-align: left;
	vertical-align: top;
	margin: 5px 0;
	color: #222;
	font-size: 11pt;
}

.left_content .infoLeft {
	color: #444444;
    float: left;
    font-size: 11pt;
    margin: 5px 5px 5px 78px;
    text-align: left;
    width: 120px;
	font-weight:bold;
	clear:left;
}

#union_signup {
	position: relative;
	width: 500px;
}

#union_signup #unionIntro {
	position: relative;
	width: 200px;
	padding: 15px;
	float: left;
}

#union_signup #unionForm {
	float: right;
	position: relative;
	width: 230px;
	padding: 0px 20px;
	background: #0e6696;
	color: #fff;
}

#union_signup label {
	font-size: 10pt;
}

#union_signup input[type=text] {
	width: 214px;
}

#unionSocialLinks{
	width:150px; 
	margin:0 auto;
}

/* edit this union
=====================================*/


/* 2 column form
=====================================*/
div.twoColForm {
   width: 626px;
}
.twoColForm fieldset textarea.description {
	margin-top: 10px;
  width: 380px;
}
.twoColForm #recaptcha_widget_div{
   margin-left:214px;   
}
.zpFormButtons{
   padding-left:214px;   
}
.twoColForm label {
   width: 170px;
   text-align: right;
   float: left;
   margin: 10px 15px 0 0;
   color: #333;
   line-height: 26px;
   clear: left;
}
.zpFormAlternate select {
	width:380px !important;
}
.zpFormAlternate .zpRadioStatusImg {
	padding:0 !important;
}
.zpIsRequired {
	position:absolute;
}
.twoColForm input,
.twoColForm select {
   margin: 10px 0 0 0;
}
.twoColForm input[type=text], .twoColForm input[type=password], .twoColForm select {
   text-align: left;
   float: left;
   color: #333;
   border: 1px solid #ccc;
   width: 300px;
   padding: 3px;
}
.twoColForm textarea {
   text-align: left;
   float: left;
   margin: 20px 0 0;
   color: #333;
   border: 1px solid #ccc;
   width: 200px;
   padding: 3px;
}
.twoColForm textarea.description {
   width: 500px;
   height: 200px;
   float: none;
   margin: 10px auto;
}
.twoColForm hr {
   color: #ddd;
   background: #ddd;
   border: none;
   height: 1px;
   margin: 10px 0;
}
.recaptchatable #recaptcha_response_field {
   float: none;
}
.recaptchatable label.recaptcha_input_area_text {
   float: none;
   line-height: 100%;
}

/* contact form
=====================================*/
#contactFormBox label {
   margin: 25px 0 3px;
}

#contactFormBox input[type=text] {
   width: 400px;
   height: 1.6em;
}

#contactFormBox textarea {
   width: 400px;
   height: 7em;
}

/*===========================================================
...........................FOOTER
============================================================*/
#bottomBar {
	position: relative;
	width: 100%;
	height: 38px;
	margin: 0px 0 0;
	background: url(/images/bottom-bar-bg.gif) repeat-x;
}

#footer {
	background:url('../images/footer_bg.png') no-repeat;
	position: relative;
	height:513px;
	width: 1128px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    Body.askexpert #footer,
    Body.apprenticeships #footer,
    Body.directsubmitunion #footer,
    Body.candidatesearch #footer,
    Body.vendor_follow #footer{
      margin-top:-16px;
    }
}

#footer li {
	display: inline;
	border-right: 1px solid #000;
	padding: 0 12px;
	margin: 3px 0;
	width:175px;
}

#footer p {
	margin-bottom: 0;
}

#footer a:link,#footer a:active, #footer a:visited {
	font-size: 10pt;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: underline;
}

.footer_union_links{
	width:1000px;
	height:304px;
	margin-left:60px;
	overflow:hidden;
}

#footer .boxHeading {
	text-align:left;
	padding-left: 36px;	
}

.footer_union_links ul{
	float:left;
	width:200px;
	margin-left:0;	
}

.footer_union_links li{
	border-right:none !important;
	display: block !important;
    margin: 0;
    text-align: left;
}

#footer .box{
	word-wrap:break-word;
	width:1100px;
	height:280px;
}

#footer ul#footer_list{
	word-wrap:break-word;
	width:1000px;
	height:280px;
}

#footer ul#footer_list li a{
	text-decoration:none;
}

#footer ul.footer_links{
	margin-top:60px
}

#footer ul.footer_links li{
	border-right:none;
	float:none;
}

#footer ul.footer_links a{
	text-decoration:none;
	text-transform:uppercase;
}

.footer_links_wrapper{
	display:block;
	float:left;
	width:700px;	
}

#pollResults {
	display: none;
}
.gag_footer{
	margin-top:10px;
	display:block;
	float:left;
	width:108px;
	height:104px;	
}
.carpinters_footer{
	margin-top:10px;
	margin-left:100px;
	display:block;
	float:left;
	width:108px;
	height:104px;	
}

/*===========================================================
...........................GENERAL CLASSES
============================================================*/
#content.container.home_container {
	background:none;
	position: relative;
	width: 1094px;
	margin: 0 auto;
	padding-top:0;
}

#content.container {
	background:url('../images/interior_header.png') no-repeat 35px 34px;
	position: relative;
	width: 1094px;
	margin: 0 auto;
	padding-top:25px;
	height:100%;
}

#leftColumn{
	width:380px;
	padding-top:50px;
}

div.home_container #leftColumn{
	padding-top:0;
}

.inner_wrapper{
	width:990px;
	margin-left:40px;
}

.home_container #leftColumn{
	width:260px;
}

.home_container #rightColumn{
}

.left {
	position: relative;
	float: left;
	z-index: 2;
}

.right {
	float: right;
	z-index: 2;
}

.clear {
	clear: both;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.blank {
	border: 0 !important;
	margin: 0 !important;
}

.blue {
	color: #0a4071 !important;
}

.red {
	color: #841f13;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 8.5pt;
}

.xSmall {
	color: white;
    font-size: 7pt;
    margin-top: 10px;
}

.darker {
	color: #2a2a2a;
}

.darker strong {
	font-weight: bold;
	color: #000;
}

/*===================================
UNIONSMART BENEFITS
=====================================*/
#insuranceAgentSelect {
   margin: 2em auto 1em;
   text-align: center;
   vertical-align: middle;
}
   #insuranceAgentSelect .or {
      display: inline-block;
      width: 42px;
      height: 42px;
      background: url(../images/benefits/or-circle.gif) no-repeat;
      margin: 91px 10px;
   }
   #insuranceAgentSelect a {
      display: inline-block;
   }
   #insuranceAgentSelect a:hover {

   }

a.redButton, input.redButton {
   width: 135px;
   height: 22px;
   line-height: 22px;
   color: #fff;
   text-shadow: rgba(0, 0, 0, .3) 0 -1px 0;
   padding: 0;
   text-align: center;
   background: url(../images/benefits/button-red.gif) no-repeat 0 0;
   border: none;
   cursor: pointer;
   margin: 1.5em 0;
}
   a.redButton:hover, input.redButton:hover {
      background-position: 0 -22px;
   }
   a.redButton:active, input.redButton:active {
      background-position: 0 -44px;
   }

/* admin area
=====================================*/
#admin .box {
}
.menuhd{
	font-weight:bold;
	color:#1C5380;
	font-size:16px;
}

.pollerror{
	color: red; 
	font-size: 12px; 
	font-style:italic;
	color:#A21B02;
}

table {
  border-collapse: collapse;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  text-align:left;
  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
   background:url(bg1.png) repeat-x;
   text-align:left;
   height:30px;
}
thead th, tfoot th {
   padding:5px;
}
table a {
   color: #333333;
   text-decoration:none;
}
table a:hover {
   text-decoration:underline;
}
tr.odd {
   background: #f1f1f1;
}
tbody th, tbody td {
   padding:5px;
}


#middleColumn {
   width: 581px;
   margin-right: 8px;
}
   #middleColumn .contentBoxM {
      margin: 0;
   }
   #middleColumn .contentBox {
      margin: 0 0 13px 0;
   }

#rightColumn {
   width: 216px;
   overflow-x: hidden;
   margin: 0;
}
#rightColumn .contentBoxR {
   margin: 0;
}

#rightColumn .boxHeading h6{
	margin-left:17px;
}
#leftColumn .boxHeading h6{
	margin-left:17px;
}

/* 100% page width
=====================================*/

#threeColForm h3 {
   margin: 1.9em 0 .3em;
   width: 100%;
   padding: .3em;
   background: #EEE;
}

#threeColForm .threeCol {
   position: relative;
   float: left;
   width: 300px;
   margin: 15px 16px 0 16px;
}

#postFormMessage {
   display: none;
}
/* Facebook
=====================================*/
.fan_box
.page_stream {
   height:750px !important;   
}
#fb_like.contentBoxL{
	height:80px;
	overflow-y:hidden;
}
/* Multi Login Screen
=====================================*/

div.multi-login a{
   font-size:14px;   
}

/* Contract Form
=====================================*/
#contentLanding.advertise{
   width:1000px;
   margin-left:70px;   
}

table.contract_form{
   background:none;
   border:none;
   width:1000px;
}

table.contract_form,
table.contract_form tbody,
table.contract_form tr{
   width:990px;
   display:block;   
}
table.contract_form .section{
   width:990px;
   background:#407294;
   color:white;
   font-weight: bold;
    padding-left: 10px;
   
}

table.contract_form input{
   width:170px;
}

table.contract_form select{
   font-size: 9px;
    text-align: left;
   height:20px;
   width: 180px;
}

table.contract_form select option{
   font-size: 12px;
    text-align: left;
   width: 340px;
}

table.contract_form tr.small_select select{
   width:55px;
   margin-left:5px;
}

table.contract_form  td{
   width:190px;
   padding:5px 0;
}

table.contract_form td.field{
   font-size: 10px;
    width: 140px;
   padding: 10px 0;
}

table.contract_form textarea{
   min-height:120px;
}
tr.terms p{
   font-size:10px;
   line-height:10px;
}

#searchBar.advertise {
   display:none;   
}
/* Recaptcha width and display type fix for contract page */
table.contract_form tbody tbody, 
table.contract_form tbody tbody tr{
   display:table-row;   
}
table.contract_form  tbody tbody td {
   width:auto;
}
/* Recaptcha width and display type fix for contract page END */

/*=====================================
* Contract Form End
=====================================*/


/* Contract Form 2 column for confirmation Format
=====================================*/

#confirmation_wrapper.twoColumn_wrapper{
   width:1000px;
}
.twoColumn_wrapper .first_col,
.twoColumn_wrapper .second_col{
   width:500px;
   float:left;
}
.twoColumn_wrapper h2.form_header{
   margin-top:0;
}
.twoColumn_wrapper .section_block{
   width:500px;
}
.twoColumn_wrapper .field_block{
   width:500px;
   clear:both;
   padding-top:5px;
}
.twoColumn_wrapper .section_block .left_interior{
   width:200px;
   float:left;
   min-height:20px;
}
.twoColumn_wrapper .section_block .right_interior{
   width:280px;
   float:left;
   min-height:20px;
   font-weight:bold;
   font-size:12px;
}

.twoColumn_wrapper select{
   width:270px;
}

.twoColumn_wrapper .date select{
   width:88px;
}

.twoColumn_wrapper input{
   width:265px;
}

/* END Contract Form 2 column for confirmation Format
=====================================*/


/*=====================================
  contract confirmation
=====================================*/

#confirmation_wrapper{
  width:1000px;
   margin:0 auto;
}
#confirmation_wrapper h2{
   margin-top:10px;   
   clear:both;
   padding:6px;
   background:#767676;
   font-size:16px;
   color:white;
}
#confirmation_wrapper div{
}
#confirmation_wrapper p{
  margin-bottom:0px;
}
#confirmation_wrapper p.thank_you{
  font-weight:bold;
   font-size:20px;
}
#confirmation_wrapper div strong{
  font-size:12px;
}
/*=====================================
  contract confirmation end
=====================================*/
/* Social for Masthead */

ul.social{
    height: 40px;
    left: 310px;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    top: 70px;
    margin-left:0;
}
ul.social li{
   float: left;
    height: 30px;
    margin: 0 10px 0 0;
    width: 32px;
}
ul.social li a{
   display: block;
   font-size: 0;
   height: 30px;
   width: 32px;   
}
.listing_title{
	float:left;	
	width:200px;
	padding-top:30px;
}

	.listing_title a{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#9b201c;
		font-size:22px;
		text-transform:uppercase;
		text-decoration:none;
	}

.unionlisting{
	float:left;	
	width:400px;
	padding-top:30px;
}

.state_graphic{
	float: left;
    overflow: visible;
    text-align: center;
    width: 140px;
}

.unionlisting{
	float:left;	
}

.unionlisting_city{
	width:600px;
}

.unionlisting_state{
	width:300px;
}

.union_logo{
	float: right;
	height: 102px;
	position: relative;
	text-align: center;
	width: 160px;
}

h2.union_title{
	font-weight:normal;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9b201c;
	font-size:22px;	
	width:480px;
	float:left;
}

.local{
	width:200px;
	float:left;	
}

.unionlisting .city{
	font-family:"Times New Roman", Times, serif;	
}

.red_circle{
	float:left;
	background:url('../images/red_circle.png') no-repeat;
	width:25px;
	height:22px;
	display:block;
	padding-top:3px;
	color:white;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	margin-right:20px;
}

.browse_vendor_wrapper{
	background:url('../images/browse_vendor.png') no-repeat;
	height: 74px;
    padding: 16px 0 0 22px;
    width: 293px;	
}

.browse_vendor_wrapper select{
	background:url(../images/input_select.png) no-repeat;
	border:none;
	width:268px;
	height:32px;
	padding:6px;
	font-size:16px;
}

.browse_vendor_wrapper select option{
	background:white;
	font-size:16px;
}

#categories input.submit{
	background:url('../images/search-button3.png') no-repeat;
	text-indent:-9999px;
	display:block;
    width:174px;
	height:45px;
	border:none;
	cursor:pointer;
    margin-left: 200px;
    margin-top: 10px;
}
/* UNION POLL
=====================================*/

#unionPoll{
	width:225px;
	overflow:visible;
}

#unionPoll .box h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 14px 10px;
}

#unionPoll ul {
	margin: 0 0 0 40px;
}

input#poll {
	margin-left:120px;
	border:none;
	background:url('../images/vote.png') no-repeat;
	display:block;
	font-size:0;
	text-indent:-9999px;
	width:116px;
	height:42px;
	cursor:pointer;
}
#poll table{
	width: 256px; 
	margin-left: 6px; 
	font-size:14px
}
/* Alphabetical Nav for Listings
=====================================*/

ul.listing_nav{
	list-style:none;
	margin:0;
}
ul.listing_nav li{
	float:left;
	margin:0 60px 0 0;
}
ul.listing_nav a,
ul.listing_nav a:visited,
ul.listing_nav a:active{
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	color:#444444;
}

ul.listing_nav a.active{
	color:#378ba9;
}