@charset "utf-8";

@import url(type.css);
@import url(layout.css);

/*  ================================================== 
 *
 *  Created by Fabien Doiron
 *  Copyright - 2008 non~linear creations
 *  All Right Reserved
 *  
 *  Default Stylesheet - default.css
 *
 *  ==================================================
 */

html { font-size: 62.5%; }

body { color: #595959;
	   font: normal 1.2em/1.4 Arial, Helvetica, sans-serif;
	   margin: 0;
	   padding: 0;
	   text-align: center;
     }
	 
img { border: 0; margin: 0; padding: 0; }

.bold {
	font-weight: bold;
}


/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== HEADER STYLES ========== */
		.hdr_logo { float: left;
					margin-top: 7px;
				  }
		
		#toolNav { float: left; 
				   overflow: hidden; 
				   text-align: right;
				   width: 480px;
				 }
		
		#toolNav ul { float: right;
					  *min-width: 120px;
					  list-style: none;
					  margin: 0;
					  overflow: hidden;
					  padding: 5px 0 0;
					  display:block;
					}
		
		#toolNav li	{ background: url(../images/div_toolNav.gif) no-repeat right center; 
					  float: left;
					  margin: 0;
					  padding: 0 .75em;
					}
		
		#toolNav li a,
		#toolNav li a:link,
		#toolNav li a:active,
		#toolNav li a:visited	{ color: #FF690B;
								  font-size: .9em;
								  text-decoration: none;
								}
								
		#toolNav li a:hover	{ text-decoration: underline; }
		
		#toolNav li.tn-last	{ background: none; 
							  padding-right: 0; 
							}
		
		input.search	{ width: 170px; *width: 160px; }
		input.submit	{ background-color: #4C4C4C; 
						  border: 1px solid #727272; 
						  color: #FFFFFF; 
						  font-size: .9em; 
						  font-weight: bold; 
						  outline: none; 
						  margin-left: 5px; 
						  text-transform: uppercase;
						  cursor: pointer;
						}
		
		#toolNav dl	{ float: right; margin: 0; padding: 0; }
		#toolNav dt	{ float: left; margin-left: 5px; }
		
		a.icon-rss,
		a.icon-bookmark	{ display: block;
						  margin-top: 5px;
						  vertical-align: middle;
						}
		
		a.icon-rss	{ background: url(../images/icon_rss.gif) no-repeat 0 2px;
					  height: 16px;
					  width: 12px; }
					  
			a.icon-rss span	{ display: none; }
			
		a.icon-bookmark	{ background: url(../images/btn_bookmark.gif) no-repeat 0 0;
					  	  height: 16px;
					  	  width: 83px; 
						}
					  
			a.icon-bookmark span	{ display: none; }
		
	/*  ========== MAIN NAVIGATION STYLES ========== */			
		#mainnav ul   { list-style: none;
						margin: 0;
						overflow: hidden;
						padding: 0;
						float: left;
					  }
		
		#mainnav li { float: left; height:100%; display:block; position:relative; margin: 0; padding: 0; width: 110px; text-align:center; }
					  
		#mainnav li a,
		#mainnav li a:link,
		#mainnav li a:active,
		#mainnav li a:visited	{ color: #FFFFFF;
								  display: block;
								  font-size: .9em;
								  font-weight: bold;
								  padding: .75em 1em; 
								  text-decoration: none;
								  text-transform: uppercase;
								}
								
		#mainnav li a:hover	{ background: url(../images/bg_mainNav-over.gif) repeat-x #EE6017; }
		
		#about #nav-about,
		#impact #nav-impact,
		#involved #nav-involved,
		#campaign #nav-campaign,
		#retirees #nav-retirees,
		#media #nav-media,
		#news #nav-news,
		#forum #nav-forum { background: url(../images/bg_mainNav-over.gif) repeat-x #EE6017; }
	
	/*  ========== CONTENT STYLES ========== */
		.ctn-home-div { background: url(../images/div_home.gif) no-repeat bottom left #FFFFFF; clear: both; height: 15px; padding-top: 25px; width: 100%; }
		
		.gray-border	{ border: 2px solid #D0D0D0;
						  padding: 10px; }
		
		.gray-border-right	{ border: 2px solid #D0D0D0;
						  	  padding: 0 15px 20px; 
							}
							  
		.home-btn-right	{ clear: both;
						  padding-left: 5px; 
						}
						  
		.img-left	{ float: left; margin-right: 3px; }
		.img-center	{  display: block;    margin-left: auto;    margin-right: auto; }
 
		
		dl.story					{ background: #EEEEEE; clear: both; }
			dl.story dt				{ float: right; font-size: 1.3em; line-height: 1.4em; margin-top: 20px; text-align: left; width: 465px; }
				dl.story dt span	{ display: block; padding-right: 50px; }
			
			dl.story dd					{ float: left; padding: 5px 5px 0 5px; }
			dl.story dd.story-name 		{ background: #FFFFFF; clear: both; float: none; padding: 0; }
			dl.story dd.story-name span	{ background: url(../images/story-name.gif) no-repeat top right; display: block; font-size: .9em; font-weight: bold; line-height: 1.2em; margin: 0 30px 0 0; padding: 4px 30px 0 0; text-align: right; text-transform: uppercase; }
			dd.story-name a				{ text-decoration: none; }
			dd.story-name a:hover		{ text-decoration: underline; }
		
		#content-tools ul 	{ float: right; list-style: none; margin: 0; padding: 0; }
		#content-tools li	{ color: #1A1A1A; font-size: .9em; float: left; margin: 0; padding: 0 15px 0 0; }
		#content-tools li a	{ color: #1A1A1A; text-decoration: none; }
		#content-tools li a:hover	{ text-decoration: underline; }
		
		a.icon-print,
		a.icon-email	{ padding-left: 25px; }
		
		a.icon-fontBig,
		a.icon-fontSmall	{ float: left; display: block; height: 13px; width: 26px; }
		
		a.icon-fontBig span,
		a.icon-fontSmall span	{ display: none; }
		
		a.icon-fontBig		{ background: url(../images/icon-fontBig.gif) no-repeat left top; }
		a.icon-fontSmall	{ background: url(../images/icon-fontSmall.gif) no-repeat left top; width: 20px; }
		
		a.icon-print	{ background: url(../images/icon-print.gif) no-repeat top left; }
		a.icon-email	{ background: url(../images/icon-email.gif) no-repeat top left; }
		
	/*  ========== BREADCRUMB STYLES ==========  */
		#breadcrumb ul    { list-style: none;
							margin: 0;
							overflow: hidden;
							padding: 0;
						  }
			
		#breadcrumb li { background: url(../images/bullet_arrowGray.gif) no-repeat right center;
						 color: #7F7F7F;
						 float: left;
						 font-size: .9em;
						 padding: .75em 1em .75em .25em;
						 margin: 0;
					   }
					  
		#breadcrumb li a,
		#breadcrumb li a:link,
		#breadcrumb li a:active,
		#breadcrumb li a:visited	{ color: #7F7F7F; }
								
		#breadcrumb li a:hover	{ }
		
		#breadcrumb li.last	{ background: none; }
		
	/*  ========== LEFT NAVIGATION ==========  */
		#leftnav ul    { border: 2px solid #D0D0D0; 
						 list-style: none;
						 margin: 0;
						 padding: 2px;
					   }
		#leftnav ul ul	{ display: none; background: #FFFFFF; border: none; margin: 10px 0 10px 20px; padding: 0; }
			
		#leftnav li    		{ color: #1A1A1A; display: inline; margin: 0; padding: 0; }
		#leftnav ul ul li	{ border: none; }
					  
		#leftnav li a,
		#leftnav li a:link,
		#leftnav li a:active,
		#leftnav li a:visited	{ border-top: 2px solid #DBDBDB; color: #1A1A1A; display: block; padding: 5px 10px; text-decoration: none; }
								
		#leftnav li a:hover	{ text-decoration: underline; }
		
		#leftnav li.first a,
		#leftnav li.first a:link,
		#leftnav li.first a:active,
		#leftnav li.first a:visited		{ border: none; }
		#leftnav li.selected a		{ background: #EEEEEE; font-weight: bold; }
		#leftnav li.selected ul li a,
		#leftnav li.selected ul li a:link,
		#leftnav li.selected ul li a:visited,
		#leftnav li.selected ul li a:active		{ background: url(../images/icon_plus.gif) no-repeat left center #FFFFFF;
												  border: none;
												  color: #F68428;
												  font-size: 1em;
												  font-weight: normal;
												  margin: 0;
												  padding: 0 0 0 10px; 
												}
												
		#leftnav li.selected ul { display: block; }
											
	/*  ========== BANNER STYLES ==========  */
		.ss-control ul { list-style: none; margin: 0; padding: 0; }
			.ss-control li	{ float: left; margin: 0 5px; }
			
			a.btn-1,
			a.btn-2,
			a.btn-3,
			a.btn-4,
			a.btn-prev,
			a.btn-next,
			a.btn-1-over,
			a.btn-2-over,
			a.btn-3-over,
			a.btn-4-over,
			a.btn-prev-over,
			a.btn-next-over	{ display: block;
						  	  height: 17px;
							  width: 17px; 
							}
			
			a.btn-1	{ background: url(../images/btn-ss1.gif) no-repeat top left; }
			a.btn-2	{ background: url(../images/btn-ss2.gif) no-repeat top left; }
			a.btn-3	{ background: url(../images/btn-ss3.gif) no-repeat top left; }
			a.btn-4	{ background: url(../images/btn-ss4.gif) no-repeat top left; }
			a.btn-prev	{ background: url(../images/btn-ssPrev.gif) no-repeat 5px 3px; }
			a.btn-next	{ background: url(../images/btn-ssNext.gif) no-repeat 5px 3px; }
			
			a.btn-1-over	{ background: url(../images/btn-ss1-over.gif) no-repeat top left; }
			a.btn-2-over	{ background: url(../images/btn-ss2-over.gif) no-repeat top left; }
			a.btn-3-over	{ background: url(../images/btn-ss3-over.gif) no-repeat top left; }
			a.btn-4-over	{ background: url(../images/btn-ss4-over.gif) no-repeat top left; }
			a.btn-prev-over	{ background: url(../images/btn-ssPrev-over.gif) no-repeat 5px 3px; }
			a.btn-next-over	{ background: url(../images/btn-ssNext-over.gif) no-repeat 5px 3px; }
						  
				a.btn-1 span,
				a.btn-2 span,
				a.btn-3 span,
				a.btn-4 span,
				a.btn-prev span,
				a.btn-next span	{ display: none; }
				
		.btn-box dl	{ font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 20px 0 0 95px; text-transform: uppercase; }
			
			.btn-box dl.icon-toolbox  { background: url(../images/icon-toolBox.gif) no-repeat 20px 10px; }
			.btn-box dl.icon-involved { background: url(../images/icon-getInvolved.gif) no-repeat 20px 10px; }
			.btn-box dl.icon-forum	  { background: url(../images/icon-forum.gif) no-repeat 20px 10px; }
			
			.btn-box dt	{ color: #1A1A1A; font-size: 1.4em; }
			
			.btn-box a			{ background: url(../images/arrowOrange.gif) no-repeat right; padding-right: 10px; text-decoration: none; }
			.btn-box a:hover	{ text-decoration: underline; }
	
	/*  ========== SIDE BAR STYLES ==========  */
		.right-person	{ margin-top: 30px;
						  text-align: center;
						}
		
	/*  ========== FOOTER STYLES ==========  */
		#footer div	{ color: #FFFFFF;
				  	  text-align: left;
					}
					
		#footer p	{ margin: 15px 0 0; }
		
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited	{ }
		#footer a:hover		{ }
		
		#footer ul  { display: block;
					  list-style: none;
					  margin: 0 0 0 0;
					  padding: 0;
					}
			
			#footer li { background: url(../images/div_toolNav.gif) no-repeat right center; 
						color: #FFFFFF;
						float: left; 
						margin: 0;
						padding: 0 .75em;
					  }
						  
			#footer li a,
			#footer li a:link,
			#footer li a:active,
			#footer li a:visited	{ display: block;
									  text-decoration: none; }
									
			#footer li a:hover	{ text-decoration: underline; }
			
			#footer li.ftr_first	{ padding-left: 0; }
			#footer li.ftr_last		{ background: none; }
			
	/*  ========== INDEX STYLES ==========  */
	
		.mainimagewrapper{
			margin: 150px auto 15px auto;
			width: 639px;
			height: 368px;
			padding: 15px, 0px, 15px, 0px;			
			background: #818181 url(../images/img_logoSplash.gif) no-repeat 0px 15px;			
		}				
		
		.mainlinkswrapper{
			font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;
			display: block;
			width: 639px;
			color: #F58427;
		}
		.mainlinkswrapper a,
		.mainlinkswrapper a:link,
		.mainlinkswrapper a:active,
		.mainlinkswrapper a:visited
		{
			text-decoration: none; 
		}
		.mainlinkswrapper a:hover
		{
			text-decoration: underline; 
		}
		
		.leftlinks, .rightlinks{
			display: -moz-inline-block;
			display: inline-block;			
			margin: 0px 15px 0px 15px;
			width: 500px;			
		}		
		.leftlinks{
			text-align: left;
			*float: left;
		}
		.rightlinks{
			text-align: right;
			*float: right;
		}
		
		.splashwrapper{
			width: 639px;
			margin: 0px auto 0px auto;
		}

