/* --------------------------------------------------------------------------------

Title:   Teamsters JC 32 
Author:   ASI Communications, Email: info@a-s-i.com, Web site: http://www.a-s-i.com

----------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	background: #F4C02B url(../images/bg1.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
}


img
{  border-style: none;
}



h1 {
    font-size: 18px;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2d3590;
    padding: 0;
    margin: 0;
}


h2 {
    font-size: 12px;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2d3590;
    padding: 0;
    margin: 0;
}

h3 {
    font-size: 10px;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2d3590;
    padding: 0;
    margin: 0 0 0 11px;
}

h4 {
    font-size: 11px;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2d3590;
    padding: 0;
    margin: 0 0 5px 0;
}



h5 {
    font-size: 10px;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    padding: 0;
    margin: 0;
}

h6 {
    font-size: 11px;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2d3590;
    padding: 0;
    margin: 0 0 5px 0;
}

h6 a {
	color: #2d3590;
	text-decoration: underline;
}
h6 a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2d3590;
}

.announcement {
	font-size: 11px;
	font-weight:bold;
	color: #bd0e0e;
	background-color: #fff;
	text-align:center;
	}
	
.announcement a {
	color: #2d3590;
	text-decoration: underline;
}	


p {
	font-size: 11px;
	line-height: 160%;
	text-align: left;
	color: #2c2c2c;
	padding: 0px 0px;
	margin: 0 0 10px 0 ;
}

p a {
	color: #2c2c2c;
	text-decoration: underline;
}
p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2d3590;
}

.red1
{color: #FF0000
}

.bolder {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 0;
}

img.floatLeft { 
    float: left; 
    margin: 0 10px 0 0; 
}
img.floatRight { 
    float: right; 
    margin: 4px 0 25px 0; 
}

.right_top_content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 20px 0 0;
	text-align: left;
}

.right_top_content p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 25px 0px;
	color: #FFF;
	text-decoration: none;
	background-color: #4f452d;

}
.right_top_content p a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: #d36403;
}

.left_content_interior label {
	font-size: 12px;
	color: #2c2c2c;
	font-weight: bold;
}


/* -----------------------------------------------------------------------------------
	top and structure 
----------------------------------------------------------------------------------- */

.wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0px 0px;
	/*background: url(../g/bg.jpg) repeat-x;*/
}



.top_head {
	text-align: left;
	height: 99px;
	width: 900px;
	padding: 0;
	margin: 0;
}

.header {
	height: 168px;
	width: 900px;
	padding: 0;
	margin: 0;
	float: left;
	
}

.Map {
	 
	padding: 0;
	margin: 0;
}	

/* -----------------------------------------------------------------------------------
	menu
----------------------------------------------------------------------------------- */

#menu {
	float: left;
	margin: 0 auto;
	padding: 0 auto;
	width: 900px;
	height: 49px;
}
#menu ul {
	background: transparent url(../images/header-menu.gif) no-repeat 0px 0px;
	text-align: center;
	width: 900px; height: 49px;
	position: relative;
	top: 0px; right: 0px;
	list-style-type: none;
	float: left;
	z-index: 400;
}
#menu ul a {
	display: block;
	text-decoration: none;
	position: relative;
	margin: 0 1px 0 0;
}
#menu ul a:hover {
	text-decoration: none;
}
#menu ul li {
	float: left;
	text-indent: -9999px;
	position: relative;
}
#menu ul li ul {
	background-image: none;
	list-style: none;
	position: absolute;
	top: 48px; 
	left: 0;
	display: none;
	width: 152px;
	border-top: 1px solid #f5bf29;
}

#menu ul ul ul{
	top: -1px;
	left: 150px;

}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul {
	display: none;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul {
	display: block;
}

#menu ul li ul li {
	width: 150px;
	border-bottom:  1px solid #f5bf29;
	border-left:  1px solid #f5bf29;
	border-right: 1px solid #f5bf29;
	text-indent: 0;
	display: block;
}
#menu ul li ul li.text a {
	font-size: 11px;
	color: #FFF;
	position: relative;
	top: 0; left: 0;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	width: 140px;
	height: auto;
	background-image: none;
	background-color: #3945ab;
	display: block;
	margin: 0;
}
#menu ul li ul li.text a:hover {
	color: #f5bf29;
	text-decoration: none;
	background-image: none;
	background-color: #6375ff;
	display:block;
}

