/*
Beaconfire sample XHTML/CSS base file
Version: 1.0
Author: Tim Arnold, Beaconfire Consulting
tim.arnold@beaconfire.com
http://beaconfire.com
Based on: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

/* ****************** */
/* Reset HTML styles */
/* ****************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img,
a img {border: none;}

/* *************** */
/* Utility Styles */
/* ************** */

.spacer { margin: 0; padding: 0; clear: both; }

/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */


/*
Beaconfire sample XHTML/CSS base file
Version: 1.0
Author: Tim Arnold, Beaconfire Consulting
tim.arnold@beaconfire.com
http://beaconfire.com
*/



/* ************************** */
/* Global Elements */
/* ************************** */
body { text-align: center; background: #09294D; font-family: arial,verdana,helvetica,sans-serif; font-size: 73%; }
h1 {font-size: 1.8em; margin: 0; padding: 0; }
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.13em; margin: 0 0 0.25em; padding: 0.125em 0; line-height: 1.3}
h4 {font-size: 0.95em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; clear: both; }
p {margin: 0.33em 0 1em 0; line-height: 1.4em;}
a { color: #039; }
a:hover {color: #f0b410;}
small {font-size: 85%;}
.small {margin: 0px 15px; font-size: 10px; padding: 0px 15px;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form { margin: 0; padding: 0; }
hr { clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
#content img {margin: 10px; }
/*change height to make text fit*/
input.text { border: 1px #2A4B70 solid; height: 13px; color: #000; font-size: 0.8em;  }
strong {font-weight: bold;}
em {font-style: italic;}

/* ************************** */
/* Layout: the big containers */
/* ************************** */
.skipnav { float: left; color: #09294D; }
#wrapper { width: 779px; margin: 0 auto; text-align: left; background: #fff; }
#header { width: 779px; }
#page { clear: both; padding-top: 20px; }
#sidebar { width: 220px; float: left; padding-bottom: 20px; margin-left: 5px; }
#content { width: 545px; float: left; padding-bottom: 20px; }
#content-well { clear: both; padding-left: 15px; }
#footer { width: 779px; }


/* ************ */
/* Header Stuff */
/* ************ */
#header { position: relative; }
#search,
#header #get-involved { position: absolute; right: 13px;}
#header #search { top: 10px; }
#header #get-involved { top: 113px; }
#get-involved img,
#header #get-involved input,
#search input { float: left; }
/*2008-03-11 Change*/
#search input.text {width: 150px;}
#get-involved img { margin-top: 3px; }
.freeform {line-height: 1.3}
.freeform ul {line-height: 1.4}
p.freeform, h2.freeform {border: 0 !important; background-color: transparent !important;}
p.freeform-nb, p.freeform-nb img, h2.freeform-nb a {display: none !important;}

/*2008-03-13 Removed Float, centered image inside*/
div.freeform-nb p, div.freeform p {margin: 10px 0 0 0; padding: 0; /*float: left;*/; }
/*2008-03-13 - Centers go button*/
div.freeform p img {text-align: center;}



h2.freeform {margin: 0 !important; padding: 0 !important; }
h2.freeform a {margin: 0 0 8px 0; padding: 0; text-decoration: none;}
div.feature_image {width: 98%; text-align: center; }
div.feature_image img {margin-top: 10px;}

/* ********* */
/* Nav Stuff */
/* ********* */
ul.nav { border-top: 16px #F0B410 solid; padding-left: 12px; }
ul.nav li { float: left; width: 126px; height: 21px; background:  url(/page/-/cwa-iue/topnav-bg.gif); text-align: center; padding-top: 3px; }
ul.nav a { font-size: 1.05em; color: #000; text-decoration: none; }
ul.nav a:hover { text-decoration: underline; }


/* ******************************** */
/* Labor and Industry news column */
/* ***************************** */
#sidebar img.head { margin: 0 0 0 8px; padding: 0; }
#sidebar .news { width: 183px; height: 375px; margin: -5px 0 10px 30px; border: 1px #666 solid; border-top: none; background: #fff url(/page/-/cwa-iue/cwa-iue/player-bg.gif) bottom right no-repeat; }
#sidebar .news p { padding: 5px 20px; clear: both; }
#sidebar .news ul { margin: 5px 0 0 0; padding: 10px 20px; }
#sidebar .news li { padding: 0 0 15px 0; }
#sidebar .button-holder { margin-left: 32px; }
#sidebar .button-holder input.text { width: 160px; }
#sidebar .button-holder img { padding-top: 10px; }
#sidebar ul,
ol {margin: 1em 0; padding-left: 1em;}
#sidebar .player { text-align: right; padding: 0; position: relative; top: -27px; right: 10px; }

/*2008-03-11 changed margin-top*/
#spryframe {border: 1px solid #666666; border-style: none solid solid solid; margin-top: 0px; margin-left: 30px; width: 183px; height: 375px;}


/* ************ */
/* Content Area */
/* ************ */
#content-well ul,
#content-well ol {margin: 1em 0; padding-left: 2.5em;}
#content-well h2, #subpage #content-well h3 { color: #666; background: #fff url(/page/-/cwa-iue/head-h2-bg.gif) left bottom no-repeat; font-family: "Arial Narrow",arial,verdana,sans-serif; font-size: 1.1em; text-transform: uppercase; padding: 0 0 1px 30px;  margin: 20px 0;}



#subpage #content-well h3 a {text-decoration: none;}
#subpage #content-well h3 {width: 95%; color: #000; margin: 20px 0 5px 0; }

#content-well h4 {color: #000; font-size: 1.0em; background: #fff url(/page/-/cwa-iue/head-h4-bg.gif) 0px 2px no-repeat; margin: 20px 0 3px 0; padding: 0 0 1px 14px; line-height: 1.2em;}

#content-well h2 a { color: #666; text-decoration: none; }
#content-well h2 a:hover { color: #000; }
#content-well .feature { width: 485px; background: #fff url(/page/-/cwa-iue/feature-bg.gif) top left no-repeat; padding: 20px 20px 0 20px; color: #333; border-bottom: 1px #666 solid; }
#content-well .feature h1 { margin: -20px 0 10px 10px; font-family: "Arial Black",arial,verdana,sans-serif; }
#content-well .feature h1 a { color: #000; text-decoration: none; }
#content-well .feature h2 { background-image: none; background-color: #ffc; margin: 20px 0 0 0; padding: 0; clear: none; }
/*#content-well .feature p { margin-top: 20px; font-size: 1.1em; line-height: 1.6em; }*/
#content-well .feature img { float: left; margin: 3px 10px 5px 0; }

#content-well .news,
#content-well .reading,
#content-well .issues,
#content-well .spotlight { float: left; }

#content-well .news { width: 300px; }
#content-well ul, #content-well ol {line-height: 1.3em;}
#subpage #content-well ul {margin: 2px 0 5px 0;}
#subpage #content-well ul li {background: #fff url(/page/-/cwa-iue/bullet.gif) 0 8px no-repeat; padding: 3px 12px;}
#subpage #content-well ol li {padding: 3px 12px;}
#subpage #content-well ul li ol li {background-image: none;}
#content-well ul li, #content-well ol {margin: 0 0 3px 0}
ol { list-style-type: decimal }

/*2008-03-11 Changed Margin bottom and adding no padding*/
#content-well .news h3 { margin: 10px 0 0 0; padding: 0px; }

#content-well .news p { margin-bottom: 10px; }
#content-well .news img { float: left; margin-right: 10px; }

#content-well .reading { width: 200px; margin-left: 20px; }
#content-well .reading ul,
#content-well .reading p { width: 150px; }
/*added div.freeform ul to include recommended reading or any other lists that may come in this section*/
#content-well .reading ul, div.freeform ul { margin: 0; padding: 0; }
#content-well .reading li,  div.freeform ul li { padding: 7px 0; }

#content-well .issues { width: 205px; }

#content-well .spotlight { width: 305px; margin-left: 13px; }

#content-well .holder { margin-left: 30px; }
#content-well .feature .holder { margin-left: 0; }

#content-well blockquote {margin-left: 30px;}

#promos { clear: both; padding-bottom: 10px; text-align: center; width: 100%;}
#promos div {display: inline;}
#promos img { padding: 5px; display: inline;}
#promos a {color: #fff; text-decoration: none;}



/*2008-03-11 Reduced width, increased margin*/
.rss-feed {width: 193px !important; margin-left: 30px;}
.rss-feed ul {clear: both; width: 89%; margin: 0 !important; padding: 0 !important;}

/*2008-03-11 Increased margin-top*/
.rss-feed li {margin: 10px 0 0 0 !important; padding: 0 !important; line-height: 1.4 !important;}

/* ****** */
/* Footer */
/* ****** */
#footer { clear: both; text-align: center; background-color: #09294D; border-top: 3px #F0B410 solid; padding-top: 10px; color: #fff; font-size: 0.9em; }
#footer a { color: #fff; }
#footer a:hover {color: #f0b410;}


/* ****************/
/* Subpage Items */
/* ****************/
/*2008-03-13 changed margin top*/
#breadcrumb { margin: 5px 0 25px 0px; line-height: 1.3; font-size: 10px  
!important ;}
.breadcrumb .breadcrumbComponent { float: left; }
/*2008-03-13 bolded breadcrumb separator*/
.breadcrumbseparator  { font-weight: bold; }
.breadcrumbItem {display: none !important; }
#breadcrumb span.breadcrumbseparator:last-child  { display: none; }

/*Added padding to page and took way from content so that the wrapper by itself can be viable*/

#subpage #page { padding-top: 0; margin-top: 10px; margin-left: 20px; clear: both; display: block; padding-right: 5px;}
#subpage #content { margin-left: 0px; width: 535px;}
#subpage #content {width: 525px;}
#subpage #content-well {padding-left: 0px; }

/*2008-03-13 added margin-bottom*/
#subpage #content-well .holder img {margin-bottom: 10px;}


#subpage #content-well .holder { margin-right: 10px; }


#subpage #content-well .feature h2 { text-transform: none; font-family: arial,verdana,sans-serif; font-size: 1.2em; margin-bottom: 5px; }
#subpage #content-well .feature h2 a { color: #039; text-decoration: none; }
/*2008-03-13 added for hover effect*/
#subpage #content-well .feature h2 a:hover { color:  #f0b410; text-decoration: underline; }
#subpage #content-well .feature p { margin-top: 0; }
#subpage #sidebar { padding-top: 26px; margin-left: 15px; width: 205px;}
/*2008-03-13 changed width by a few pixels*/
#subpage #get-involved, #subpage .freeform { width: 184px; border: 1px #71d3d6 solid; background: #f2f7f4; padding: 5px 10px; margin-bottom: 10px;  }
#subpage #sidebar h2 { font-family: "Arial Narrow",arial,verdana,sans-serif; font-size: 1.1em; color: #02448d; text-transform: uppercase; margin-top: 0; }
#subpage #get-involved input.button { margin-left: 0; margin-bottom: 3px; }
/*2008-03-13 changed width of email signup*/
#subpage #get-involved input.text {width: 140px;}
/*2008-03-17 changed to get rid of text decoration*/
#subpage #get-involved h2 a {text-decoration: none;}
#no-display, .no-display {display: none;}

#subpage #content-well .news-item {float: left !important; WIDTH: 720px !important}

.news-split {width: 46% !important;  float: left !important; margin-right: 20px !important; }
#subpage .news-item {float: left; WIDTH: 720px !important}




#contentDiv  {font-size: 1em !important; font-family: arial,verdana,helvetica,sans-serif !important; }
#subpage #contentDiv {margin-top:15px !important;}
/*#subpage #content-well {font-size: 1.1em;}*/
/*#body-content {font-size: 1.1em;}*/

#display-date {/*font-size: 1.2em;*/ font-style: italic; margin: 10px 0;}

.teaser-image img {float: left; margin: 5px 15px 15px 0;}
span.email {padding: 3px 20px; margin-top: 3px; background: url(/page/-/cwa-iue/email.gif) no-repeat center left; display: block; }
span.print {padding: 3px 20px; margin-top: 3px; background: url(/page/-/cwa-iue/print.gif) no-repeat center left;  display: block;}
#tools {float: right; margin-left: 10px; width: 120px !important; padding: 3px;}
#tools a, span.email a, span.print a  {/*font-size: 1.2em;*/ text-decoration: none;}





.sidebar-btn {text-align: center; width: 220px; margin: 10px 0;}
.freeform-nb {border: 0px !important; background: none !important; width: 184px; margin: 10px; padding: 10px;}

.sendToFriend {margin: 15px;}

.rss {padding-left: 15px; margin-left: 3px; background: url(/page/-/cwa-iue/rss.gif ) no-repeat; }

#feedlist li {font-size: .8em; line-height: 1.4}
div.holder ul li {line-height: 1.2}

/*Search styles*/
p.searchDisplayResults {font-size: 1.2em; font-weight: bold; margin: 10px 0 ;}
p.searchTitle {visibility: hidden;}
p.searchTitle a {visibility: visible; margin-left: -13px; font-weight: bold; font-size: 1.1em;}
p.searchTimeStamp, p.searchDescription {display: none;}
p.searchTeaser {width: 500px; padding-bottom: 10px; border-bottom: 1px solid #666; margin-bottom: 10px;}
div.searchNavigation {font-size: 1.1em; margin: 10px 0;}


/*subpage forms*/
#content-well form input {border: 1px solid #2a4b70}
#content-well from input[type="radio"] {border: 0px !important}
#content-well input[type="checkbox"], #content-well input[type="radio"] {border: 0px;}
/*#content-well input[type="button"], #subpage #content-well input[type="submit"], #content-well input[type="reset"], #content-well input[type="reset"] {border: 1px solid #2a4b70; background-color: #ffffcc; margin: 4px; padding: 5px;}*/
#content-well #form-fill table td {padding-right: 20px;}

/*updates*/
h1.headline {font-size: 16px; width: 670px; margin-bottom: 5px;}
p.date-display {margin: 15px 0 25px 0;}
#inner-content {line-height: 1.4}

/*News styles*/
p.dateline {font-weight:bold; padding-top:15px;}

/*Data Tables*/
.datatable {
margin:10px;
border-collapse:collapse;
border:2px solid #000000;
}

.datatable caption {
font-size:1.1em;
}

.datatable th {
font-weight:bold;
background-color:#FFFFCC;
}

.datatable .header {
text-align:center;
background-color:#CFD8E0;
}



/* video */
.video-index-entry-cont  {overflow: hidden; margin: 0 0 40px 0;}
.video-index-entry-cont h3 {margin: 0 0 15px 0!important;}
.video-index-entry-cont .left {float: left; margin-top: -5px;}
.video-index-entry-cont .right {float: left; width: 390px;}
.video-index-entry-cont .right h3 {margin: 0 0 3px 0;}
.video-index-entry-cont .right p {margin: 0 0 3px 0;}

.video-medium-thumb {position: relative;}
.video-medium-thumb-overlay {position: absolute; background: url(/page/-/cwa-union/images/medium-play-button.png) 10px 10px; display: block; text-indent: -900em; height: 97px; width: 131px;}

/* homepage video */
#home-video-cont {padding: 0!important;}
#home-video-cont .video-medium-thumb img {padding: 0!important; margin: 0!important;}
#home-video-cont .video-medium-thumb-overlay {background-position: 0 0;}
#home-video-cont .video-desc {margin: 0 0 3px 0;}
.home-video-bottom h3 {margin: 0;}
.home-video-entry {margin: 0 0 20px 0;}