/* DEFAULTS */
		body {
			color: #333333;
			text-align: left;
			background-color: #E0E2EB;
				}
		p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, body  { 
			margin: 0px;
			padding: 0px;
				}
		a img { border: none; }
		
/* LINKS */
		a:link { 
			text-decoration: none;
			color: #1430B8;
				}
		a:visited {
			text-decoration: none;
			color: #1430B8;
				}
		a:hover {
			text-decoration: underline;
			color: #3355FF;
				}
		a:active {
			text-decoration: none;
			color: #3355FF;
				}
	
	#container { /* Holds Entire Page */
		height: auto;
		width: 760px;
		text-align: left;
		top: 0px;
		margin: 0px auto auto; /* Left & right margins "auto" to center page horizontally  */
		background-color: #FFFFFF;
		border-bottom: 2px solid #E0E2EB;
			} 

/* ----- BANNER ----- */
	#banner {
		padding: 8px 3px 8px 20px;
		color: #1430B8;
		background-color: #FFFFFF;
				}
			
		#banner h3 { 
			padding-left: 15px;
			font: bold 22px Georgia, "Times New Roman", Times, serif;
				}
	
			span.firstletter {/* For banner first letters C & R */ 
				font-size: 28px;
				font-style: italic;
				letter-spacing: -1px !important;
					} 
				
			#banner h5 {/* For tagline on banner */
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				padding: 1px 0px 0px 15px; 
				letter-spacing: normal;
				color: #149CB8;
					}
					
			#banner a { text-decoration: none; }

/* SEARCH  */
		.search {
			float: right;
			padding: 10px 25px 0px 0px;
			font: 11px Verdana, Arial, Helvetica, sans-serif ;
				}
			
			.search p {
				padding-bottom: 0px;
				color: #333333;
					}
			
			.search input.box { 
				font: 12px Arial, Helvetica, sans-serif; 
				border: 1px solid #149CB8; 
				}
					
			.search input.button {
				font: 12px Verdana, Arial, Helvetica, sans-serif;
				color: #1430B8;
				font-weight: bold;
				padding: 1px 0px 1px 0px;
				}
			
/* NAVBAR HORIZONTAL */
		#navbar {
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			background-color: #4055BF;
			border-top: 3px solid #6677CC;
			border-bottom: 3px solid #334499;
			border-left: 3px solid #334499; 
			border-right: 3px solid #334499;
			}
	
			 #navbar ul {
				list-style-type: none;
				padding: 5px 0px 5px 13px;
				margin: 0px 0px 0px 10px;
				text-align: left!important;
				}
	
 			#navbar li {display: inline;}

				 #navbar li a:link {
					padding: 5px 10px 5px 10px;
					margin: 0px 2px 0px 2px;
					text-decoration: none;
					color: #FFFFFF;
					}
						#navbar li a:visited {
							padding: 5px 10px 5px 10px;
							margin: 0px 2px 0px 2px;
							text-decoration: none;
							color: #FFFFFF;
							}
						 #navbar li a:hover {
							padding: 5px 10px 5px 10px;
							margin: 0px 2px 0px 2px;
							text-decoration: none;
							background-color: #7D8FE8;
							border-top: 3px solid #A8B4F0; 
							border-bottom: 3px solid #5269E0;					
							color: #FFFFFF;
							} 
						#navbar li a:active {
							padding: 5px 10px 5px 10px;
							margin: 0px 2px 0px 2px;
							text-decoration: none;
							background-color: #7D8FE8;
							border-top: 3px solid #A8B4F0; 
							border-bottom: 3px solid #5269E0;
							color: #FFFFFF;
							} 
/* END BANNER */

/* ---- MAIN COLUMN ----- */
	#maincol {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0px 0px 0px;
		width: 570px;
		float: right;
		}
	
		#maincol h1 { /* Page Head */
			font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			color: #B86614;
			font-weight: bold;
			padding: 5px 0px 7px 0px;		
			word-spacing: -1px;
				}
				
