﻿#masthead,
#mainMenu,
#contentWrapper
{
	width:	800px;
	margin:	0 auto;
}
#masthead
{
	height:		95px;	
	padding:	10px 0;
}

#masthead .logo
{
	float:		left;
}
#masthead .contactInfo
{
	padding:	10px;
	float:		right;
}
#primaryContent .contactInfo
{
	margin:			10px 0 5px 15px;
	width:			225px;
	padding:		1px 5px 10px 5px;
	
}
#masthead .contactInfo p
{
	line-height: 1.8em;
}
#mainMenu
{
	margin-bottom:	10px;	
}


#primaryContent h4,
#primaryContent h3
{
	margin:	 15px 0 0 15px;	
}
#secondaryContent h3.normal
{
	margin:		5px 0 0 5px;
}

/* home page only */
#primaryContentWrapper
{
	width:			800px;
	float:			left;
}

#primaryContentWrapper .splash
{
	float:				left;
	height:				237px;
	width:				527px;
	margin-right:		10px;
	margin-bottom:		10px;
}

#primaryContentWrapper .secondary
{
	float:		left;
	width:		258px;
	height:		215px;
}

#primaryContentWrapper .alert,
#primaryContentWrapper .alertSignUp,
#secondaryContent .alertSignUp,
#primaryContentWrapper .alertWhatsNew,
#secondaryContent .alertWhatsNew,
#primaryContentWrapper .surveyLink
{
	width:		245px;
	margin:		0 0 10px 0;	
	padding:	5px 0 0 15px;
}


#primaryContentWrapper .alertSignUp h3,
#secondaryContent .alertSignUp h3,
#primaryContentWrapper .alertWhatsNew h3,
#secondaryContent .alertWhatsNew h3
{
	padding:		31px 0 0 0;
	overflow:		hidden;
	height:			0px;
}

#primaryContentWrapper .alert p,
#primaryContentWrapper .alertSignUp p,
#secondaryContent .alertSignUp p,
#primaryContentWrapper .alertWhatsNew p,
#secondaryContent .alertWhatsNew p,
#primaryContentWrapper .surveyLink p
{
	padding:		5px 10px 10px 0;
	line-height:	1.5em;
}

#secondaryContent h3.myContacts
{
	margin: 15px 0 10px 0;
}
#secondaryContent p
{
	margin: 0 0 20px 0;	
}

#secondaryContentWrapper
{
	width:		808px;	
}
#secondaryContentWrapper .contentColumn1,
#secondaryContentWrapper .contentColumn3
{
	float:			left;
	width:			259px;	
	margin-right:	10px;
	height:			320px;
}
#secondaryContentWrapper .contentColumn3
{
	margin-right:			0;
	width:					261px;	
}
#secondaryContentWrapper .contentColumn2
{
	float:				left;
	width:				529px;	
	margin-right:		10px;
	height:				320px;
	background-color:	#ccc;
}

#secondaryContentWrapper .contentColumn1 h3,
#secondaryContentWrapper .contentColumn3 h3,
#secondaryContentWrapper .contentColumn1 p,
#secondaryContentWrapper .contentColumn3 p
{
	margin: 5px 10px 10px 10px;	
}

.newsList
{
	width:			258px;
	margin:			0 0 10px 0;
}

#secondaryContentWrapper ul,
#secondaryContent ul,
#secondaryContent .newsList ul,
#secondaryContent ul.contactLinks
{
	margin:		0 0 0 0;	
	padding:	0 0 10px 0;
	width:		255px;
}
#secondaryContentWrapper ul li,
#secondaryContent .newsList ul li,
#secondaryContent ul.contactLinks li
{
	padding:	0 0 0 10px;
	margin:		8px 0 0 0;
}
#secondaryContent ul.contactLinks li
{
	height: 20px;	
}

