body {
	background: #e3e3e3;
	color: #303236;
	font-family: Verdana, sans-serif;
	font-size: 70.5%; /* 10px */
	/*margin: 12px 0 0;*/
	margin: 0;
}

a {
	color: #0066ef;
	outline: none;
	text-decoration: none;
}

a img {
	border: 0;
}

abbr {
	border: none;
}

h3 {
	font-size: 25px;
}

#page_wrap {
	background: #fff;
	margin: 0 auto;
	position: relative;
	width: 1000px;
	top: 0px;
	left: 0px;
}

.clear {
	clear: both;
}



/** Global **/
#content #title {
	background: #001228;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	margin: 0;
	padding: 50px 0 0 27px;
}

#mini-nav {
	color: #10274f;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 34px 0 0 20px;
}

#mini-nav a {
	background: url(../images/arrow-blue.gif) no-repeat center right;
	margin-left: 0px;
	padding-right: 10px;
}

/** Header **/
#header a {
	color: #10274f;
}

#header h1 {
	background: url(../images/32bj-logo.png) no-repeat;
	height: 64px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 394px;
}

#contact-local-union {
	background: url(../images/32bj-seiu-with-arrow.jpg) no-repeat right top;
	color: #581472;
	float: right;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	margin: 0 0 -4px 0;
	padding: 12px 51px 0 0;
	text-transform: uppercase;
}

#main-nav {
	clear: right;
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 6px 0 2px 55px;
}

#main-nav li {
	display: block;
	display: inline; /* IE6 */
	float: left;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	margin: 0 1px;
	position: relative;
	z-index: 1;
}

#main-nav li.last {
	margin: 0 0 0 1px;
}

#main-nav li a {
	background: #e3ebe9;
	display: block;
	text-align: center;
	width: 127px;
}

#main-nav .about {
	width: 143px;
}

#main-nav .health, #main-nav .shortman,
#main-nav .pension, #main-nav .srsp,
#main-nav .legal {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#main-nav .health {
	background: #007bcb;
}

#main-nav .shortman {
	background: #00b627;
}

#main-nav .pension {
	background: #f26649;
	width: 150px;
}

#main-nav .srsp {
	background: #d41146;
	width: 100px;
}

#main-nav .legal-li {
	width: 162px;
}

#main-nav .legal {
	background: #ffbf0f;
	border-top: 4px solid white;
	bottom: 0;
	padding-top: 6px;
	position: absolute;
	width: 162px;
	z-index: 2;
}

#main-nav .contact {
	width: 119px;
}

#banner {
	background: #f3f3f0;
	height: 48px;
	position: relative;
}

#banner h2 {
	background: url(../images/banner-title.png) no-repeat;
	float: left;
	height: 30px;
	margin: 11px 0 0 20px;
	text-indent: -9999px;
	width: 341px;
}

#banner p {
	background: url(../images/banner-contact-bg.png) no-repeat;
	color: #10274f;
	float: right;
	height: 41px;
	line-height: 1.2em;
	margin: 0 128px 0 0;
	padding: 7px 0 0 64px;
	width: 174px;
}

#lang-switch {
	background: url(../images/btn-lang-switcher.gif) no-repeat;
	bottom: 8px;
	display: block;
	height: 28px;
	position: absolute;
	right: 8px;
	text-indent: -9999px;
	width: 117px;
}

.spanish #lang-switch {
	background-position: -117px 0;
}

#lang-switch:hover {
	background-position: 0 -28px;
}

.spanish #lang-switch:hover {
	background-position: -117px -28px;
}

#sub-nav {
	background: url(../images/subnav.png) no-repeat;
	height: 41px;
	list-style: none;
	margin: 0;
	_overflow: hidden; /* IE6 */
	padding: 0 20px 0 4px;
}

body.spanish #sub-nav {
	background: url(../images/subnavspanish.png) no-repeat;
}

#sub-nav li {
	display: block;
	float: left;
}

