/*(AUTHOR: Jeff Cormier, http://www.pinpointwebdesign.com, contact@pinpointwebdesign.com)*/
/*(WEBSITE: http://www.teamsters59.org)*/

/*----------------------------------------------------------------------------------------------------(START BODY)*/
body
{
background: url(images/background2.gif) repeat-x top left #B8CAD9;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
text-align: center;
vertical-align: top;
font-family: trebuchet, arial, verdana, sans-serif;
font-style: normal;
font-weight: normal;
font-size: x-small; /*Internet Explorer Browser*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: medium; /*Standards-Compliant Browsers*/
}

html>body
{
font-size: medium; /*Opera Browser*/
}

p
{
line-height: 11pt;
font-size: 80%;
}

p.clear_both
{
line-height: 11pt;
font-size: 80%;
clear: both;
}


hr
{
color: #909FAC;
height: 1px;
}

span.bold
{
line-height: 11pt;
font-weight: bold;
}

span.italic
{
line-height: 11pt;
font-style: italic;
}

span.underline
{
line-height: 11pt;
text-decoration: underline;
}

span.small
{
line-height: 11pt;
font-size: 75%;
}

span.navy
{
color: #3F4B8F;
}

a:link, a:active, a:visited, a:focus
{
color: #000000;
line-height: 11pt;
text-decoration: underline;
}