#secondaryContent ul li
{
	list-style: none;
	padding:	0;
	margin:		5px 0 0 5px;		
}
#secondaryContentWrapper ul li a,
#secondaryContent .newsList ul li a,
#secondaryContent ul.contactLinks li a 
{
	display:		block;
	padding:		0 0 0 16px;
}
#secondaryContent ul li a
{
	display:		block;
	padding:	0 0 0 15px;
	margin:		0;	
}
#primaryContent ul.articleList a
{
	padding: 0 0 0 17px;
}
#secondaryContentWrapper .listHeader,
#secondaryContent .newsList .listHeader
{
	display:	block;
	margin:		0 0 8px 10px;
	padding:	5px 0 0 0;
}

#secondaryContent .ContactsHeader
{
	display: block;
	width: 258px;	
}

/* standard forms   */
#primaryContent .formTable
{
	margin: 15px 0 0 14px;	
}
#primaryContent .formTable td
{
	padding: 4px;	
}

#privateEmailForm .formTable td.input .editableDropDownEmpty,
#privateEmailForm .formTable td.input textarea,
#privateEmailForm .formTable td.input input
{
	width: 420px;		
}
#privateEmailForm .formTable td.input textarea.toInput
{
	height: 80px;
}
#privateEmailForm .formTable td.requiredLabel,
#privateEmailForm .formTable td.label
{
	vertical-align: top;
	padding-top: 7px;	
}

/* home page login form */
#primaryContentWrapper .secondary .loginForm,
#contentWrapper #secondaryContent .loginForm,
#primaryContent .loginForm
{
	padding:	5px 0 10px 20px;	
	margin:		0 0 10px 0;
}
#primaryContent .loginForm .buttonRow
{
	margin-left:	100px;
	width:			auto;
}
#primaryContentWrapper .secondary .loginForm,
#contentWrapper #secondaryContent .loginForm
{
	width:		244px;
	height:		116px;
}
#primaryContentWrapper .secondary .loginForm .error img,
#contentWrapper #secondaryContent .loginForm .error img
{
	padding:	3px 0 0 0;	
}
#primaryContentWrapper .secondary .loginForm .error,
#contentWrapper #secondaryContent .loginForm .error,
#primaryContent .loginForm .error
{
	float:			left;
	padding:		0 0 5px 0;
	height:			21px;
	line-height:	20px;
}
#primaryContent .ErrorMessage
{
	margin:				10px 0 0 2px;
	padding:			10px 0 10px 15px;
	width:				513px;
	line-height:		1.5em;
}
#primaryContent .ErrorMessage img
{
	float:			left;
	margin:			4px 10px 15px 0;
}

#primaryContentWrapper .secondary .loginForm .textRow,
#primaryContentWrapper .secondary .loginForm .buttonRow,
#primaryContentWrapper .secondary .loginForm .links,
#contentWrapper #secondaryContent .loginForm .textRow,
#contentWrapper #secondaryContent .loginForm .buttonRow,
#contentWrapper #secondaryContent .loginForm .links,
#primaryContent .loginForm .textRow,
#primaryContent .loginForm .buttonRow,
#primaryContent .loginForm .links
{
	margin:			5px 0 0 0;
	float:			left;
}
#primaryContent .loginForm .textRow,
#primaryContent .loginForm .buttonRow,
#primaryContent .loginForm .links
{
	width:		500px;
	height:		26px;
}
#primaryContent .loginForm .links
{
	margin:		0 0 0 130px;	
}
#primaryContent .loginForm .links .link
{
	float:		left;
	margin:		0 5px 0 0;	
}
#primaryContentWrapper .secondary .loginForm .textRow .input input
{
	padding:	1px 0 1px 2px;	
}
#primaryContentWrapper .secondary .loginForm .buttonRow input,
#contentWrapper #secondaryContent .loginForm .buttonRow input
{
	float:			right;
	margin-right:	25px;
}
#primaryContent .form .buttonRow,
#primaryContent .loginForm .buttonRow
{
	margin-left:	100px;
	width:			auto;
}
#primaryContentWrapper .secondary .loginForm .textRow .label,
#primaryContentWrapper .secondary .loginForm .textRow .requiredLabel,
#contentWrapper #secondaryContent .loginForm .textRow .label,
#contentWrapper #secondaryContent .loginForm .textRow .requiredLabel
#primaryContent .loginForm .textRow .label,
#primaryContent .loginForm .textRow .requiredLabel
{
	float:			left;
	width:			70px;
	line-height:	1.7em;
}
#primaryContent .form .textRow .label,
#primaryContent .form .textRow .requiredLabel,
#primaryContent .loginForm .textRow .label,
#primaryContent .loginForm .textRow .requiredLabel
{
	width:		130px;
}