#sub-nav a {
	display: block;
	height: 41px;
	_height: 29px; /* IE6 */
	padding: 6px;
	position: relative;
	text-indent: -9999px;
	z-index: 1;
}

body.about #sub-nav .about,
body.cases #sub-nav .cases,
body.ask #sub-nav .ask,
body.stories #sub-nav .stories, 
body.find #sub-nav .find,
#sub-nav a:hover {
	background: url(../images/subnav.png) no-repeat;
	_background: url(../images/subnav-8bit.png) no-repeat; /* IE6 */
	height: 54px;
	_height: 42px; /* IE6 */
}

body.about.spanish #sub-nav .about,
body.cases.spanish #sub-nav .cases,
body.ask.spanish #sub-nav .ask,
body.stories.spanish #sub-nav .stories, 
body.find.spanish #sub-nav .find,
body.spanish #sub-nav a:hover {
	background-image: url(../images/subnavspanish.png);
	_background-image: url(../images/subnav-8bitspanish.png); /* IE6 */
}


#sub-nav .home { width: 115px; }
#sub-nav .home:hover { background-position: -4px -41px; }

#sub-nav .about { width: 130px; }
body.about #sub-nav .about, #sub-nav .about:hover { background-position: -131px -41px; }

#sub-nav .cases { width: 130px; }
body.cases #sub-nav .cases, #sub-nav .cases:hover { background-position: -273px -41px; }

#sub-nav .ask { width: 117px; }
body.ask #sub-nav .ask, #sub-nav .ask:hover { background-position: -415px -41px; }

#sub-nav .stories { width: 127px; }
body.stories #sub-nav .stories, #sub-nav .stories:hover { background-position: -544px -41px; }

#sub-nav .find { width: 285px; }
body.find #sub-nav .find, #sub-nav .find:hover { background-position: -683px -41px; }




/** Content **/
#content {
	/*background: #fff;*/
	padding-bottom: 45px;
}
#intro {
	background: url(../images/map-bg.jpg) no-repeat;
	height: 400px;
	position: relative;
}

#intro p.first {
	background: url(../images/intro-text.png) no-repeat;
	height: 141px;
	left: 15px;
	margin: 0;
	position: absolute;
	top: 25px;
	text-indent: -9999px;
	width: 573px;
}

#intro p.second {
	background: url(../images/intro-contact-details.png) no-repeat;
	height: 132px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 175px;
	text-indent: -9999px;
	width: 493px;
}

#intro #video {
	position: absolute;
	right: 0;
	top: 0;
}

.hp-box {
	min-height: 250px;
	padding-left: 113px;
}

.hp-box h3 {
	color: #10274f;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.hp-box p {
	line-height: 16px;
}

.hp-box a {
	background: url(../images/arrow-blue.gif) no-repeat left center;
	display: block;
	margin: 5px 0;
	padding-left: 12px;
}

.hp-box a:hover {
	color: #10274f;
}

#mini-faq {
	background: url(../images/mini-faq-bg.jpg) no-repeat;
	float: left;
	margin: 12px 0 0 26px;
	width: 350px;
}

#mini-benefits {
	background: url(../images/mini-benefits-bg.jpg) no-repeat;
	float: right;
	margin: 12px 26px 0 0;
	width: 300px;
}

#mini-benefits p {
	margin-bottom: 1.5em;
}

/** About - Benefits **/

body.about-benefits #content #title {
	background: url(../images/about-benefits-header-bg.jpg) no-repeat;
}

body.about-benefits #feature {
	float: right;
	padding: 14px;
	width: 383px;
}

body.about-benefits #feature img {
	display: block;
}

body.about-benefits #feature p {
	font-size: 11px;
	margin: 5px 4px;
}

body.about-benefits #mini-nav {
	background: url(../images/icon-team.jpg) no-repeat;
	height: 39px;
	padding-left: 60px;
	margin-top:20px;
	margin-bottom:10px;
}

#about-benefits {
	padding: 0 18px 0 37px;
}