a:hover
{
color: #68737C;
line-height: 11pt;
text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------(END BODY)*/

/*----------------------------------------------------------------------------------------------------(START CONTAINER)*/
#container
{
width: 780px;
background: none;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px auto 0px auto;
text-align: center;
}
/*----------------------------------------------------------------------------------------------------(END CONTAINER)*/

/*----------------------------------------------------------------------------------------------------(START MAINBAN)*/
#mainban
{
width: 780px;
height: 108px;
clear: both;
background: url(images/mainban.gif) center no-repeat;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
}

#date
{
font-size: 70%;
font-weight: bold;
position: relative;
left: 300px;
padding: 3px 25px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px; 
}
/*----------------------------------------------------------------------------------------------------(END MAINBAN)*/

/*----------------------------------------------------------------------------------------------------(START MAINPAGE)*/
#mainpage_home
{
width: 780px;
min-height: 685px;
height: auto !important;
height: 485px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_contact
{
width: 780px;
min-height: 735px;
height: auto !important;
height: 705px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_about
{
width: 780px;
min-height: 425px;
height: auto !important;
height: 425px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_agents
{
width: 780px;
min-height: 2260px;
height: auto !important;
height: 2260px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_join
{
width: 780px;
min-height: 2050px;
height: auto !important;
height: 1990px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_bulletin
{
width: 780px;
min-height: 3070px;
height: auto !important;
height: 2400px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_meetings
{
width: 780px;
min-height: 250px;
height: auto !important;
height: 2400px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_sale
{
width: 780px;
min-height: 2395px;
height: auto !important;
height: 2395px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_related
{
width: 780px;
min-height: 2480px;
height: auto !important;
height: 2480px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

#mainpage_response
{
width: 780px;
min-height: 250px;
height: auto !important;
height: 250px;
clear: both;
background: url(images/mainpage.gif) center repeat-y;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: top;
}
/*----------------------------------------------------------------------------------------------------(END MAINPAGE)*/

/*----------------------------------------------------------------------------------------------------(START NAVIGATION)*/
#navigation
{
width: 151px;
height: auto;
float: left;
background: none;
padding: 0px 1px 0px 5px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

#nav
{
width: 145px;
height: auto;
background: url(images/navbg.gif) center repeat-y;
list-style-type: none;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
font-size: 90%;
}

#nav li
{
width: 135px;
height: 20px;
padding: 0px 0px 0px 0px;
border-top: 0px solid #909FAC;
border-bottom: 0px solid #909FAC;
margin: 0px 0px 10px 0px;
font-size: 90%;
}

#nav a:link, #nav a:active, #nav a:visited, #nav a:focus
{
width: 135px;
height: 17px;
display: block;
background: url(images/nav_off.gif) center repeat-x;
padding: 3px 0px 0px 10px;
border-top: 1px solid #909FAC;
border-bottom: 1px solid #909FAC;
margin: 10px 0px 0px 0px;
color: #1E297E;
text-decoration: none;
font-style: normal;
font-size: 90%;
}

#nav a:hover
{
width: 135px;
height: 17px;
display: block;
background: url(images/nav_on.gif) center repeat-x;
padding: 3px 0px 0px 10px;
border-top: 1px solid #909FAC;
border-bottom: 1px solid #909FAC;
margin: 10px 0px 0px 0px;
color: #F5F8FA;
text-decoration: none;
font-style: normal;
font-size: 90%;
}

#nav #activenav
{
width: 135px;
height: 19px;
display: block;
background: url(images/nav_active.gif) center repeat-x;
padding: 1px 0px 0px 10px;
border-top: 1px solid #909FAC;
border-bottom: 1px solid #909FAC;
margin: 10px 0px 0px 0px;
color: #1E297E;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: 90%;
}
/*----------------------------------------------------------------------------------------------------(END NAVIGATION)*/

/*----------------------------------------------------------------------------------------------------(START CONTENT)*/
#content
{
width: 602px;
height: auto;
float: right;
position: relative;
left: -5px;
background: none;
padding: 10px 10px 10px 10px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

#content h1
{
background: none;
padding: 6px 0px 0px 0px;
border-top: 2px solid #bac6d2;
margin: 0px 0px 0px 0px;
font-size: 100%;
color: #bb0000;
font-style: oblique;
text-align: right;
vertical-align: top;
}

p.nav
{
text-align: center;
line-height: 15pt;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 10px 0px;
font-size: 100%;
color: #8B2105;
font-weight: bold;
font-style: italic;
text-decoration: underline;
}

img.buy_union
{
width: 130px;
height: 92px;
padding: 0;
border: 1px solid #000000;
margin: 10px 0px 10px 7px;
}

#return_to_top
{
background: none;
clear: both;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #263182;
font-style: normal;
text-align: left;
vertical-align: middle;
}

#return_to_top a:link, #return_to_top a:active, #return_to_top a:visited, #return_to_top a:focus
{
color: #263182;
font-size: 70%;
text-decoration: underline;
}

#return_to_top a:hover
{
color: #68737C;
font-size: 70%;
text-decoration: underline;
}

/*-------------------------(START HOMEPAGE)*/
img.vote_teamsters
{
width: 130px;
height: 130px;
padding: 0px 0px 0px 0px;
border: 1px solid #000000;
margin: 10px 0px 10px 7px;
}

span.home
{
font-size: 105%;
color: #3F4B8F;
font-weight: bold;
text-align: center;
font-style: italic; 
text-decoration: underline;
}

img.building
{
float: right;
width: 290px;
height: 220px;
padding: 0px 0px 0px 0px;
border: 1px solid #000000;
margin: 0px 0px 10px 15px;
}

img.waterfront
{
float: left;
width: 300px;
height: 200px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 0px 0px 30px 15px;
display: inline;
}

img.ccbridge
{
float: right;
width: 225px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 25px 15px 0px 0px;
}
/*-------------------------(END HOMEPAGE)*/

/*-------------------------(START CONTACT INFORMATION)*/
#contact_left
{
float: left;
padding: 15px 0px 0px 0px;
}

#contact_right
{
float: right;
padding: 15px 0px 0px 0px;
}

#map_directions
{
height: 15px;
background: #CDD7DF;
clear: both;
padding: 5px 10px 5px 10px;
border: 1px solid #909FAC;
margin: 10px auto 0px auto;
font-size: 70%;
color: #263182;
font-style: normal;
text-align: center;
font-weight: bold;
vertical-align: middle;
}
/*-------------------------(END CONTACT INFORMATION)*/

/*-------------------------(START ABOUT LU 59)*/
#about_link
{
background: #CDD7DF;
padding: 5px 10px 5px 10px;
border: 1px solid #909FAC;
margin: 10px auto 10px auto;
font-size: 70%;
color: #263182;
font-style: normal;
text-align: center;
font-weight: bold;
vertical-align: middle;
}
/*-------------------------(END ABOUT LU 59)*/

/*-------------------------(START AGENTS/OFFICERS)*/
img.exec_board
{
width: 500px;
height: 340px;
padding: 1px;
border: 1px solid #000000;
margin: 8px 5px 5px 42px;
}

span.agent_bold
{
font-size: 110%;
line-height: 11pt;
font-weight: bold;
}

span.agent_italic
{
font-size: 110%;
line-height: 11pt;
font-style: italic;
}

ul.agent
{
list-style-type: none;
background: #CDD7DF;
padding: 2px 2px 2px 2px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
margin: 0px 50px 0px 50px;
font-size: 70%;
font-weight: bold;
}

li.agent
{
list-style-type: none;
padding: 2px 2px 2px 2px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
}
/*-------------------------(END AGENTS/OFFICERS)*/

/*-------------------------(START JOIN US)*/
#join_teamsters
{
background-color: #CDD7DF;
width: 570px;
height: 255px;
padding: 10px 10px 10px 10px;
border: 0px solid #000000;
margin: 20px auto 0px auto;
text-align: left;
}

img.join_teamsters
{
width: 130px;
height: 160px;
padding: 2px 2px 2px 2px;
border: 1px solid #1C2464;
margin: 0px 0px 0px 0px;
float: right;
}

span.join_title
{
font-size: 150%;
color: #1C2464;
font-weight: bold;
text-decoration: underline;
}

ul.join_left
{
float: left;
list-style-type: none;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 10px 50px;
font-size: 75%;
font-weight: bold;
display: inline;
}

ul.join_right
{
float: right;
list-style-type: none;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 50px 10px 0px;
font-size: 75%;
font-weight: bold;
display: inline;
}

ul.join
{
list-style-type: none;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 10px 65px;
font-size: 75%;
font-weight: bold;
}

p.join
{
text-align: center;
font-size: 80%;
text-decoration: underline;
font-weight: bold;
}

span.form
{
font-size: 70%;
font-weight: bold;
}
/*-------------------------(END JOIN US)*/

/*-------------------------(START BULLETIN BOARD)*/
#bulletin_board
{
width: 450px;
height: 355px;
background: url(images/bulletin_board.gif) no-repeat center;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 25px auto 80px auto;
}

#bulletin
{
width: 375px;
height: 205px;
background: url(images/bulletin_board.gif) no-repeat center;
padding: 75px 25px 75px 50px;
border: 0px solid #ffffff;
margin: 0px auto 0px auto;
color: #3F4B8F;
}

p.bulletin_board
{
line-height: 3pt;
}

#bulletin a:link, #bulletin a:active, #bulletin a:visited, #bulletin a:focus
{
color: #263182;
font-size: 115%;
line-height: 10pt;
text-decoration: underline;
}

#bulletin a:hover
{
color: #68737C;
font-size: 115%;
line-height: 10pt;
text-decoration: underline;
}

span.bulletin_bold
{
line-height: 15pt;
font-size: 115%;
color: #1E297E;
text-decoration: underline;
font-weight: bold;
}

ul.bulletin_left
{
float: left;
list-style-type: none;
background-color: #CDD7DF;
padding: 5px 10px 5px 0px;
border: 1px solid #A6B4BF;
margin: 0px auto 0px 80px;
font-size: 75%;
display: inline;
font-weight: bold;
}

ul.bulletin_right
{
float: right;
list-style-type: none;
background-color: #CDD7DF;
padding: 5px 10px 5px 0px;
border: 1px solid #A6B4BF;
margin: 0px 100px 0px auto;
font-size: 75%;
display: inline;
font-weight: bold;
}

ul.bulletin
{
list-style-type: none;
background-color: #CDD7DF;
padding: 5px 10px 5px 10px;
border: 1px solid #A6B4BF;
margin: 0px auto 0px auto;
font-size: 75%;
font-weight: bold;
}

span.bulletin
{
font-weight: normal;
}

p.bulletin
{
clear: both;
text-align: center;
font-size: 75%;
font-style: oblique;
text-decoration: underline;
}

dl.bulletin
{
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 10px 0px 20px 0px;
}

dt.bulletin
{
font-size: 80%;
font-weight: bold;
padding: 0px 0px 0px 0px;
border: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

dd.bulletin
{
font-size: 80%;
background-color: #CDD7DF;
padding: 2px 5px 2px 5px;
border: 1px solid #A6B4BF;
margin: 0px 0px 0px 20px;
}

#monthly_meetings
{
height: 15px;
background: #CDD7DF;
clear: both;
padding: 5px 10px 5px 10px;
border: 1px solid #909FAC;
margin: 10px auto 0px auto;
font-size: 70%;
color: #263182;
font-style: normal;
text-align: center;
font-weight: bold;
vertical-align: middle;
}

div.golf
{
width: 560px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px auto 10px auto;
text-align: center;
clear: both;
}

div.golf2
{
float: left;
padding: 2px 4px 2px 4px;
border-right: 0px solid #000000;
}

div.golf3
{
float: right;
padding: 2px 4px 2px 4px;
border-right: 0px solid #000000;
text-align: left;
}
/*-------------------------(END BULLETIN BOARD)*/

/*-------------------------(START MEETINGS)*/
img.meeting1
{
width: 125px;
height: 85px;
padding: 2px 2px 2px 2px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.meeting2
{
width: 125px;
height: 85px;
padding: 2px 2px 2px 2px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.meeting3
{
width: 125px;
height: 85px;
padding: 2px 2px 2px 2px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.meeting4
{
width: 125px;
height: 85px;
padding: 2px 2px 2px 2px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}
/*-------------------------(END MEETINGS)*/

/*-------------------------(START ITEMS ON SALE)*/
ul.sale
{
height: 210px;
list-style-type: none;
padding: 2px 2px 2px 2px;
border: 1px solid #909FAC;
margin: 10px auto 10px auto;
font-weight: bold;
}


li.sale
{
height: 20px;
background: #A6B4BF;
list-style-type: none;
padding: 2px 2px 2px 5px;
border-bottom: 1px solid #F0F4F7;
margin: 0px 0px 0px 0px;
color: #3F4B8F;
font-size: 75%;
}

li.desrciption
{
height: 20px;
background: #909FAC;
list-style-type: none;
padding: 0px 0px 0px 15px;
border-bottom: 0px solid #F0F4F7;
margin: 0px 0px 0px 0px;
color: #F1F5F7;
font-size: 70%;
}

li.image
{
height: 160px;
background: #CDD7DF;
list-style-type: none;
padding: 2px 2px 2px 5px;
border-top: 1px solid #F0F4F7;
margin: 0px 0px 0px 0px;
}

a.sale_image:link, a.sale_image:active, a.sale_image:visited, a.sale_image:focus, a.sale_image:hover
{
border: none;
background: none;
} 

img.hat
{
width: 150px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.sweatshirt
{
width: 200px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.teeshirt
{
width: 200px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.jacket
{
width: 200px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.watch
{
width: 123px;
height: 152px;
padding: 1px;
border: 1px solid #000000;
margin: 5px 5px 15px 10px;
}

img.keychain
{
width: 110px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.pin
{
width: 150px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.yearpin
{
width: 150px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.lpholder
{
width: 250px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}

img.decals
{
width: 175px;
height: 150px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
margin: 5px 5px 5px 10px;
}
/*-------------------------(END ITEMS ON SALE)*/

/*-------------------------(START RELATED WEBSITES)*/

a.related:link, a.related:active, a.related:visited
{
font-size: 100%;
color: #000000;
padding: 2px 2px 2px 2px;
border: 0px solid #909FAC;
margin: 0px 0px 0px 0px;
}

a.related:hover
{
font-size: 100%;
color: #909FAC;
padding: 2px 2px 2px 2px;
border: 0px solid #909FAC;
margin: 0px 0px 0px 0px;
}

p.center
{
text-align: center;
}

img.teamster
{
float: right;
width: 120px;
height: 150px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 1px 40px 15px 40px;
}

img.jc10
{
float: right;
width: 225px;
height: 100px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 1px 40px 15px 40px;
}


img.bcbs
{
float: right;
width: 390px;
height: 65px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 20px 10px 10px 10px;
}


img.nnebt
{
float: right;
width: 225px;
height: 106px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 10px 10px 10px 10px;
}

img.nettipf
{
float: right;
width: 160px;
height: 100px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 10px 10px 10px 10px;
}

img.netfcu
{
float: right;
width: 250px;
height: 185px;
padding: 1px;
border: 1px solid #909FAC;
margin: 50px 50px 10px 10px;
}

img.teamster_vacations
{
float: right;
width: 215px;
height: 60px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 10px 10px 10px 10px;
}

img.cigna
{
float: right;
width: 140px;
height: 151px;
padding: 1px;
border: 1px solid #3F4B8F;
margin: 10px 10px 10px 10px;
}

span.usdol
{
font-size: 200%;
font-weight: bold;
color: #1E297E;
}

span.ctw
{
font-size: 200%;
font-weight: bold;
color: #8B2105;
}

span.lra
{
font-size: 200%;
font-weight: bold;
color: #8B2105;
}
/*-------------------------(END RELATED WEBSITES)*/
/*----------------------------------------------------------------------------------------------------(END CONTENT)*/

/*----------------------------------------------------------------------------------------------------(START FOOTER)*/
#footer
{
width: 780px;
height: 25px;
clear: both;
background: url(images/footer.gif) center no-repeat;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 70%;
}

#footer_left
{
float: left;
padding: 5px 0px 0px 25px;
text-align: left;
}

#footer_middle
{
float: left;
padding: 5px 0px 0px 70px;
text-align: center;
}

#footer_right
{
float: right;
padding: 5px 25px 0px 0px;
text-align: right;
}
/*----------------------------------------------------------------------------------------------------(END FOOTER)*/

ol
{
font-size: 80%;
font-family: trebuchet, arial, verdana, sans-serif;
}

ol li
{
margin: 0 0 6px 0;
}

p.dlprint
{
width: 300px;
border: 2px solid #bb0000;
padding: 4px 0 4px 4px;
}

ul.golf li	{font-size: 90%;
		font-family; arial, verdana, sans-serif;
}

td {font-size: 90%;
		font-family; arial, verdana, sans-serif;
}

td p {font-size: 85%;
		font-family; arial, verdana, sans-serif;
}

h3 		{font-size: 100%;
		font-family; arial, verdana, sans-serif;
		font-weight: bold;
		margin: 2px;
}

span.sm		{font-size: 90%;}