#primaryContent .form .buttonRow,
#primaryContent .loginForm .buttonRow
{
	margin-left:		130px;	
}

#primaryContentWrapper .secondary .loginForm .textRow .input,
#contentWrapper #secondaryContent .loginForm .textRow .input
{
	float:			left;
	margin-left:	5px;
}
#primaryContentWrapper .secondary .loginForm .links,
#contentWrapper #secondaryContent .loginForm .links
{
	float:			right;
	margin-right:	25px;
}
#primaryContentWrapper .secondary .loginForm .links .link,
#contentWrapper #secondaryContent .loginForm .links .link
{
	margin:		0 0 0 5px;
	float:		right;
}

#primaryContentWrapper .secondary .newsSearchPortal,
#contentWrapper #secondaryContent .newsSearchPortal
{
	width:			258px;
	margin:			0 0 10px 0;
	padding:		0 0 2px 0;
}

#primaryContentWrapper .secondary .newsSearchPortal .form,
#contentWrapper #secondaryContent .newsSearchPortal .form
{
	margin:			5px 0;
}
#primaryContentWrapper .secondary .newsSearchPortal .link,
#contentWrapper #secondaryContent .newsSearchPortal .link
{
	float:			left;
	display:		block;
	margin:			5px 0 10px 15px;
	padding:		0;

}
#primaryContentWrapper .secondary .newsSearchPortal .form .textRow,
#contentWrapper #secondaryContent .newsSearchPortal .form .textRow
{
	float:			left;
	margin-left:	14px;
	width:			120px;
}
#primaryContentWrapper .secondary .newsSearchPortal .form .textBoxRow input,
#contentWrapper #secondaryContent .newsSearchPortal .form .textBoxRow input
{
	padding:	1px 0 1px 2px;
	width:		150px;
}
#primaryContentWrapper .secondary .newsSearchPortal .form .buttonRow,
#contentWrapper #secondaryContent .newsSearchPortal .form .buttonRow
{
	float:			right;
	width:			50px;
	margin-right:	45px;
}
#primaryContentWrapper .secondary .newsSearchPortal h3.headline,
#contentWrapper #secondaryContent .newsSearchPortal h3.headline
{
	padding:		24px 0 0 15px;
	overflow:		hidden;
	height:			0px;
}
#contentWrapper #primaryContent .newsSearchForm h3.headline,
#contentWrapper #primaryContent .largeNewsSearchForm h3.headline
{
	float:			left;
	margin:			0 0 0 20px;
	padding:		24px 0 0 0;
	overflow:		hidden;
	height:			0px;
	width:			515px;
}

/*contactPrivacyForm*/
#contactPrivacyForm
{
	margin: 20px;
	float: left;
}

#primaryContent #contactPrivacyForm ul,
#primaryContent #contactPrivacyForm ul li
{	
	margin: 0;
	padding: 0;
	list-style-type:none;		
	background: none;
}

#contactPrivacyForm .contactPrivacyCategory
{
	float: left;
	height: 55px;
}

#contactPrivacyForm .optInOut
{
	float: left;
	font-weight: bold;
	width: 100%;	
}


#contactPrivacyForm .optInOut label,
#contactPrivacyForm .optInOut span,
#contactPrivacyForm .optInOut input
{
	float: left;
}

