/*
Theme Name: CUPE Local 402
Theme URI: http://www.cupe402.com
Description: The default CUPE Local 402 website theme.
Version: 1.0
Author: Paula Solanoy
Author URI: http://www.paulasolanoy.com
Tags: purple, green, grey

	CUPE Local 402 v1.0
	 http://www.cupe402.com

	This theme was designed and built by Paula Solanoy,
	whose portfolio you will find at http://www.paulasolanoy.com.

*/

body
{
	background: url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_Background.jpg);
	background-repeat: repeat-x;
	background-color: #ededed;
	margin-top: 0;
	margin-bottom: 0;
}

#wrapper
{
	width: 1044px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}


/*------------- Logo Styles -------------*/
#logo
{
	background-image: url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_Logo.png);
	width: 380px;
	height: 110px;
	float: left;
}


/*------------- Menu Styles -------------*/

#header
{
	height: 128px;
	overflow: hidden;
}

#menu
{
	float: right;
	padding-top: 50px;
	font-size: 14px;
}

#nav, #nav ul 
{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-family: Helvetica;
	color: #FFFFFF;
}

#nav a
{
	font-family: Helvetica;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 10em;
}

#nav a:hover
{
	font-family: Helvetica;
	color: #0dbaca;
}

#nav li 
{ /* all list items */
	float: left;
	width: 6em; /* width needed or else Opera goes nuts */
}

#nav li ul 
{ /* second-level lists */
	position: absolute;
	background: #4d347c;
	padding-top: 5px;
	line-height: 1.5em;
	font-size: 12px;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul 
{ /* lists nested under hovered list items */
	left: auto;
		color: #9b84cc;
}


/*------------- Content Styles -------------*/
#content
{
	background-image: url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_BodyBG.jpg);
	background-repeat: repeat-y;
	width: 1044px;
	float: left;
	padding: 30px 52px 30px 52px;	
}


/*------------- Slideshow Styles -------------*/
#splashBanner {
    position:relative;
    height: 288px;
}

#splashBanner DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 288px;
    background-color: #FFF;
}

#splashBanner DIV.active {
    z-index:10;
    opacity:1.0;
}

#splashBanner DIV.last-active {
    z-index:9;
}

#splashBanner DIV IMG {
    height: 288px;
    width: 940px
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/*------------- Left Column Styles -------------*/
#leftColumn
{
	width: 550px;
	float: left;
	overflow: hidden;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 1.5em;
	color: #6a6a6a;
	margin-top: 20px;
	padding-bottom: 30px;
}

#leftColumn p
{
	font-family: Helvetica;
	font-size: 13px;
	line-height: 1.8em;
	color: #6a6a6a;
}

#leftColumn a:link, #leftColumn a:visited
{
	font-family: Helvetica;
	font-size: 13px;
	line-height: 1.8em;
	color: #7d67a6;
        text-decoration: none;
}

#leftColumn a:hover
{
	font-family: Helvetica;
	font-size: 13px;
	line-height: 1.8em;
	color: #129aa4;
}

#leftColumn h3
{
	font-family: Helvetica;
	font-size: 30px;
	color: #4d347c;
	font-weight: 100;
}

#leftColumn h6 a:link, #leftColumn h6 a:visited
{
	font-family: Helvetica;
	font-size: 20px;
	color: #4d347c;
	font-weight: 100;
}

#leftColumn h6 a:hover
{
	font-family: Helvetica;
	font-size: 20px;
	color: #129aa4;
	font-weight: 100;
}

#leftColumn h4
{
	font-family: Helvetica;
	font-size: 23px;
	color: #4d347c;
	font-weight: 100;
        margin-bottom: 2px;
}

#leftColumn h5
{
	font-family: Helvetica;
	font-size: 16px;
	color: #7962a6;
	font-weight: 100;
        margin-bottom: -3px;
}

/*------------- Right Column Styles -------------*/
#rightColumn
{
	width: 320px;
	float: right;
	overflow: hidden;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 1.5em;
	color: #6a6a6a;
	margin-top: 20px;
	margin-right: 100px;
}

#rightColumn p
{
	font-family: Helvetica;
	font-size: 12px;
	line-height: 1.8em;
	color: #6a6a6a;
}

#rightColumn a:link, #rightColumn a:visited
{
	color: #4d347c;
	text-decoration: none;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 1.8em;
}

#rightColumn a:hover
{
	color: #2ab7c4;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 1.8em;
}