ul li#menu1 a  { width: 131px; height: 49px; }
ul li#menu2 a  { width: 106px; height: 49px; }
ul li#menu3 a  { width: 106px; height: 49px; }
ul li#menu4 a  { width: 106px; height: 49px; }
ul li#menu5 a  { width: 106px; height: 49px; }
ul li#menu6 a  { width: 106px; height: 49px; }
ul li#menu7 a  { width: 106px; height: 49px; }
ul li#menu8 a  { width: 120px; height: 49px; }



ul li#menu1 a:hover  { background: transparent url(../images/header-menu.gif) 0px -49px no-repeat; }
ul li#menu2 a:hover  { background: transparent url(../images/header-menu.gif) -132px -49px no-repeat; }
ul li#menu3 a:hover  { background: transparent url(../images/header-menu.gif) -239px -49px no-repeat; }
ul li#menu4 a:hover  { background: transparent url(../images/header-menu.gif) -346px -49px no-repeat; }
ul li#menu5 a:hover  { background: transparent url(../images/header-menu.gif) -453px -49px no-repeat; }
ul li#menu6 a:hover  { background: transparent url(../images/header-menu.gif) -560px -49px no-repeat; }
ul li#menu7 a:hover  { background: transparent url(../images/header-menu.gif) -667px -49px no-repeat; }
ul li#menu8 a:hover  { background: transparent url(../images/header-menu.gif) -774px -49px no-repeat; }


#aboutUsPage ul li#menu2    	{ background: transparent url(../images/header-menu.gif) -132px -49px no-repeat; }
#organizePage ul li#menu3  	    { background: transparent url(../images/header-menu.gif) -239px -49px no-repeat; }
#drivePage ul li#menu4      	{ background: transparent url(../images/header-menu.gif) -346px -49px no-repeat; }
#legislativePage ul li#menu5	{ background: transparent url(../images/header-menu.gif) -453px -49px no-repeat; }
#servicesPage ul li#menu6   	{ background: transparent url(../images/header-menu.gif) -560px -49px no-repeat; }
#faqPage ul li#menu7        	{ background: transparent url(../images/header-menu.gif) -667px -49px no-repeat; }
#contactUsPage ul li#menu8  	{ background: transparent url(../images/header-menu.gif) -774px -49px no-repeat; }



/* -----------------------------------------------------------------------------------
	BUTTONS
----------------------------------------------------------------------------------- */


/* Locals */

.locals {
	float: left;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/btn_locals_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 112px;
	height: 35px;
	margin: 0 10px 0 0px;
	padding: 0;
}

.locals a {
	font-size: 11px;
	width: 112px;
	height: 35px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.locals img {
	width: 112px;
	height: 35px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.locals a:hover img {
	visibility:hidden
}

.locals span {
	visibility:hidden;
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/* Executive */

.executive {
	float: left;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/btn_executive_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 112px;
	height: 35px;
	margin: 0 10px 0 0;
	padding: 0;
}

.executive a {
	font-size: 11px;
	width: 112px;
	height: 35px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.executive img {
	width: 112px;
	height: 35px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.executive a:hover img {
	visibility:hidden
}

.executive span {
	visibility:hidden;
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/* Staff */

.staff {
	float: left;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/btn_staff_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 112px;
	height: 35px;
	margin: 0 0 0 0;
	padding: 0;
}

.staff a {
	font-size: 11px;
	width: 112px;
	height: 35px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.staff img {
	width: 112px;
	height: 35px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.staff a:hover img {
	visibility:hidden
}

.staff span {
	visibility:hidden;
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/* -----------------------------------------------------------------------------------
	content
----------------------------------------------------------------------------------- */
.main_bg{
	background: url(../images/bg6.jpg) no-repeat top center;
	width: 900px;
	height: 368px;
	margin: 0 auto;
	clear: both;
}
.dropshadow{
	background: url(../images/bg8.jpg) repeat-y;
	width: 900px;
	height: 30px;
	margin: 0 auto;
	clear: both;
}
.main_interior{
	background: url(../images/bg2.jpg) repeat-y;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;
}


.clearone {
	clear:both;
	height: 1;
	}


* html .main_bg{
	height: auto;
}
.left_content{
	float: left;
	width: 550px;
	height: auto !important;
	height: 100%;
	margin: 25px 50px 0 50px; 
	display: inline;
}


/* LEFT */

#left {
	float: left;
	background-color: #DDD;
	margin: 15px 63px 20px 20px; padding: 0;
	width: 327px;
	text-align: left;
}
/*#left h1 {
	padding: 11px 0 10px 5px;
}
*/



/* RIGHT COLUMN */

#right {
	float: right;
	width: 367px;
	position: relative; left: 0px;
	margin: 45px 63px 10px 0px; padding: 0;
	text-align: left;
	background: #faf0cb url(../images/leftside.gif) repeat-y left top;
}
/*#right h1 {
	padding: 11px 0 10px 5px;
}
#right h2 {
	background-color: #FFF;
	margin: 0; padding: 15px;
}
 */
#right ul {
	list-style: circle;
	background-color: #FFF;
	margin: 0; padding: 0 15px;
} 
#right ul li {
	padding-bottom: 5px;
	margin-left: 33px;
}
.topannounce {
	width: 100%;
	height: 47px;
	background-color: #FFF;
	text-align:center;
}


.top {
	width: 100%;
	height: 10px;
	background: url(../images/top.gif) no-repeat left top;
}
.top span {
	display: block;
	position: relative;
	height: 10px;
	background: url(../images/top-right.gif) no-repeat right top;
}
.center-content {
	position: static;
	background: url(../images/rightside.gif) repeat-y right top;
	margin: 0; padding: 1px 12px 15px 0px;
}
.bottom {
	width: 100%; height: 10px;
	background: url(../images/bottom.gif) no-repeat left bottom;
}
.bottom span {
	display: block;
	position: relative;
	height: 10px;
	background: url(../images/bottom-right.gif) no-repeat right top;
}

#right ul {
	list-style: circle;
	background-color: #FFF;
	margin: 0; 
	padding: 0px;
} 
#right ul li {
	padding-bottom: 5px;
	margin-left: 12px;
}
#tri-menu .subtitle {
	color: #ba9321;
	font-size: 10px;
	font-weight: bold;
	margin: 0; 

}
#tri-menu {
	height: 262px;
}
	

#tri-menu p {
	color: #3a3a3a;
	font-size: 10px;
	margin: 0 0 0 13px; 
	padding: 0;

}
#tri-menu p img {
	margin: 0 13px 0 0; 
	padding: 0;
}


