.maintext {font-size: 10pt; color: white; font-family: arial}
.address {font-size: 10pt; color: white; font-family: arial}
.secondary {font-size: 11pt; color: #f3f3f3; font-family: arial}
.secondary_heading {font-size: 11pt; color: white; font-family: arial; font-weight: bold}
.title {font-size: 16pt; color: #fff; font-family: arial}
.hilite { background-color: #ff0;}
.highlight { background: #FFFF40; } /* zooms style */
.group_title {font-size: 14pt; color: #f3f3f3; font-family: arial;}

.smalllink { color: #ACFCE9; font-family: arial,sans-serif; font-weight: normal; font-size: 9pt; text-decoration: none; }
.smalllink:hover { color: #fff; font-family: arial,sans-serif; font-size: 9pt; font-weight: normal; text-decoration: underline; }
.heading_link {font-size: 14pt; color: #990099; font-family: arial; font-weight: underline}
.heading_link:hover {font-size: 14pt; color: #990099; font-family: arial; font-weight: normal; text-decoration: underline;}

right_column_link {font-size: 9pt; color: #33A1C9; font-family: arial;}
.right_column_link:hover {font-size: 9pt; color: orange; font-family: arial;}

a {color: #bfefff; font-family: arial,verdana,sans-serif; font-weight: bold; font-size: 10pt; text-decoration: underline; } /*BFEFFF*/
a:hover {color: #fff; font-family: arial,verdana,sans-serif; font-weight: bold; font-size: 10pt; text-decoration: underline; }
body {background-color : #1a1a1a}
ul {list-style-type: square}
li {margin-bottom: 4px;}

#letterhead {display: none}

body {text-align: center;}

#container {
	width: 1024px;
	height: auto;
	background-color: #000;
            border-right: 1px solid #aaa;
            border-left: 1px solid #aaa;
            padding-top: 30px;
	padding-bottom: 40px;
            margin: 0 auto;
            text-align: left;
            overflow: hidden;
	}

#banner_container {
            width: 1018px;
	height: 93px;
	background-color: transparent;
	float: left;
	}
	
#leftbanner {
	width: auto;
	height: auto;
	float: left;
            background-color: #00779e;
	}

#rightbanner {
	width: 100px;
	height: auto;
	float: right;
	}

#category_container {
        width: 1024px;
        height: auto;
	background-color: #363636;
	float: left;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
            }
#category_container.img {
   vertical-align: bottom;
}

#category_left {
            width: 575px;
        #width: 575px;
            height: auto;
	border-right: 1px solid #aaa;
	float: left;
	}

#category_right {
            width: 448px;
        #width: 450px;
            height: auto;
	float: left;
	}

#lowerbanner {
        width: 100%;
        float: left;
        height: 125px;
	background-image: url(/images/1024/secondary_lower_banner.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
        }
        
#lower_box_left {
	width: 130px;
	#width: 130px; /* for IE7 */
	float: left;
            padding-left: 20px;
            padding-right: 7px;
        padding-top: 25px;
}

#lower_box_right {
        width: 300px;
        float: right;
        }

#navbar {
	float: left;
	width: 185px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.button,
#button {
	position: relative;
	float: left;
	width: 177px;
	background-color: #00779E;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #363636;
	}

#content {
	width: 690px;
        #width: 780px;
	height: auto;
	float: left;
	padding: 30px 40px 40px 40px;
	background-color: #1a1a1a;
	/*background-image: url(../images/swoop.gif);
	background-repeat: no-repeat;
	background-position: 0% 100px;*/
        border: 1px solid #aaa;

	#padding: 40px 40px 40px 40px; /* IE7 */
	_padding: 40px 40px 40px 40px; /* IE6 */
	}

#contentwithborder {
	width: 655px;
	#width: 100%; /* for IE7 */
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-color: transparent;
	border-top: 1px solid #aaa;
	}	
	
#header {
	width: 60%;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	background-color: transparent
	}

#headline_container{
	width: 100%;
	float: left;
	padding-bottom: 20px;
	}

#headline_box {
        width: 80%;
	float: left;
	}

#bookshelf {
        width: 60px;
        float: left;
        }

/* column is used on Other Committees page and Union Contacts */
#column {
	width: 235px;
	height: auto;
	float: left;
	}

/* media_box, thumbnail and caption are used on the Photos/Media page */

#media_box {
        width: 100%;
        height: auto;
        float: left;
        }

#caption {
        width: 60%;
        height: auto;
        float: left;
        padding-bottom: 10px;
        }

#player_caption {
        width: 95%;
        height: auto;
        float: left;
        padding-bottom: 10px;
        }

#thumbnail {
	width: 35%;
	height: auto;
	float: left;
        padding-bottom: 10px;
	}

/* poster and poster_container are used on the Save The Bindery page */
#poster {
	width: 220px;
	height: auto;
	float: left;
	}

#poster_container {
	width: 500px;
	height: auto;
	float: left;
	}

img.floatLeft { 
    float: left; 
    margin: 0px 10px 10px 0px; 
}


img.floatRight { 
    float: right; 
    margin: 0px 0px 0px 0px; 
}

/* Tyee is used on the Newswire page for the Tyee news feed */
#Tyee {
	width: 150px;
	height: 200px;
	float: left;
	padding: 0px 10px 10px 0px;
	}

#paginate_wrapper {
       width: 100%;
       float: left;
       }

#paginate{
       width: 45%;
       float: left;
       padding-bottom: 30px;
       }

#gap {
	width: 100%;
	float: left;
	height: 20px;
	}