#contactPrivacyForm .optInOut input
{	
	margin-left: 2px;
	margin-right: 5px;
	height: 22px;	
}


#contactPrivacyForm .optInOut .optInOutButtons
{
	width: 130px;
}

#contactPrivacyForm .contactChannelLabel
{
	float: left;
	width: 100px;		
	margin-left: 30px;
}

#contactPrivacyForm .statusMessage
{
	width: 500px;		
	float: left;	
	font-weight: bold;
	padding-top: 5px;	
}

#contactPrivacyForm .optInOut .contactPrivacyCategoryLabel,
#contactPrivacyForm select
{
	width:	300px;
}
#contactPrivacyForm input
{	
	float: left;
	margin-left: 130px;	
}


/* Default Two Column layout */ 
#contentWrapper
{
	width:	800px;	
	height:	auto;
}

#primaryContent
{
	float:				left;
	margin:				10px 0 0 0;
	width:				532px;	
}


#primaryContent.oneColumn
{
	width: 800px;
}

#primaryContent p
{
	margin:			10px 10px 0 20px;
	line-height:	1.7em;
}

.WizardHeader
{
	padding:		10px 0 0 10px;	
}

#primaryContent .WizardSteps
{
	margin:		10px 0 0 15px;	
}

#primaryContent .WizardSteps .formTable
{
	margin:		20px 0 0 0;
	padding:	0 10px;
}
#primaryContent .WizardSteps .formTable td.comment
{
	width: 300px;	
}

#secondaryContent
{
	float:				right;
	margin:				10px 0 0 0;
}
#footer
{
	float:				left;
	width:				800px;
	margin:				10px auto;
	height:				26px;
}
#footer ul
{
	list-style:		none;
	padding:		0 0 0 0;
}
#footer ul li
{
	float:			left;	
	height:			26px;
	line-height:	26px;
	margin-left:	10px;
}
#footer .ilsplug
{
	float:			right;
	height:			26px;
	line-height:	26px;
	margin-right:	15px;	
}

/* news article */
.newsArticle
{
	margin:			20px 0 0 0;
}
.newsArticle h3
{
	margin:			0 0 0 15px;		
}
.newsArticle .summary
{
	padding:		5px 15px 10px 0;
}
#primaryContent img.Left,
#primaryContent .newsArticle img.Left
{
	float:			left;
	margin:			15px 15px 0 15px;
}
#primaryContent img.Right,
#primaryContent .newsArticle img.Right
{
	float:			right;
	margin:			15px 15px 0 15px;
}
#primaryContent .newsArticle img.None
{
	display:		none;	
}
#primaryContent .newsArticle p
{
	line-height:	1.7em;	
}
#primaryContent .newsArticle ul.sources
{
	margin:			10px 20px 0 18px;
	padding:		5px 8px;
	list-style:		none;
	
}
#primaryContent .newsArticle ul.sources li
{
	margin:		0;
	padding:	0;
}
#primaryContent .newsArticle ul.sources li.item
{
	padding:	0 0 0 18px;
}


/* news search */ 
.newsSearchForm,
.largeNewsSearchForm
{
	float:		left;
	width:		532px;
	margin:		0 0 0 0;
	padding:	20px 0 10px 0;
}
#primaryContent .newsSearchForm p,
#primaryContent .largeNewsSearchForm p
{
	float:			left;
	margin:			0 15px 0 25px;
	padding:		10px 0 0 0;
	line-height:	1.7em;
}

#primaryContent .newsSearchForm .form,
#primaryContent .largeNewsSearchForm .form
{
	float:		left;
	margin:		15px 0 0 0;
	padding:	0 0 0 22px;	
	width:		510px;
}
.newsSearchForm .form .textRow,
.largeNewsSearchForm .form .datePublishedRow
{
	float:		left;
	width:		350px;
	height:		30px;
}
.newsSearchForm .form .textRow
{
	width: 500px;	
}

.largeNewsSearchForm .form .textRow
{
	width:		450px;
}

