/*main AK Teamsters Trust */

body {
	background-color:#ffffff;
	color:#333333;			/* basic site TEXT COLOR */
}
body * {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#0f71b7;
}

h4, h5, h6 {
	margin: .5em 0;
}

.sidenote {
	font-size:0.9em;
	font-style:italic;
	color:#8f8f8f;
}
.error, .required {
	color:#aa3333;
}

p {
}

#contentbox a {
	text-decoration:none;
	color:#007CCF; /*#3fa3e7;*/
	border-bottom:1px solid #3fa3e7;
}
#contentbox h1 a, #contentbox h2 a, #contentbox h3 a, #contentbox h4 a, #contentbox h5 a, #contentbox h6 a,
#contentbox h1 a:visited, #contentbox h2 a:visited, #contentbox h3 a:visited, #contentbox h4 a:visited, #contentbox h5 a:visited, #contentbox h6 a:visited {
	color:#0f71b7;
	border-bottom-width:0 !important;
}
#contentbox a:visited {
	border-bottom: 1px dashed #dfdfdf !important;
}

img {
	border: 0 !important;
}

.nosp {
	font-size:1px !important; /* no space, accessibility - esp. for LifeEvents */
	line-height:1px;
}

#ubercontainer {
	margin: 0 10%;
	padding: 1px; /* catch-all padding */
	background-image: url(../img/mid-banner.png);
	background-repeat: repeat-x;
	background-position: 0 22px;
	min-width:775px;
}

#ubercontainer>div {
	position:relative;
	top:-1px;		/* to make up for 1px catch-all padding */
	left:0;
}

#header {
	height:104px;
	text-align:right;
	overflow:hidden;
	margin: 0 -1px;
	background-image: url(../img/left_banner_transparency.png);
	background-repeat:no-repeat;
	background-position: 0 22px;
}
#header h1 {
	padding: 0 0;
	margin: 0 0;
	position:relative;
	top:0;
	right:0;
}
#header h1 a {
	display:block;
	height:104px;
	width:473px;
	position:absolute;
	top:0;
	right:0;
	background-image: url(../img/right_banner_transparancy.png);
	background-repeat:no-repeat;
	background-position: 100% 1px;
}
#header h1 span {
	position:absolute;
	top:-999em;
	left:0;
}


#superbox>div {
	float:left;
	clear:none;
	padding:1px;
}

#navbox {
	width:20%;
	position:relative;
	top:-38px;
	left:-1px;
	overflow:hidden;
}
#navbox>div {
	margin: 1em -1px;
}
#mainmenubox {
	margin: 0 -1px !important;
}
#lifebox {
	margin-top:0 !important;
	margin-bottom:1.8em !important;
	background-image: url(../img/patterns.png);
	background-repeat:repeat-x;
	background-position: 0 -78px;
	min-height:32px;
}
#lifebox #lifemenu {
	background-image: url(../img/borders.png);
	background-repeat:no-repeat;
	background-position: -6px -161px;
}
#lifebox li.lifeevents {
	padding: 1px 1px 3px;
	margin: -2px -1px -1px -1px;
	display:block;
	background-image: url(../img/borders.png);
	background-repeat:no-repeat;
	background-position: 100% -213px;
}
#lifebox * {
	margin: 0 0 0 0;
}
#specialbox {
	margin: 2em 0 !important;
}


#contentbox {
	width: 72.5%;
	padding: 1.5% 0 2% 4% !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:140%;
}

#toolbox {
	margin: 0 0 1.8em -1%;
}


.featart h1 {
	color:#676767;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.97em;
	letter-spacing:.05em;
	margin: 0 0 0;
}
.featart h2 {
	margin: .2em 0 .1em;
	font-size:1.4em;
	line-height:125%;
}
.featart h3 {
	margin: 0 0 .25em;
	font-size:.95em;
	font-weight:normal;
	line-height:150%;
}
.dateline {
	font-style:italic;
}
.alt-accent {
	text-decoration:underline;
}