#rightColumn h3
{
	font-family: Helvetica;
	font-size: 22px;
	color: #4d347c;
	font-weight: 100;
}

#newsBox1 h3
{
	font-family: Helvetica;
	font-size: 25px;
	color: #4d347c;
	font-weight: 100;
}


/*------------- News Box 1 & 2 Styles -------------*/
#newsBox1 h4
{
	font-family: Helvetica;
	font-size: 16px;
	color: #2ab7c4;
	font-weight: 100;
	margin-bottom: -2px;
}

#newsBox1
{
	width: 250px;
	float: left;
	overflow: hidden;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 1.5em;
	color: #6a6a6a;
	margin-top: 20px;
}

#newsBox2 h3
{
	font-family: Helvetica;
	font-size: 25px;
	color: #4d347c;
	font-weight: 100;
}

#newsBox2 h4
{
	font-family: Helvetica;
	font-size: 16px;
	color: #2ab7c4;
	font-weight: 100;
	margin-bottom: -2px;
}

#newsBox2
{
	width: 250px;
	float: left;
	overflow: hidden;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 1.5em;
	color: #6a6a6a;
	margin-top: 20px;
	margin-left: 50px;
}


/*------------- Meeting Schedule Box Styles -------------*/
#rounded-corner
{
	font-family: Helvetica;
	font-size: 11px;
	width: 320px;
	text-align: left;
	border-collapse: collapse;
	vertical-align: top;
}

#rounded-corner thead th.rounded-company
{
	background: #4d347c url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/left.png') left -1px no-repeat;
}

#rounded-corner thead th.rounded-q3
{
	background: #4d347c url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/right.png') right -1px no-repeat;
}

#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	background: #4d347c;
}

#rounded-corner td
{
	padding: 8px;
	background: #ebe8f0;
	border-top: 1px solid #fff;
	color: #669;
}

#rounded-corner tfoot td.rounded-foot-left
{
	background: #ebe8f0 url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/botleft.png') left bottom no-repeat;
}

#rounded-corner tfoot td.rounded-foot-right
{
	background: #ebe8f0 url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/botright.png') right bottom no-repeat;
}

#rounded-corner tbody tr:hover td
{
	background: #dad1e8;
}


/*------------- Meeting Schedule Box 2 Styles -------------*/
#rounded-corner2
{
	font-family: Helvetica;
	font-size: 13px;
	width: 540px;
	text-align: left;
	border-collapse: collapse;
	vertical-align: top;
}

#rounded-corner2 thead th.rounded-company
{
	background: #4d347c url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/left.png') left -1px no-repeat;
}

#rounded-corner2 thead th.rounded-q3
{
	background: #4d347c url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/right.png') right -1px no-repeat;
}

#rounded-corner2 th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	background: #4d347c;
}

#rounded-corner2 td
{
	padding: 8px;
	background: #ebe8f0;
	border-top: 1px solid #fff;
	color: #669;
}

#rounded-corner2 tfoot td.rounded-foot-left
{
	background: #ebe8f0 url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/botleft.png') left bottom no-repeat;
}

#rounded-corner2 tfoot td.rounded-foot-right
{
	background: #ebe8f0 url('http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/table-images/botright.png') right bottom no-repeat;
}

#rounded-corner2 tbody tr:hover td
{
	background: #dad1e8;
}


/*------------- Rollover Button Styles -------------*/
.rollover a 
{
	display:block;
	width: 90px;
	padding:10px 10px 10px 7px;
	font: 13px sans-serif;
	color:#c8b8e6;
	text-align: center;
	background: url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_ReadMoreBtn.png) 0 0 no-repeat;
	text-decoration: none;
}

.rollover a:hover 
{	
	background-position: 0 -35px;
	color: #FFF;
}
		
.rollover a:active 
{
	background-position: 0 -70px;
	color:#FFF;
}


/*------------- Partner Logos Styles -------------*/
#partnerLogos
{
	float: left;
	width: 550px;
	height: 96px;
	background-image: url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_PartnerLogos.jpg);
	background-repeat: no-repeat;
	border-top: 1px solid #e1e1e1;
	margin-top: 50px;
}


/*------------- Footer Styles -------------*/
#footer
{
	float: left;
	width: 940px;
	border-top: 1px solid #e1e1e1;
	margin-top: 50px;
	text-align: center;
	font-family: Helvetica;
	font-size: 10px;
	line-height: 1.5em;
	color: #afafaf;
}