#about-benefits h3 {
	color: #10274F;
	font-size: 14px;
}

#about-benefits h4 {
	background: url(../images/arrows-dk-blue.jpg) no-repeat 0 6px;
	color: #0066ef;
	font-size: 12px;
	padding-left: 22px;
}

#about-benefits h4:hover {
	cursor: pointer;
}

#about-benefits h4.collapsed {
	background-position: 0 -47px;
}

#about-benefits div {
	padding-left: 22px;
}

/** About - Team **/

body.about-team #content #title {
	background: url(../images/about-team-header-bg.jpg) no-repeat;
}

body.about-team #mini-nav {
	background: url(../images/icon-spd.jpg) no-repeat;
	height: 27px;
	padding: 0 0 0 37px;
	margin-top:20px;
	margin-bottom:10px;
}

#about-team {
	padding: 0 20px 0 20px;
}

#about-team h4 {
	color: #10274f;
	font-size: 18px;
	margin: 1.0em 0 1em;
}

#about-team h5 {
	color: #000;
	font-size: 14px;
	margin: 8px 0;
	font-weight:bold;
}

#about-team dl {
	margin: 0 0 15px;
	overflow: auto;
	padding: 0;
	zoom: 1;
}

#about-team dt {
	color: #000;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	margin: 0;
	padding: 0;
	width: 819px;
}

#about-team dd {
	color: #3e485f;
	line-height: 20px;
	margin: 1em 0 1em 142px;
	padding: 0;
}

#about-team dd.img {
	margin: 0;
}

#about-team dd.img img {
	border-top: 5px solid #53a9b2;
	float: left;
} 

/** Cases **/

body.cases #content #title {
	background: url(../images/cases-header-bg.jpg) no-repeat;
}

body.cases #content
{
	margin-bottom:10px;
}
body.cases #feature {
	float: right;
	padding: 14px;
	width: 230px;
}

body.cases #feature img {
	display: block;
}

body.cases #feature p {
	font-size: 11px;
	margin: 5px 4px;
}

body.cases #mini-nav {
	background: url(../images/icon-spd.jpg) no-repeat;
	height: 27px;
	padding: 0 0 0 30px;
	margin-top:20px;
	margin-bottom:0px;
}

div.case {
	padding: 0 50px 0 145px;
	margin-bottom: 40px;
	margin-left: 19px;
}

div.case.first {
	margin-top: 20px;
}

div.case#immigration { background: url(../images/cases-icon-immigration.jpg) no-repeat; }
div.case#family { background: url(../images/cases-icon-family.jpg) no-repeat; }
div.case#matrimonial { background: url(../images/cases-icon-matrimonial.jpg) no-repeat; }
div.case#civil-property { background: url(../images/cases-icon-civil.jpg) no-repeat; }
div.case#criminal { background: url(../images/cases-icon-criminal.jpg) no-repeat; 
                    margin-bottom:0px; }

div.case h4 {
	color: #000;
	font-size: 14px;
	margin: 0 0 10px;
}

div.case h3 {
	color: #000;
	font-size: 12px;
	margin: 0 0 0px;
}

div.case dl dt {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.case dl dd {
	line-height: 20px;
	margin: 0 0 0px;
}

div.caseterms 
{
	margin-left: 3px; 
	font-size:10px;
	margin: 0px 0px 10px 165px;
	
}



/** Eligibility **/

body.eligibility #content #title {
	background: url(../images/eligibility-header-bg.jpg) no-repeat;
}

body.eligibility #feature {
	float: right;
	padding: 14px;
	width: 381px;
}

body.eligibility #mini-nav {
	background: url(../images/icon-spd.jpg) no-repeat;
	height: 27px;
	padding: 0 0 0 37px;
	margin-top:20px;
	margin-bottom:0px;
}

body.eligibility #mini-nav {
	background-position: 0 6px;
	height: 40px;
}

body.eligibility.spanish #mini-nav a {
	margin-left: 0;
}

body.eligibility #feature img {
	display: block;
}

