/* Global Styles */
html, body {
	padding:0;
	margin:0 auto;
	background:#bbbbbb url('../images/bodybackground.png') repeat-y;
	color:#333;
	line-height:1.1em;
}

body img {
	border-color:#000;
}

body a {
	text-decoration:none;
}


/* Heading Styles */
h1{
	float:left;
	font:bold 30px 'Times New Roman',serif;
	font-variant:small-caps;
	letter-spacing:0.1em;
	padding:10px 0 5px 50px;
	border-bottom:1px solid #333;
	width:869px;
	margin:10px 0 0 0;
}

h2{
	clear:both;
	float:left;
	font:1.2em 'Times New Roman',serif;
	margin:30px 0 10px 0;
	padding:0;
	font-variant:small-caps;
	letter-spacing:0.1em;
	border-bottom:1px dotted #ccc;
	width:869px;
}

h2.first {
	margin:10px 0;
}


/* Entire Page Container */
div#container {
	margin:0 auto;
}


/* Header container */
div.header {
	height:141px;
	width:1000px;
	position:absolute;
}


/* Nav Menu Styles */
div.menu {
	height:34px;
	background-image:url('../images/menubackground.png');
	position:relative;
	top:141px;
	left:22px;
	width:959px;
	overflow:hidden;
}

div.menu ul {
	float:left;
	display:inline;
	height:34px;
	list-style:none;
	width:959px;
	font:bold 12px Arial,sans-serif;
	padding:0 0 0 28px;
}

div.menu ul li {
	float:left;
	display:inline;
	padding:0 13px;
	margin:-12px 0 0 0;
}

div.menu ul li a {
	float:left;
	display:inline;
	color:#f3f3f3;
	height:34px;
	line-height:34px;
}

div.menu ul li:hover {
	background:url('../images/menubackground-hover.png');
	cursor:pointer;
}


/* Content Styles */
div.content{
	width:959px;
	position:absolute;
	left:22px;
	top:175px;
	background:url('../images/bodygradient.png') repeat-x;
	font-family:Arial,sans-serif;
}

div.contentArea{
	position:relative;
	top:5px;
	left:20px;
	font-size:12px;
	width:919px;
}



/* This style is for indent classes outside of index.html
(for annualconference.html, as an example, where div.updates
does not exist). */
div.contentArea p.indent {
	float:left;
	clear:both;
	position:relative;
	left:20px;
	width:766px;
	margin:0;
}
div.contentArea ul {
	float:left;
	clear:both;
	margin:0 0 20px 0;
	width:100%;
}



/* These table styles exist for the Board of Directors tab. */
div.contentArea table {
	clear:both;
	width:90%;
}

div.contentArea table td {
	border-bottom:1px solid #ccc;
	font:10px Arial;
}

div.contentArea table td strong {
	font:bold 12px Arial;
}

/* This style exists for the logos on the Labor page */
div.contentArea div.logos {
	display:inline;
	float:left;
	margin:10px 0 -40px 150px;
	padding:0;
}
div.contentArea div.logos img {
	display:inline;
	margin:0 0 0 10px;
	width:35px;
}


div.contentArea div.updates {
	position:relative;
	float:left;
	left:20px;
	width:796px;
}

div.contentArea div.updates a {
	border-bottom:1px dashed;
}

div.contentArea div.updates ul {
	float:left;
	clear:both;
	line-height:1.5;
	margin:10px 0 10px 25px;
	padding:0 0 0 25px;
	width:761px;
	list-style-type:disc;
}

div.contentArea div.updates ul a {
	border-bottom:1px solid;
}

div hr {
	height:1px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	border-top:1px dashed #999999;
}

div.contentArea div.updates p.indent {
	float:left;
	clear:both;
	position:relative;
	left:20px;
	width:766px;
}

div.contentArea div.updates p.indent span {
	float:left;
	font-weight:bold;
	text-decoration:underline;
	margin:0;
	padding:10px 0 0 0;
}

div.contentArea div.updates p.indent ul {
	float:left;
	clear:both;
}

div.footer {
	clear:both;
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	font:10px Geneva,Arial,sans-serif;
	margin:40px 0 0 0;
	padding:10px 0 10px 0;
	background:#cfcfcf;
}

div.footer a {
	border-bottom:1px solid;
}