div.annc {
	float:left;
	clear:none;
	width:42%;
	padding: 1px 2%;
	margin-top:2em;
	font-size:.95em;
}
.annc h1 {
	font-size:1.1em;
	line-height:1.6em;
	border: 1px solid #cccccc;
	background-image: url(../img/headback.png);
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	text-indent:.5em;
	font-weight:bold;
	margin: 0 -4% .5em;
}
.annc h1 a {
	display:block;
	border-bottom:0 !important;
}
.annc h1 a:visited {
	color:#0f73b7 !important;
}
.annc li {
	margin-bottom:.8em;
	line-height:120%;
}
.annc .menu li a {
	font-family: Arial, Helvetica, sans-serif;
}
.annc p {
	text-align:right;
	font-weight:bold;
	font-style:italic;
	font-size:.8em;
}
#newsbox {
	margin-right:5%;
}
div.highlight {
	float:right;
	width:43%;
	margin: .2em 0 5px 2%;
	padding: 0 0;
	border: 1px solid #cccccc;
	background-color:#f0f0f0;
	color:#505050;
	font-weight:bold;
}
.highlight h1 {
	border:0;
	border-bottom: 1px solid #cccccc;
	text-indent:.5em;
	font-weight:bold;
	margin: 0 0 0;
}
.highlight li {
	margin-bottom:0;
	line-height:180%;
	font-size:1em;
}
.highlight p {
	padding:7px;
	margin: 0 0 0 0;
	text-align:left;
	font-style:normal;
	font-size:.9em;
	line-height:160%;
}

body.NewsAnnouncement #contentbox h2 {
	color:#676767;
	margin-top: -0.5em;
}

div.article h1 {
	margin-bottom:0.5em;
}
div.article .menubox {
	margin-bottom:2em !important;
}

div.intro {
	border: 1px solid #cccccc;
	background-color:#fcfcfc;
	padding: 10px 15px;
	margin-bottom:3em;
}
div.intro h1 {
	font-size: 1.1em;
	margin: 0 0 .6em;
}
body.news.main div.intro h1 img {
	vertical-align:sub;
	padding-left:10px;
}
div.intro p {
	font-size:.85em;
	margin-bottom:.5em;
}

div.archive {
	border: 1px solid #cccccc;
	padding: 10px 20px;
	margin-bottom:3em;
	font-size:.8em;
	position:relative;
	top:0;
	left:0;
}
div.archive h2 {
	margin: 0 0 0;
	position:absolute;
	top:-.9em;
	left:15px;
	font-size:1.8em;
}
div.archive ul.menu {
	padding: 1em .25em 0;
	color:#666666;
}
div.archive ul.menu * {
	margin: 0 0;
}
div.archive ul.menu li {
	padding-bottom:1em;
}
div.archive ul.menu h3 {
	font-weight:normal;
}
div.archive p.dateline {
	font-style:normal;
	font-size:.9em;
	line-height:140%;
	color:#999999;
}

/* tabs */
div.lifeevents,
div.benetabs {
	border: 1px solid #e0e0e0;
	border-width: 0 1px 1px;
}
#tabsmain, #tabsforms {
	float:left;
	clear:none;
}
#tabsmain {
	width: 70%;
	padding: 1px 5% 1px 2%;
}
.benetabs #tabsmain, .top #tabsmain {
	width:auto;
	padding: 1px 2% 2em;
}
#tabsforms {
	width: 21%;
	padding-left:1.5%;
	border: 1px solid #dddddd;
	border-width: 0 0 0 1px;
	position:relative;
	top:-1.35em;
	left:0;
	padding-top:1.35em;
}
	#tabsforms ul.menu li {
		font-size:0.8em;
		padding-bottom:10px;
		font-family: Helvetica, Arial, sans-serif !important;
		line-height:135%;
	}
	#tabsforms ul.menu li a {
		color:#0F71B7;
		border-color:#0F71B7;
		font-family: Helvetica, Arial, sans-serif !important;
	}