body.eligibility #feature p {
	font-size: 11px;
	margin: 5px 4px;
}

#eligibility {
	margin: 20px 0 0 37px;
}

#eligibility h3 {
	font-size: 25px;
	margin-bottom: 18px;
}

#eligibility p, #eligibility li {
	line-height: 20px;
}

#eligibility h4 {
	color: #10274F;
	font-size: 14px;
}

#eligibility ul {
	list-style: none;
	padding: 0;
}

#eligibility li {
	background: url(../images/bullet.jpg) no-repeat 0 6px;
	padding-left: 25px;
	zoom: 1; /* IE6 */
}


/** Ask **/

body.ask #content #title {
	background: url(../images/ask-header-bg.jpg) no-repeat;
}

body.ask #feature {
	float: right;
	padding: 14px;
	width: 381px;
}

body.ask #feature img {
	display: block;
}

body.ask #feature p {
	font-size: 11px;
	margin: 5px 4px;
}

body.ask #mini-nav {
	background: url(../images/icon-faq.jpg) no-repeat;
	height: 35px;
	padding: 2px 0 0 44px;
	margin-top:20px;
	margin-bottom:0px;
}

body.ask #mini-nav a {
	margin-left:0
	
}

#steps span {
	margin-right: 10px;
}

#ask {
	padding-left: 25px;
}

#ask dl dd {
	margin:0 25px 1em 10px;
}

#ask #question {
	width: 510px;
}

#ask #contact_method-email {
	margin-left: 15px;
}

#ask #member-no {
	margin-left: 27px;
}

#ask #buttons {
	margin-left: 0px;
}

#ask h4 {
	color: #10274f;
	font-size: 12px;
}

#ask h6 {
	color: #10274f;
	font-size: 12px;
}

div.askterms 
{
	margin: 0px 0px 0px 0px; 
	font-size:10px;
	
}


/** FAQ **/

body.faq #content #title {
	background: url(../images/faq-header-bg.jpg) no-repeat;
}

body.faq #feature {
	float: right;
	padding: 14px;
	width: 381px;
}

body.faq #feature img {
	display: block;
}

body.faq #feature p {
	font-size: 11px;
	margin: 5px 4px;
}

body.faq #mini-nav {
	background: url(../images/icon-ask.jpg) no-repeat;
	height: 41px;
	padding: 0 0 0 40px;
	margin-top:20px;
	margin-bottom:0px;
}

#faq {
	margin: 0 30px 0 35px;
}

#faq h4 {
	color: #10274f;
	font-size: 12px;
}

#faq dt {
	background: url(../images/arrows-dk-blue.jpg) no-repeat 0 -48px;
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0 0;
	padding-left: 22px;
}

#faq dt.open {
	background-position: 0 4px;
}

#faq dt.link {
	color: #0066ef;
	cursor: pointer;
}

#faq dd {
	margin-left: 22px;
}

#faq dd.closed {
	max-height: 24px;
	overflow: hidden;
}

div.faqterms 
{
	margin-left: 3px; 
	font-size:10px;
	margin: 0px 0px 10px 0px;
}


.faqjumplinks {
	margin: 0px 0px 0px 0px; 
	
	font-size: 12px;
}

/** Stories **/

body.stories #mini-nav {
	background: url(../images/icon-spd.jpg) no-repeat;
	height: 27px;
	padding: 0 0 0 37px;
	margin-top:20px;
	margin-bottom:0px;
}

body.stories #mini-nav span
{
	font-size:10px;
}

body.stories.spanish #mini-nav {
	background-position: 0 6px;
	height: 40px;
	margin-top:20px;
	margin-bottom:0px;
}

body.stories.spanish #mini-nav a {
	margin-left: 0;
}

body.stories #content #title {
	background: url(../images/stories-header-bg.jpg) no-repeat;
}

body.stories #feature {
	float: right;
	padding: 14px;
	width: 381px;
}

body.stories #feature img {
	display: block;
}