/* BYLINE */				
			.byline { /* byline Include goes after h1 page title */
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #777777;
				margin: 3px 0px 15px 0px;
				}
				
				.byline a { 
					margin-left: 4px;
					text-decoration: none!important;
					}
						.byline a:link { color: #777777; } 
						.byline a:visited { color: #777777; } 
						.byline a:hover { color: #3355FF; } 
						.byline a:active { color: #3355FF; }
				
			.addthis { /* Positions Add This widget in byline Include */
				float: right;
				margin-right: 30px;
				}
			
			.addthiswe { margin: 8px 0px 0px -4px;} /* Positions Add This widget in bylinewe Include - for pages with 3-columns  */


/* ---- CONTENT STYLES ----- */

/* ARTICLE PAGES */
	.article { 	padding-right: 15px; }
	 
		.article h2 { /* Subheading */
			color: #B86614;
			font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
			font-weight: bold;
			padding: 2px 0px 1px 0px;
			} 
			
		.article h3 {  /* Subheading */
			color: #B86614;
			font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
			font-weight: bold;
			padding: 2px 0px 2px 0px;
			} 
 
		.article h4 {  /* Subheading, Rare & Endangered animal common names. */
			color: #B86614;
			font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
			font-weight: bold;
			padding: 0px 0px 2px 0px;
			}
		
		.article h5 { /* Smaller, lighter text. Used in Rarest scientific names */
			color: #777777;
			font-family: 11px Verdana, Arial, Helvetica, sans-serif;
			padding-bottom: 6px;
			}
		
		.article p { 	
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			padding: 0px 10px 13px 0px;
			line-height: 140%;
			color: #333333;
			}	
			
		.article a { text-decoration: underline; }
					
/* FEATURECONTENT */ 	/* Weather-Extremes Only */
		.featurecontent h2 { /* Subtopic heading */
			color: #B86614;
			font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
			font-weight: bold;
			padding-bottom: 3px;
			} 
			
		.featurecontent h3 { /* Subtopic heading */
			color: #B86614;
			font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
			font-weight: bold;
			padding-bottom: 1px;
			} 
								
		.featurecontent  p { 
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			line-height: 140%;
			padding: 0px 3px 13px 0px;
			color: #333333;
			}
					
/* ARTICLE TABLE */	
	.articletable { 
		margin-bottom: 20px;
		border: 1px solid #DCDCDC;
		text-align: left;
		border-collapse: collapse;
		}
	
		.articletable td {
			color: #333333;
			padding: 4px 12px 3px 5px;
			vertical-align: top;
			}
	
		.articletable	th { /* Column headings */
			background-color: #FFFFFF;
			color: #149CB8;
			font-weight: bold;
			border-bottom: 1px solid #DCDCDC;
			padding: 2px 12px 2px 5px;
			vertical-align: top;
			}

		.articletable caption { 
			text-align: left;
			font-size: 12px; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 5px 0px 5px 0px;
			line-height: 130%;
			color: #333333;
			}
			
/* REFERENCES */			
	.ref { 
			width: 470px;
			padding: 5px 0px 2px 0px;
			}
			
		.ref h5 { /* "Reference" title*/
			font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #B86614;
			padding: 0px 0px 2px 0px;
			}		
		.ref p {
			font: 11px Arial, Helvetica, sans-serif;
			color: #333333;
			line-height: 120%;
			padding-bottom: 8px;
			}

/* RELATED */  /* Article Headlines + Leads */
		.related { 
			width: 470px;
			border-top: 1px solid #E8E8E8;
			border-bottom: 1px solid #E8E8E8;
			padding: 5px 0px 8px 0px;
			margin: 15px 0px 15px 0px;
			}
				.related h4 { /* "Related" title */ 
					font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #149CB8;
					padding: 3px 0px 5px 0px;
					}
				
				.related h2, .related h3 { 	/* Article Headline(either tag) */
					font: 12px Verdana, Arial, Helvetica, sans-serif;
					padding-bottom: 1px;
					line-height: 120%;
					font-weight: normal;
					}
					
				.related p  {  /* Lead */
					font: 11px Verdana, Arial, Helvetica, sans-serif;
					margin-bottom: 8px;
					padding-left: 30px;
					color: #333333;
					line-height: 140%;
					}
					
/* MORE */  /* Bulleted List of Article Titles - at end of article or on index page (Facing-Extinction) */
		.more { 
			border-top: 1px solid #E8E8E8;
			border-bottom: 1px solid #E8E8E8;
			padding: 5px 0px 5px 0px;
			margin: 15px 0px 15px 0px;
			}
				.more h4 { /* "More Information" title */ 
					font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #149CB8;
					padding: 3px 0px 5px 0px;
					}
					
				.more li { /* Article Headlines in bulleted list */
					font: 12px Verdana, Arial, Helvetica, sans-serif;
					color: #DCDCDC; 
					list-style-type: square;
					list-style-position: inside;
					padding: 0px 0px 7px 30px;
						}
					
				.more a { text-decoration: none; }
/* END CONTENT STYLES */


/* ---- INDEX PAGES ---- */
	.index { width: 385px; }
			
			.index h2 { /* Subtopic Heading */
				color: #149CB8;
				font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
				font-weight: bold;
				padding-top: 2px 0px 3px 0px;
				} 
					.index h2 a:link { color: #149CB8; } 
					.index h2 a:visited { color: #149CB8; } 
					.index h2 a:hover { color: #3355FF; } 
					.index h2 a:active { color: #3355FF; }
			
			.index h3   { /* Article Headline */
				font: 12px  Verdana, Arial, Helvetica, sans-serif; 
				color: #1430B8;
				font-weight: bold;
				}
					.index h3 a:link { color: #001A99; } 
					.index h3 a:visited { color: #001A99; } 
					.index h3 a:hover { color: #3355FF; } 
					.index h3 a:active { color: #3355FF; }
					
			.index p { /* For lead sentence */
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				line-height: 140%;
				padding: 0px 3px 11px 30px;
				}
			
/* HOME & Image120 INDEXES */
			
			.subtopicblock {
				float: left;
				padding-top: 4px;
				}
				
				.subtopicblock h2 	{ /* Subtopic Heading */
					color: #149CB8;
					font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
					font-weight: bold;
					border-top: 1px solid #E8E8E8;
					padding: 2px 0px 5px 0px;	
					}	
						.subtopicblock h2 a:link { color: #149CB8; } 
						.subtopicblock h2 a:visited { color: #149CB8; } 
						.subtopicblock h2 a:hover { color: #3355FF; } 
						.subtopicblock h2 a:active { color: #3355FF; }
				
				.subtopicblock h3   { /* Article Headline */
					font: 13px Verdana, Arial, Helvetica, sans-serif; 
					color: #1430B8;
					padding-bottom: 0px; 
					font-weight: bold;
					}
						.subtopicblock h3 a:link { color: #1430B8; } 
						.subtopicblock h3 a:visited { color: #1430B8; } 
						.subtopicblock h3 a:hover { color: #3355FF; } 
						.subtopicblock h3 a:active { color: #3355FF; }	
			
				.subtopicblock p {
					font: 11px Verdana, Arial, Helvetica, sans-serif;
					line-height: 140%;
					padding: 0px 3px 13px 0px;
					}
						
			.articlelist {
				width: 400px;
				float: right;
				margin: 10px 10px 0px 0px;
				padding-bottom: 2px;
					}
			
			.image120index {
				float: left;
				margin-right: 16px;
				padding: 11px 0px 10px 0px;
				}
				
/* WEATHER INDEX table */
			.weatherindex td {
				padding: 2px 0px 0px 0px;
				vertical-align: top;
				}
/* END INDEX STYLES */


/* ---- LEFT COLUMN NAVIGATION ---- */
	#leftcol {
		width: 162px;
		margin-top: 45px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
				}
				
		#leftcol h4 {
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #777777;
				padding: 0px 0px 4px 0px;
				margin-left: 10px;
				}
			
		.linklist  { /* Group of links div */
				border-top: 1px solid #E8E8E8;
				padding: 2px 0px 0px 0px; 
				margin: 0px 12px 10px 10px;
				}
					
				.linklist h5 {
					font: 11px Verdana, Arial, Helvetica, sans-serif;
					font-weight: normal;
					color: #149CB8;
					padding: 4px 0px 2px 0px;
					}						
					.linklist h5 a:link { color: #149CB8; } 
					.linklist h5 a:visited { color: #149CB8; } 
					.linklist h5 a:hover { color: #3355FF; } 
					.linklist h5 a:active { color: #3355FF; }
				
				.linklist li { 
					font: 11px Verdana, Arial, Helvetica, sans-serif;
					list-style-type: none;
					padding: 4px 0px 3px 8px;
					}
							
					li.subtopic { /* Bulleted & Indented */
						font: 11px Verdana, Arial, Helvetica, sans-serif;
						color: #DCDCDC; 
						list-style-type: square;
						list-style-position: inside;
						padding-top: 0px;
						margin-left: 12px;
						}
/* END LEFT COLUMN */


/* ----- FOOTER ----- */
		#footer {
			clear: both;
			margin-left: 190px;
			padding: 5px 0px 5px 0px;
				}
			
			#footer p {
					font: 11px Arial, Helvetica, sans-serif;
					color: #777777;
					line-height: 120%;
					padding-bottom: 2px;
						}
						#footer a:link { color: #777777; } 
						#footer a:visited { color: #777777; } 
						#footer a:hover { color: #3355FF; } 
						#footer a:active { color: #3355FF; }
/* END FOOTER  */


/* ----- BASIC FORMATTING ----- */
		
	/* PADDING & MARGINS */
			.padtop4 {padding-top: 4px;}
			.padtop {padding-top: 8px;}
			.padtop15 {padding-top: 15px !important;}
			.padtop75 {paddingtop: 75px;} /* Between Leftcol navigation & Sky160 Ad */
				
			.padbot6 {padding-bottom: 6px !important;}
			.padbot8 {padding-bottom: 8px;}
				
			.padleft13 { padding-left: 13px; }	
			.padleft30 { padding-left: 30px; }
				
			.spacelr { padding: 0px 3px 0px 3px;}  /* Footer, <span> class vertical line between links */
			
			.margleft8 {margin-left: 8px;}
			.margleft15 {margin-left: 15px;}
			.margleft30 {margin-left: 30px;}
			
			.margbot20 {margin-bottom: 20px;} 

	
	/* POSITIONING */
			.textright { 
				margin-right: 10px;
				float: right; 	
				}
		
			.textleft {
				float: left;
				margin-right: 16px;
				padding-top: 3px;
				}
			
			.clearboth {clear: both;}
			.floatleft {float: left;}
			.floatright {float: right;}
			
			.imageright { /* Place before text that needs to flow beside image. Used on index pages */
				float: right;
				margin: 0px 0px 5px 8px;
				padding-top: 3px;
				}
			
			.imageleft {
				float: left;
				margin: 0px 8px 5px 0px;
				padding-top: 3px;
				}
			
			.imageleftside { 
				float: left;
				margin-right: 16px;
				padding: 21px 0px 0px 0px; 
				}
				
			.icon { /* Forms Right Column. Icons on Weather-Extremes pages. Place in maincol, outside other divs. */
				float: right;
				width: 162px;
				clear: right;
				margin-bottom: 20px;
				}	
		
		
	/* WIDTHS */
			.width145 {width: 145px;} 
			.width300 {width: 300px;}
			.width340 {width: 340px;}
			.width365 {width: 365px;}
			.width380 {width: 380px;}
			.width385 {width: 385px;}
			.width400 {width: 400px;}
			.width410 {width: 410px;}
			.width450 {width: 450px;}
			.width470 {width: 470px;}
			.width540 {width: 540px;}
			.width550 {width: 550px;}
	
	
  	/* TEXT COLOR */
			.bdgn7 { 
				color: #149CB8 !important;
				font-weight: bold !important; 
				}
				
			.bbn { 
				color: #B86614;
				font-weight: bold;	
				}
		
			.textcolor { color: #333333;} /* For lists with different colored bullets. Span text with textcolor. */
		
			.blue {color: #0033FF; } /* Used in table at /Weather-Extremes/Canada/trends-temperature-seasonal.php  */
			.red {color: #FF0033; } /*as for .blue */
			
	/* TEXT SIZE */		
			.imptext   { /* Intro text */
				font: 12px Verdana, Geneva, sans-serif !important; 
				color: #777777 !important;
				line-height: 140% !important;
				padding: 0px 20px 13px 0px !important; 
				font-weight: bold !important;
				}	

			.caption {  /* Photo caption */
				font-size: 11px !important; 
				font-family: Arial, Helvetica, sans-serif !important; 
				color: #333333;
				padding: 2px 2px 15px 15px;
				}
			.smallertext {font-size: 11px !important; }
			.smalltext {font: 11px Arial, Helvetica, sans-serif !important; }	/* Used in articletable */
	
			
	/* TABLES */
			.tablesubhead { /* Used for colored rows of subheads in tables eg number-species */
				background-color: #F5CCA3;
				font-weight: bold;
				}
			
			.shade { background-color: #f7f7f7; } /* Alternate table row color */
			
			.right { text-align: right; } /* Aligning text in table cells. Only works with <th> <tr> & <td>  */
			
			.wtnorm th {font-weight: normal;}
			
			.revcolr th { /* Reverse Color white lettering on teal */
				background-color: #149CB8;
				color: #ffffff; 
				}
		
		
	/* LISTS */
			.bulletlist { 
				padding-bottom: 5px;
				margin: 0px 30px 0px 30px;
				}
				
				.bulletlist li { 
						font: 12px Verdana, Arial, Helvetica, sans-serif;
						color: #149CB8;
						line-height: 140%;
						list-style-type: square;
						list-style-position: outside;
						padding: 0px 0px 8px 3px;
						}

	/* ADS */
			.ad  { margin: 10px 0px 10px 0px; }    /* Column-wide ad - ban468, leftcol sky160 */
		
			.rightcolad160 { /* For INDEX PAGES sky160w. In div=maincol div right after </h1> Page Title */
				float: right;
				width: 162px;
				clear: right;
				padding-top: 15px;
				}
				
			.wrapleftad { /*  - Div=maincol floated left  */
				float: left;
				margin: 0px 12px 5px 0px!important;
				}

/* ----- HACKS ----- */
	/* Styles to deal with Internet Explorer bugs */
		/* Fixes 3-pixel jog bug in IE */
		/* Hides from IE5-mac \*/
		* html #maincol {height: 1%;}
		/* End hide from IE5-mac */