.top #tabsmain img {
	border:1px solid #cccccc !important;
	position:absolute;
	top:1.3em;
	left: 2%;
}
div.lifeevents #tabsmain,
body.selfserve #tabsmain {
	float:none;
	clear:none;
	width:auto;
}
	body.top div.lifeevents #tabsmain {
		position:relative;
		top:0;
		left:0;
		padding-left:210px;
	}
div.lifeevents #tabsforms {
	float:right;
	clear:none;
	width:25%;
	margin: 0 .1em 1em 2em;
	border-width: 0 0 1px 1px;
	padding-right:1%;
	padding-bottom:1.25%;
}

/* FAQ */
.alist ul li {
	list-style-type:disc !important;
}
.alist ol li {
	list-style-type:decimal !important;
}

/* benetab contents */
#tabsmain ul.tabitems {
	padding: 0 1px 1px;
	margin: 0 0 0 0;
}
	#tabsmain ul.tabitems.multi-inline {
		font-size:0.9em;
	}
.benetabs #tabsmain ul.tabitems>li {
	list-style-type:none !important;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom:.5em;
	margin-top:1.5em;
}
.benetabs #tabsmain ul.tabitems>li.intro {
	margin: -1.55em -2% 0;
	padding: .5em 2% .5em;
	background-color:#fcfcfc;
	border-bottom-color:#ebebeb;
}
	body.selfserve .intro div {
		overflow:hidden;
	}
	.intro .messagealert, .intro .logoff {
		display:block;
		float:right;
		margin-left:1em;
		font-size:0.75em;
	}
	.multi-inline .intro .messagealert, .multi-inline .intro .logoff {
		font-size:0.825em;
	}
	.intro .messagealert a, .intro .logoff a {
		color:#666666 !important;
		border-color: #cccccc !important;
	}
	.intro .messagealert a:hover, .intro .logoff a:hover {
		color:#666666 !important;
		border-color: #666666 !important;
	}
.benetabs #tabsmain ul.tabitems>li.headalt {
	border-bottom: 0px none;
	margin-bottom:-2em;
	padding-bottom:0;
	margin-top:2em;
}
.benetabs #tabsmain ul.tabitems>li.headalt.prestable {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom:.5em;
	margin-bottom:0;
	margin-top:1.5em;
}
.benetabs #tabsmain ul.multi-inline>li.normal {
	overflow:hidden;
}
.benetabs #tabsmain ul.multi-inline>li.normal>div {
	float:left;
	margin-right:1em;
}
.benetabs #tabsmain ul.tabitems>li h3,
.benetabs #tabsmain ul.tabitems>li.headalt h4 {
	float:left;
	clear:none;
	width:20%;
	min-width:7em;
}
	.benetabs #tabsmain ul.tabitems.multi-inline>li h3,
	.benetabs #tabsmain ul.tabitems.multi-inline>li.headalt h4 {
		min-width:0;
		width:auto;
		padding: 0 1em 0 1em;
		margin: 0.5em 0;
	}
.benetabs #tabsmain ul.tabitems>li.headalt h3 {
	float:none;
	clear:both;
	width:auto;
	border-bottom: 1px solid #cfcfcf;
	padding: .5em 0 .4em;
}
.benetabs #tabsmain ul.tabitems>li.headalt h3,
.benetabs #tabsmain ul.tabitems>li.headalt h3 a {
	color:#676767;
	border-bottom-width:0;
	font-family: Arial, Helvetica, sans-serif;
}
.benetabs #tabsmain ul.tabitems>li.headalt.prestable h3,
.benetabs #tabsmain ul.tabitems>li.headalt.prestable h3 a {
	color:#0f73b7;
	border-bottom-width:1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.benetabs #tabsmain ul.tabitems div.tabitem-content {
	float:left;
	clear:none;
	margin-left:4%;
	width:72.5%;
}
	.benetabs #tabsmain ul.tabitems.multi-inline div.tabitem-content {
		display:inline;
		width:auto;
		float:none;
		margin-left:0;
		line-height:2.5em;
	}
