/* CSS Document */

/* Homepage structure */

a {outline:none}

body {
	text-align:center;
	margin: 0 auto;
	padding:0px;
	height:100%;
	background:#e3e3e3 url(http://www.speakingtothepast.ca/images/shadow1.gif) repeat-y scroll center top;
	}
		
#container {	
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	text-align:left;
	margin: 0 auto;
	width:980px;
	color:#333;
	background:#ffffff;
	line-height:16px;
	}

#mainsection {
	width: 700px;
	float: left;
	display: inline;
	background: #ffffff;
	margin: 0 0 0 15px;
	}
	
#mainsection-wide {
	width: 980px;
	float: left;
	display: inline;
	background: #ffffff;
	margin: 0 0 0 0px;
	}

#banner {
	width:700px;
	height:205px;
	float: left;
	margin: 5px 0px 20px 0px;
	}

/* begin 2-column section--------------------------  */
#twocolumnleft {
	width:375px;	
	float:left; 
	background: #ffffff;
	}

#twocolumnright {
	width: 525px;
	float: right;
	margin: 0 15px 0 0;
	background: #ffffff;
	}

/* begin left column--------------------------  */

#leftcolumn {
	width: 345px;	
	float: left; 
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	}
	

/*  end left column--------------------------  */



/* begin middle column------------------------ */

#middlecolumn {	
	width: 345px;  
	float: left;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	}
	
#middlecolumn-page {	
	width:515px;  
	float:left;
	margin: 25px 0 20px 0;
	}
	
#middlecolumn-page-wide {	
	width:765px;  
	float:left;
	margin: 25px 0 20px 0;
	}
	
/* end middle column--------------------------*/

/* begin right column-------------------------*/
		
#rightsection {
	width: 260px;
	FLOAT: right;
	margin: 0px 0px 0px 0px;
	DISPLAY: inline;
	background: #ffffff;
	border: 0px solid #000;
	}
	
/* end right column-------------------------*/
	
/*  end Homepage structure------------------*/


/* other classes--------------------------*/


	
h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 30px;
	line-height: 30px;
	color:#ff6600;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
	}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 20px;
	line-height: 23px;
	color:#000000;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 24px;
	line-height: 24px;
	color:#ff6600;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
	}

h4 {
	COLOR: #333333; 
	FONT-SIZE: 14px; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 20px; 
	TEXT-DECORATION: none
	}

p {
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}

p.intro {
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}

p.blurb {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}

p.bio {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}

/* Remove borders from all image links */
a img { border: none
	COLOR: #ff6600;  
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal;  
	TEXT-DECORATION: none;
	}

	A:link {COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: none}
	A:active {COLOR: #ee5500; FONT-STYLE: normal; TEXT-DECORATION: underline}
	A:visited {COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: none}
	A:hover {COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: underline}


.orangelink {
	COLOR: #ff6600;  
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal;  
	TEXT-DECORATION: none;
	}

	A.orangelink:link {COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: none}
	A.orangelink:active {COLOR: #ee5500; FONT-STYLE: normal; TEXT-DECORATION: underline}
	A.orangelink:visited {COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: none}
	A.orangelink:hover {COLOR: #ff6600; FONT-STYLE: normal; TEXT-DECORATION: underline}

.copyright {
	COLOR: #666666; 
	font-family:Verdana, Geneva, sans-serif;
	FONT-SIZE: 10px; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none;
	padding: 5px;
	}

	A:link {COLOR: #666666; FONT-STYLE: normal; TEXT-DECORATION: none}
	A:active {COLOR: #333333; FONT-STYLE: normal; TEXT-DECORATION: underline}
	A:visited {COLOR: #666666; FONT-STYLE: normal; TEXT-DECORATION: none}
	A:hover {COLOR: #333333; FONT-STYLE: normal; TEXT-DECORATION: underline}