#right #tri-menu p, #right #tri-menu p {
	margin: 0 0 0px 0px; 
}
#right p, #left p {
	background-color: #faf0cb;
	margin: 0; padding: 11px;
}
#right span.note {
	color: #BE0000;
}



/* -----------------------------------------------------------------------------------
	LOCAL UNIONS
	
----------------------------------------------------------------------------------- */
.union_top {
	float: left;
	background-color: #FFF;
	margin: 25px 62px 15px 62px; 
	padding: 0;
	width: 758px;
	text-align: left;
}

.union_top p {
	font-size: 11px;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 0;
}

.union_left {
	float: left;
	background-color: #FFF;
	margin: 0px 20px 20px 62px; 
	padding: 0;
	width: 111px;
	text-align: left;
}


.union_center {
	float: left;
	background-color: #FFF;
	margin: 0px 20px 20px 0px; 
	padding: 0;
	width: 430px;
	text-align: left;
}

.drive_center {
	float: left;
	background-color: #FFF;
	margin: 0px 20px 20px 62px; 
	padding: 0;
	width: 560px;
	text-align: left;
}

.float_pic {
	float: left;
	background-color: #FFF;
	margin: 0px 13px 0 0; 
	padding: 0;
	width: 128px;
	height: 600px;
	text-align: left;
}

.float_pic1 {
	float: left;
	background-color: #FFF;
	margin: 0px 13px 0 0; 
	padding: 0;
	width: 128px;
	height: 500px;
	text-align: left;
}

.float_pic p {
	font-size: 10px;
	line-height: 120%;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 5px 0 10px 0 ;
}



#union_center ul {
	
	text-align: left;
	color: #2c2c2c;
	padding: 0px 0px;
	margin: 0; 
	padding: 0px;
} 
#union_center li {
	font-size: 11px;
	color: #2c2c2c;
	list-style-type: square; 
	padding-bottom: 5px;
	margin-left: 25px;
}


.union_center p {
	font-size: 11px;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 0 0 10px 0 ;
}

.union_right {
	float: left;
	background-color: #FFF;
	margin: 0px 25px 20px 0px; 
	padding: 0;
	width: 225px;
	text-align: left;
}


/* -----------------------------------------------------------------------------------
	EXECUTIVE BOARD
	
----------------------------------------------------------------------------------- */




 
 .ex_board {
	float: left;
	position: static;
	background-color: #FFF;
	margin: 25px 62px 20px 62px; 
	padding: 0;
	width: 768px;
	text-align: left;
}



img.floatLeft { 
    float: left; 
    margin: 0 13px 0 0; 
}