.benetabs #tabsmain ul.tabitems li.headalt.prestable div.tabitem-content {
	float:none;
	clear:both;
	margin-left:0;
	width:auto;
}
	.benetabs #tabsmain ul.tabitems.multi-inline li.headalt.prestable div.tabitem-content {
		line-height:1.1em;
	}
.benetabs #tabsmain ul.tabitems li.inlined div.tabitem-content {
	margin-top: 1.05em;
}

ul.tabitems h3 span {
	font-size:0.825em;
	font-weight:normal;
	color: #888888;
	display:block;
	clear:both;
	text-align:right;
	margin-top:0.5em;
	font-style:italic;
}
.multi-inline .tabitem-content p {
	margin-bottom:0.5em;
}
.multi-inline table td {
	vertical-align:middle;
	padding-left:1em;
}

/* log in and other 2 column layouts */
.has-cols {
	margin: 1em 0;
	overflow:hidden;
}
.col {
	float:left;
	clear:none;
	overflow:hidden;
}
.two-cols .col {
	width:45%;
	padding:2%;
	}
	#login #help {
		width:60%;
	}
	#login #reset {
		width:30%;
	} 
#login input {
	margin-right:2em;
}


/* presentation tables */
table {
	border-color:#cccccc;
}
table th, table td {
	border-color:#cccccc;
	vertical-align:top;
}
table th, table th * {
	font-family: Helvetica, Arial, sans-serif;
}
table th {
	background-color:#fafafa;
	color:#606060;
}
table.widetable {
	font-size:0.79em;
	display:block;
	overflow-x:scroll;
	border-style:solid;
}

/* BAD, old-habit tables */
table.badtable, table.badtable th, table.badtable td {
	border-color:#ffffff;
}

/* alternative list presentations */
/* SEE OVERRIDE FOR THIS IN IE6 STYLESHEET */
ol.list-1 li {
	list-style-type:decimal !important;
}
ol.list-a li {
	list-style-type:lower-alpha !important;
}
ol.list-A li {
	list-style-type:upper-alpha !important;
}
ol.list-i li {
	list-style-type:lower-roman !important;
}
ol.list-I li {
	list-style-type:upper-roman !important;
}
ul.list-disc li {
	list-style-type:disc !important;
}
ul.list-circle li {
	list-style-type:circle !important;
}
ul.list-square li {
	list-style-type:square !important;
}
/* Landing Pages */
#landingpage h2{
	margin-bottom:0;
}
#landingpage ul{
	margin-bottom:10px;
}
#landingpage li{
	display:inline;
	padding-right:7px;
}

/*eCommunications */

.ecomm * {
	font-family: Helvetica, Arial, sans-serif !important;
}	
ul.ecomm li {
	background-color:#FFF9E1;
	border-top:1px solid #cccccc;
	list-style-image:url(../img/dash.gif);
	list-style-type:none;
	padding:6px 6px 6px 20px;
}
.central {
	float: right;
	background-color:#F7F7F7;
	border:1px solid #efefef;
	font-family: Helvetica, Arial, sans-serif !important;
	padding: 5px 15px 5px 5px;
}

/*Staff Styles */

#group {
	position:relative;
	top:0;
	left:0;
	height:307px;
	clear:both;
	margin-bottom:1em;
}
#group img {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-250px;
	width:500px;
	height:307px;
}
	#group ul img {
		display:inline;
		position:static;
		margin-left:0;
		width:auto;
		height:auto;
	}
#group h2 { display:none; }
#group h3 { margin-top:0; }
#group h3 .sidenote { 
	font-size:1em;
	color:#666666;
	font-weight:normal;
	padding-left:0.25em;
}
#group ul {
	width:500px;
	height:307px;
	margin: 0 auto;
	position:relative;
	top:0;
	left:0;
	z-index:200;
	display:block;
}
	/* because IE7 and IE8 break otherwise --nonexistent background image for parent */
	.has-js #group ul {
		background: url(../some.png);
	}
	#group ul ul {
		width:auto;
		height:auto;
		margin: 0.5em 0 0.5em 0.5em;
	}