/*  ================================================================================================  */
/*  ================================================================================================  */

	.clear 	{ clear: both; 
			  height: 1px;
			  line-height: 1px;
			}
	
	.clearfix:after { clear: both;
					  content: "."; 
					  display: block;
					  height: 0;
					  visibility: hidden;
					}
					
	.clearfix	{ display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clearfix 	{ height: 1%; }
	.clearfix 			{ display: block; }
	/* End hide from IE-mac */
	
	.hide	{ display: none; }
	.show	{ display: block; }
	
	.fl_left	{ float: left; }
	.fl_right	{ float: right; }
	
	.img-border	{ border: 5px solid #EEEEEE; }
	
	.orange { color: #F58427; }
	.right 	{ text-align: right; }

.textinput
{
	font-size: 1.2em;
	width: 200px;
	float: left;
	margin-bottom: 15px;
	background-color: #fead4e;
	border:1px solid #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textarea
{
	font-size: 1.2em;
	width: 400px;
	height: 200px;
	float: left;
	margin-bottom: 15px;
	border:1px solid #000000;
	background-color: #fead4e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#images {
 margin-bottom: 10px;
 MARGIN-LEFT: 10px;
 }

#images IMG {
 MARGIN-LEFT: 40px;
}

blockquote {
  font: 12px/18px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 2px solid #ccc;
  border-top: 2px solid #ccc;
} 

.blockquote {
  font: 12px/18px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 2px solid #ccc;
  border-top: 2px solid #ccc;
} 

.box {
	margin: 10px;
	border: 1px solid #000;
	background-color: #FFFFff;
}