.ex_left {
	float: left;
	background-color: #FFF;
	margin: 0 20px 0 0; 
	padding: 0;
	width: 235px;
	text-align: left;
}

.ex_left p {
	font-size: 10px;
	line-height: 125%;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 20px 0 50px 0;
}


.ex_center {
	float: left;
	background-color: #FFF;
	margin: 0 20px 0 0; 
	padding: 0;
	width: 235px;
	text-align: left;
}


.ex_center p {
	font-size: 10px;
	line-height: 125%;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 20px 0 0px 0;
}

.ex_board span {
	font-size: 9px;
	line-height: 115%;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 25px 0 0 0 ;
}

.ex_right {
	float: left;
	background-color: #FFF;
	margin: 0 10px 0 0; 
	padding: 0;
	width: 235px;
	text-align: left;
}

.ex_right p {
	font-size: 10px;
	line-height: 125%;
	text-align: left;
	color: #2c2c2c;
	padding: 0;
	margin: 20px 0 40px 0;
}

/* -----------------------------------------------------------------------------------
	TABLE
	
----------------------------------------------------------------------------------- */

table {
  border-collapse: collapse;
  border: none;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-color: #383838;
  background: #fdf8e8;
  }

tr {
  border: 1px solid #FFF;
  padding: .3em;
  }
  
td {
  width: 120px;
  border: none;
  padding: 10px;
  
  }
thead th, tfoot th {
  border: 1px solid #cc9;
  text-align: left;
  font-size: 10;
  font-weight: bold;
  color: #444;
  background: #dbd9c0;
  }
  
table a {
	color: #2c2c2c;
	text-decoration: underline;
}
table a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2d3590;
}

table.calendar td.date {width:100px;}
table.calendar td.time {width:100px;}
table.calendar td.description {width:400px;}

/* tbody td a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  border-bottom: 1px dotted #cc9;
  }
tbody td a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
tbody th a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #cc9;
  }
tbody th a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
 */
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #996;
  }
.odd {
  color: #383838;
  background: #faf0cb;
  border-collapse: collapse;
  border: none;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-color: #383838;
  }
/* tbody tr:hover {
  color: #333;
  background: #fff;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  color: #333;
  background: #ddd59b;
  }
   */



/* -----------------------------------------------------------------------------------
	content interior
	
----------------------------------------------------------------------------------- */
.right_content_home{
	background: url(../images/right_home.gif) no-repeat top center;
	float: left;
	width: 367px;
	/*height: auto !important;
	height: 100%;*/
	margin: 50px 0px 10px 21px;
	display: inline;
}


.left_content_interior{
	float: left;
	width: 364px;
	/*height: auto !important;
	height: 100%;*/
	margin: 25px 30px 0 65px;
	display: inline;
}

.left_content_interior1 {
	float: left;
	width: 435px;
	/*height: auto !important;
	height: 100%;*/
	margin: 25px 30px 0 65px;
	display: inline;
}

.right_content_interior{
	float: left;
	width: 366px;
	/*height: auto !important;
	height: 100%;*/
	margin: 50px 0px 30px 21px;
	display: inline;
}

/* ------------------------------------------------------------

	READ MORE

------------------------------------------------------------ */

#tri-menu a.read-more, #tri-menu a:link.read-more, #tri-menu a:visited.read-more, #tri-menu a:active.read-more {
	font-size: 10px;
	font-weight: bold;
	float: right;
	text-align: right;
	height: 18px;
	background: url(../images/more-arrow.gif) no-repeat top right;
	margin: 0 0 0 0; padding: 3px 0 0 0;
	color: #2d3590; text-decoration: underline;
}
#tri-menu a:hover.read-more {
	font-size: 10px;
	float: right;
	text-align: right;
	height: 18px;
	background: url(../images/more-arrow.gif) no-repeat top right;
	margin: 0 0 0 0; padding: 3px 0 0 0;
	color: #2d3590; text-decoration: none;
}


/* ------------------------------------------------------------

	FOOTER

------------------------------------------------------------ */

.footer {
	background: url(../images/footer.jpg) no-repeat top center;
	width: 900px;
	height: 32px;
	margin: 0 auto;
	clear: both;
}

.footer p {
	font-size: 10px;
	padding: 35px 0;
	margin: 0;
	text-align: center;
	color: #2d3590;
}

.footer a {
	color: #2d3590;
}

.footer p a:hover {
	color: #fff;
}

/* -----------------------------------------------------------------------------------
	MISC
	
----------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}