.largeNewsSearchForm .form .datePublishedRow
{
	height:		100px;	
	width:		450px;
}
#primaryContent .newsSearchForm .form .textRow .label,
#primaryContent .newsSearchForm .form .textRow .requiredLabel,
.largeNewsSearchForm .form .textRow .label,
.largeNewsSearchForm .form .sourcesRow .label
{
	float:			left;
	line-height:	30px;
	margin-right:	10px;
	width:			60px;
}
.largeNewsSearchForm .form .textRow .label,
.largeNewsSearchForm .form .sourcesRow .label
{
	width:		130px;
}

.largeNewsSearchForm .form .sourcesRow .input
{
	padding:	5px;	
}
.largeNewsSearchForm .form .datePublishedField
{
	float:			left;
	margin:			10px 0 0 0;
}
.largeNewsSearchForm .form .datePublishedField .label
{
	float:			left;
	width:			110px;
	margin:			3px 30px 0 0;
}

.newsSearchForm .form .textRow .largeInput,
.largeNewsSearchForm .form .textRow .largeInput,
.largeNewsSearchForm .form .textRow .input
{
	float:			left;
	padding:		6px 0 0 0;
	height:			24px;
}
.largeNewsSearchForm .form .textRow .input input
{
	margin:	0 3px 0 0	
}
.largeNewsSearchForm .form .textRow .input span
{
	margin:	0 8px 0 0	
}
.newsSearchForm .form .textRow .largeInput input,
.largeNewsSearchForm .form .textRow .largeInput input
{
	width:			280px;
}
#primaryContent .newsSearchForm .form .buttonRow,
#primaryContent .largeNewsSearchForm .form .buttonRow
{
	float:			left;
	height:			23px;
	width:			300px;
	padding:		7px 0 0 0;
	margin-left:	70px;
}
#primaryContent .largeNewsSearchForm .form .buttonRow
{
	margin-left:	140px;	
}
.newsSearchForm .form .link
{
	float:			left;
	margin:			5px 0 0 70px;
}

.newsSearchGrid
{
	padding:		10px 0 0 0;
	margin:			0 15px 0 0;
	float:			left;
	width:			100%;
}
.newsSearchGrid .newsArticlesHeader
{
	padding:			0 0 10px 20px;	
}
.newsSearchGrid .ResultMessage
{
	margin:			0 0 0 60px;	
}

.newsSearchGrid .articleResult
{
	float:		left;
	margin:		10px 15px 10px 20px;	
}
.newsSearchGrid .articleResult .summary,
.newsSearchGrid .articleResult .details
{
	float:		left;	
	width:		100%;
}
.PagerRow 
{
	text-align: right;	
	padding:		0 15px 0 0;
}
.PagerRow span
{
	line-height:	1.7em;
	margin:			0 0 15px 0;
	height:			30px;
}


#primaryContent ul,
#primaryContent  ul.contactLinks
{
	margin:			10px 0 20px 15px;
	list-style:		none;
}
#primaryContent ol
{
	margin:			10px 0 20px 25px;	
	padding:		0 0 0 15px;
}

#primaryContent ul li,
#primaryContent ol li,
#primaryContent ul.contactLinks li
{
	margin:		10px 0 0 0;
	padding:	0 0 0 10px;
	line-height:	1.8em;
}

.BoardMembersGrid,
.dgdCommittees,
.dgdDiscountTickets
{
	margin:		20px 20px 20px 20px;	
}
.BoardMembersGrid .boardMembersHeader,
.dgdCommittees .committeesHeader,
.dgdDiscountTickets .header
{
	height:		30px;		
}
.BoardMembersGrid td,
.dgdCommittees td,
.dgdDiscountTickets td
{
	padding:	5px;	
}