#group li {
	position:absolute;
	top:0;
	left:0;
	width:90px;
	height:90px;
	display:block;
	cursor:pointer;
}
	#group li li {
		position:static;
		display:list-item;
		width:auto;
		height:auto;
	}
#group li * {
	cursor:default;
}
#group .show-me {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position:absolute;
	top:110px;
	left:0;
	width:520px;
	padding:15px;
	background-color:#ffffff;
	border: 1px solid #cccccc;
	display:none;
	z-index:2000;
}
.show-me .pointer {
	position:absolute;
	top:-20px;
	left:50px;
	width:40px;
	height:20px;
	background-image: url(../img/pointer.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#staff { min-height:600px; _height:600px; }
#staff p.sidenote {
	text-align:center;
}
/** action **/
#group li:hover .show-me,
#group li.sfhover .show-me {
	display:block;
}
	/* or let javascript do it, unless you're IE6 */
	.has-js #group li:hover .show-me {
		display:none;
	}
/** positions **/
#group li#elew { left:25px; top:40px; }
#group li#croe { left:111px; top:28px; }
#group li#bmcc { left:180px; top:20px; }
#group li#sbay { left:255px; top:25px; }
#group li#rnix { left:335px; top:20px; }
#group li#dcas { left:15px; top:120px; }
#group li#rkal { left:116px; top:89px; }
#group li#dwhi { left:237px; top:133px; }
#group li#kgat { left:388px; top:134px; }
/** show-me positions -- LEFT from above PLUS 25PX **/
#group li#elew .show-me { left:-50px; }
#group li#croe .show-me { left:-136px; top:90px; }
#group li#bmcc .show-me { left:-205px; }
#group li#sbay .show-me { left:-280px; }
#group li#rnix .show-me { left:-360px; }
#group li#dcas .show-me { left:-40px; }
#group li#rkal .show-me { left:-141px; }
#group li#dwhi .show-me { left:-262px; }
#group li#kgat .show-me { left:-413px; }
/** pointer positions **/
#group li#elew .pointer { left:85px; }
#group li#croe .pointer { left:150px; }
#group li#bmcc .pointer { left:220px; }
#group li#sbay .pointer { left:305px; }
#group li#rnix .pointer { left:365px; }
#group li#dcas .pointer { left:50px; }
#group li#rkal .pointer { left:165px; }
#group li#dwhi .pointer { left:275px; }
#group li#kgat .pointer { left:445px; }

/* forms */
label {
	cursor:pointer;
}
label:hover {
	text-decoration:underline;
}
.tabitem-content input[type="text"], .tabitem-content input.text {
	border: 1px solid #cccccc;
	border-width: 0 0 1px;
	padding:3px;
	background-color:#f0f0f0;
}
.tabitem-content input[type="text"]:focus, .tabitem-content input.text:focus {
	background-color:#e0e0e0;
	color:#505050;
	border-bottom-color:#777777;
}
.submitbox {
	overflow:hidden;
}
.submitbox>div {
	width:100%;
}
.submitbox input {
	float:left;
	clear:none;
}
.submitbox input[type="submit"], .submitbox input.submit {
	float:right;
}
.submitbox #change-pass {
	float:left;
}


/* footer */
#footer {
	clear:both;
	font-size:.7em;
	width:94.5%;
	padding: 5px 2.5%;
	margin-bottom:50px;
	background-image: url(../img/footer.png);
	background-repeat: repeat-x;
	background-position: 0 -198px;
	position:relative;
	top:0;
	left:0;
	height:67px;
}
#footer .bghax {
	position:absolute;
	top:0;
	width:25px;
	height:77px;
	background-image: url(../img/footer.png);
	background-repeat:no-repeat;
}
#footer #bghax1 {
	left:0;
	background-position: 100% 0;
}
#footer #bghax2 {
	right:0;
	background-position: 0 -100px;
}
#footer * {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	margin: 0 0 0 0;
	color:#666666;
	line-height:1.4em;
}