body.stories #feature p {
	font-size: 11px;
	margin: 5px 4px;
}

#stories .story {
	padding: 0 14px 0px 0;
}

#stories .story h4 {
	color: #10274f;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 5px 0 0 20px;
	margin: 5px 0 0 0;
}

#stories .story h3 {
	color: #10274f;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
}

#stories .story dl {
	margin: 0 0 0 50px;
	padding: 0;
}

#stories .story dl dt {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0;
	width: 504px;
}

#stories .story dl dd {
	line-height: 20px;
	margin: 0 26px 9px 0;
	padding: 0;
}

#stories .story dl dd.img {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	width: 381px;
}

#stories .story dl dd.img img {
	margin-bottom: 4px;
}

#stories .story dl dd.img p {
	line-height: 14px;
	margin: 0;
}

.jumplinks {
	margin-left: 20px;
	margin-top:30px;
	margin-bottom:0px;
	font-size: 12px;
}


/** Find An Attorney **/

body.find {
	color: #3e485f;
}

body.find #content p {
	line-height: 20px;
}

body.find #content p strong {
	font-size: 12px;
}

body.find #content {
	min-height: 600px;
}

body.find #content #title {
	background: url(../images/find-an-attorney-header-bg.jpg) no-repeat;
}

body.find form {
	float: left;
	margin: 0 0 0 26px;
	width: 553px;
}

body.find form abbr {
	color: #fb4f03;
	font-size: 18px;
	position: relative;
	top: 5px;
}

BODY.find FORM ABBR {
	BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; COLOR: #fb4f03; FONT-SIZE: 18px; BORDER-TOP: medium none; TOP: 5px; BORDER-RIGHT: medium none
}
BODY.find FORM SPAN {
	MARGIN: 0px 15px; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
BODY.find .buttons {
	MARGIN: 60px 0px 0px 0px
	
}
#practice {
	MARGIN: 0px 0px 0px 40px
}
#language {
	MARGIN: 0px 0px 0px 40px
}
#feature-map {
	MARGIN: 14px 14px 0px 0px; FLOAT: right
}
#footer {
	POSITION: relative; MIN-HEIGHT: 82px;  BACKGROUND: url(../images/footer-bg.gif) #d3d3d3 no-repeat; CLEAR: both; FONT-SIZE: 11px; OVERFLOW: hidden
}
#footer P {
	MARGIN: 1em 0px 1em 40px
}
#footer A {
	MARGIN: 0px 2px; COLOR: #10274f
}
#footer A:hover {
	COLOR: #0066ef
}
#footer #legal {
	POSITION: absolute; RIGHT: 33px
}
OLOR: #0066ef
}
#footer #legal {
	POSITION: absolute; RIGHT: 33px
}y.find form abbr {
	color: #fb4f03;
	font-size: 18px;
	position: relative;
	top: 5px;
}

body.find form span {
	font-size: 12px;
	font-weight: bold;
	margin: 0 15px;
}

body.find .buttons {
	margin: 60px 0 0 0px;
}

#location {
	margin: 0 0 0 40px;
}

#practice {
	margin: 0 0 0 75px;
}

#language {
	margin: 0 0 0 75px;
}	

#feature-map {
	float: right;
	margin: 14px 14px 0 0;
}

.headline {
	color: #10274f;
	font-size: 12px;
	margin: 1.5em 0 2em;
}

/** Footer **/
#footer {
	background: #d3d3d3 url(../images/footer-bg.gif) no-repeat;
	clear: both;
	font-size: 11px;
	min-height: 47px;
	overflow: hidden;
	position: relative;
	zoom: 1; /* IE6 */
}

#footer p {
	margin: 1em 0 1em 40px;
}

#footer a {
	color: #10274f;
	margin: 0 2px;
}

#footer a:hover {
	color: #0066ef;
}

#footer #legal {
	position: absolute;
	right: 33px;
}

a.pdf {
      background: url(../images/icon-pdf.png) no-repeat center right;
      padding-right: 20px;
    }