/* custom headlines */
h3.myBenefits,
h3.myBoardMembers,
h3.myCases,
h3.myCommittees,
h3.myContactInfo,
h3.myContacts,
h3.login,
h3.myAccount,
h3.myUnion,
h3.myProfile,
h3.myPreferredContacts,
h3.resetPassword,
h3.aboutUs,
h3.contactUs,
h3.memberServices,
h3.missionStatement,
h3.association,
h3.committees,
h3.staff,
h3.benefits,
h3.insurance,
h3.movieTickets,
h3.themeParks,
h3.calendar,
h3.forms,
h3.links,
h3.rights,
h3.newsletters,
h3.signUp,
h3.whatsNew,
h3.manageYourAccount,
h3.newsArticles,
h3.easyMenus,
h3.latestNews,
h3.currentNews
{
	padding:		30px 0 0 15px;
	overflow:		hidden;
	height:			0px;
}

#secondaryContentWrapper .contentColumn2 .homePageArticles h3.latestNews
{
	margin: 10px 0 0 10px;	
}

/* Home Page Article Stuff */
#secondaryContentWrapper .contentColumn2 .homePageArticles
{
	padding:	0;
	margin:		0 0 0 5px;
	float:		left;
	width:		490px;
	height:		147px;
}
#secondaryContentWrapper .contentColumn2 .homePageArticles .article,
#secondaryContentWrapper .contentColumn2 .homePageArticles .articleLocked,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticle,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticleLocked,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief
{
	float:			left;
	height:			auto;
	width:			480px;
}
#secondaryContentWrapper .contentColumn2 .homePageArticles .article h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .articleLocked h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticle h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticleLocked h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief h3
{
	width:			auto;
	line-height:	20px;
	margin:			0;
	padding:		0;
}
#secondaryContentWrapper .contentColumn2 .homePageArticles .article h3 img,
#secondaryContentWrapper .contentColumn2 .homePageArticles .articleLocked h3 img,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticle h3 img,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticleLocked h3 img,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief h3 img
{
	padding:	4px 0 0 0;
	margin:		0 0 0 5px;
}
#secondaryContentWrapper .contentColumn2 .homePageArticles .article h3 a,
#secondaryContentWrapper .contentColumn2 .homePageArticles .articleLocked h3 a,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticle h3 a,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticleLocked h3 a,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief h3 a
{
	padding:		0 0 0 17px;
}
#secondaryContentWrapper .contentColumn2 .homePageArticles .article h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .article p,
#secondaryContentWrapper .contentColumn2 .homePageArticles .articleLocked h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .articleLocked p,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticle h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticle p,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticleLocked h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .firstarticleLocked p,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief h3,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief p
{
	float:		left;
	margin:		5px 15px 10px 15px;
}
#secondaryContentWrapper .homePageArticles .article p,
#secondaryContentWrapper .homePageArticles .articleLocked p,
#secondaryContentWrapper .homePageArticles .firstarticle p,
#secondaryContentWrapper .homePageArticles .firstarticleLocked p,
#secondaryContentWrapper .contentColumn2 .homePageArticles .newsBrief p
{
	display:	none;	
}
#secondaryContentWrapper .homePageArticles .article p.continuelink,
#secondaryContentWrapper .homePageArticles .articleLocked p.continuelink,
#secondaryContentWrapper .homePageArticles .firstarticle p.continuelink,
#secondaryContentWrapper .homePageArticles .firstarticleLocked p.continuelink,
#secondaryContentWrapper .contentColumn2 .homePageArticles newsBrief .continuelink
{
	float:			left;
	margin-right:	20px;
	display:		none;	
}


/*Modal Dialog*/
.modalDialog
{
	float: left;
	border: solid 1px gray;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	width: 300px;
}
.modalDialogText
{
	float: left;
	width: 240px;	
	margin: 15px 10px 0 50px;
}
.modalDialogButtons
{
	float: right;	
	position: relative;
	margin: 20px;	
}
#contactPrivacyForm .modalDialogButtons input,
.modalDialogButtons input
{		
	margin-left: 10px;
}
.modalDialogBackground
{
	position: fixed;	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;	
}