#footer a:link, #footer a:visited
{
	font-family: Arial, san-serif;
	font-size: 11px;
	color: #7d67a6;
	text-decoration: none;
}

#footer a:hover
{
	font-family: Arial, san-serif;
	font-size: 11px;
	color: #129aa4;
	text-decoration: none;
}


/*------------- Search Box Styles -------------*/
fieldset.search 
{
	border: none;
	width: 295px;
	margin: 0 auto;
	background: #FFF;
}

.search input, .search button 
{
	border: none;
	float: left;
}

.search input.box 
{
	font-family: Helvetica;
	font-size: 13px;
	color: #6a6a6a;
	width: 235px;
	height: 30px;
	padding: 8px 8px 0;
	background: #FFF url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_SearchBG.png) no-repeat left top;
	margin-right: 5px;
}

.search input.box:focus 
{
	background: #FFF url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_SearchBG.png) no-repeat left -38px;
	outline: none;
}

.search button.btn 
{
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: #FFF url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_SearchBG.png) no-repeat top right;	
}

.search button.btn:hover 
{
	background: #FFF url(http://www.m-mni.com/sites/cupe402/wp-content/themes/cupe402/images/CUPE_SearchBG.png) no-repeat bottom right;	
}



#breadcrumbs
{
	font-family: Helvetica;
	font-size: 11px;
	line-height: 1.5em;
	color: #129aa4;
}

#breadcrumbs p
{
	font-family: Helvetica;
	font-size: 11px;
	line-height: 1.5em;
	color: #4d357c;
        font-weight: bold;
}

#breadcrumbs a:link, #breadcrumbs a:visited
{
	font-family: Helvetica;
	font-size: 11px;
	line-height: 1.5em;
	color: #4d357c;
        text-decoration: none;
}

#breadcrumbs a:hover
{
	font-family: Helvetica;
	font-size: 11px;
	line-height: 1.5em;
	color: #129aa4;
        text-decoration: none;
}

.search-excerpt { background: yellow; }





.wp-table-reloaded {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #FFFFFF;
	margin: 10px 0px 15px 0px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
.wp-table-reloaded th {
	background-color: #4d347c;
	border: 1px solid #FFFFFF;
        color: #FFFFFF;
	padding: 4px;
}
.wp-table-reloaded td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFFFFF;
	vertical-align: top;
        color: #4d347c;
}
.wp-table-reloaded .even td {
	background-color: #ebe8f0;
}
.wp-table-reloaded .odd td {
	background-color: #ebe8f0;
}
.wp-table-reloaded .row-hover tr:hover td {
	background-color: #d8d0e5;
}
.wp-table-reloaded-table-description {
	clear: both;
	display: block;
}

.sidebar ul li {
	list-style-type: none;
	}

.sidebar ul li ul li {
	list-style-type: none;

p img
{
        margin-right: 15px;
        margin-bottom: 15px;
        float: left;
        border: 0px;
}



/* [gallery] shortcode styles. */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid red;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	border: 1px solid red;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item .gallery-icon img {
	width: auto;
	max-width: 89%;
	height: auto;
	padding: 1%;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.gallery .col-0 { width: 100%; }
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 50%; }
.gallery .col-3 { width: 33.33%; }
.gallery .col-4 { width: 25%; }
.gallery .col-5 { width: 20%; }
.gallery .col-6 { width: 16.66%; }
.gallery .col-7 { width: 14.28%; }
.gallery .col-8 { width: 12.5%; }
.gallery .col-9 { width: 11.11%; }
.gallery .col-10 { width: 10%; }
.gallery .col-11 { width: 9.09%; }
.gallery .col-12 { width: 8.33%; }
.gallery .col-13 { width: 7.69%; }
.gallery .col-14 { width: 7.14%; }
.gallery .col-15 { width: 6.66%; }
.gallery .col-16 { width: 6.25%; }
.gallery .col-17 { width: 5.88%; }
.gallery .col-18 { width: 5.55%; }
.gallery .col-19 { width: 5.26%; }
.gallery .col-20 { width: 5%; }
.gallery .col-21 { width: 4.76%; }
.gallery .col-22 { width: 4.54%; }
.gallery .col-23 { width: 4.34%; }
.gallery .col-24 { width: 4.16%; }
.gallery .col-25 { width: 4%; }
.gallery .col-26 { width: 3.84%; }
.gallery .col-27 { width: 3.7%; }
.gallery .col-28 { width: 3.57%; }
.gallery .col-29 { width: 3.44%; }
.gallery .col-30 { width: 3.33%; }


