body { background: #EFEFEF url(images/bg.gif) repeat-y 50% 0; font: 12px/18px arial, verdana, lucida, tahoma, sans-serif;
padding:0;margin:0; text-align:center; color: #3F3F3F;}

/* Style for main content area, the container centers the text and adds the border */
#container {
	width: 746px;
	margin:0px auto 0px auto;
	background:#FFFFFF;
	border:3px solid #FFFFFF;
	voice-family: "\"}\""; /* Box model hack used for IE 5. This allows us to add a border around the container */
	voice-family: inherit;
	width:740px;
	}
html>body #container {
	width:740px;
	}

/*styles for banner and logo - banner images cannot be called banner. The word banner, advert, advertisement gets filtered by the pop-up filters such as the one used by TELUS */
#logo h1 { 
	background: url(images/logo.gif) no-repeat top;
	width: 218px; 
	height: 90px;
	float:left;
	padding:0;
	margin:0;
	}
#top { 
	width: 520px; 
	height: 90px; 
	padding:0;
	margin:0;
	float:right;
	}

#logo h1 span, #title h1 span {display:none;}
/*Style for vertical navigation on home page*/
#home_nav{
	padding:0;
	background:#FFFFFF;
	margin: 5px 0;
	text-align: center;
	list-style-type: none;
}
#home_nav ul li{width: 100px; list-style: none; text-align: center;}
li.date{
	color:#39416B;
	background-color:#EFEFEF;
	font: 11px verdana, arial, sans-serif;
	width: 100px;
	padding: 4px;
	border-bottom: 2px solid #FFFFFF;
}
	
#home_nav a{
	display: block;
	width: 100px;
	border-top: 2px solid #FFFFFF;
	background: #39416B;
	font: 11px verdana, arial, sans-serif;
	padding: 4px;
	margin:0;
	text-decoration: none;
	color: #FFFFFF;
}
#home_nav a.here{background: #8FB612; color: #FFFFFF;}
#home_nav a.first{border-top:none;}
#home_nav a.firstHome{border-top:none; background:#8FB612; color:#FFFFFF;}
#home_nav a:hover{background-color:#8FB612;}

/* Style for horizontal navigation */
#nav{
	clear:both;
	background-color: #39416B;
	border-bottom:1px solid #8FB612;
	height: 22px;
	padding:0;
	margin:0;
	border-top:1px solid #FFFFFF;
}
#nav ul{padding:0;	margin:0; color:#FFFFFF;}
#nav li{margin:0; padding:0; display:inline; list-style: none;}
#nav a{
	float: left;
	background: #39416B;
	font: 11px verdana, arial, sans-serif;
	padding: 5px 10px 4px 10px;
	border-left: 1px solid #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
}
#nav a.here{background:#8FB612; color:#FFFFFF;}
#nav a.first{border-left:none; padding-left:20px;}
#nav a:hover{background-color: #8FB612;}
	
/*styles for columns on home page */
#centre {float:right; width: 422px;	padding:0; margin: 1px 5px;}
#rightSide {text-align: left; float:right; width: 200px; padding:0; margin:1px 0;}
#leftSide {text-align: left;float:left; width: 90px; padding:0; margin:0;}

/*styles for columns on other pages */
#content{text-align: left; margin:0;	padding:0;}
#leftCol {width: 530px;	padding:0; text-align:left; margin:5px 0;}
#rightCol {float:right;	width: 200px; padding:0;	margin:5px 0; text-align:left;}
/*styles for columns on contact us and around here pages */
#centreCol{float:left;	width: 600px; padding:8px; margin: 5px;}

/*Styles for list of articles featured in this section */
#Art_Nav{border: 1px solid #D6D7D6;}
#Art_Nav h1{background:#EFEFEF url(images/titles/recent.gif) no-repeat left; border-bottom:1px solid #D6D7D6;}
#Art_Nav h1 {clear:both; width: 198px; height: 24px; padding:0; margin:0;}
#Art_Nav h1 span{display:none;}

#Achive_Nav{border: 1px solid #D6D7D6;}
#Achive_Nav h1{background:#EFEFEF url(images/titles/archives.gif) no-repeat left; border-bottom:1px solid #D6D7D6;}
#Achive_Nav h1 {clear:both; width: 198px; height: 24px; padding:0; margin:0;}
#Achive_Nav h1 span{display:none;}

#articles{margin: 5px 0;padding:5px; text-align:left;font: 11px/16px verdana, helvetica, arial, sans-serif;}
#articles li{margin:0; padding: 6px 2px; display: block;l ist-style:none;color: #100E37;}
#articles a{text-decoration: none; color: #100E37;}
#articles a:hover{color: #cc3300; text-decoration:underline;}
#articles li.current{color: #cc3300;}
	
/*General styles */

p{text-align:left;	color: #3F3F3F;	font: 12px/19px arial, verdana, lucida, tahoma, sans-serif;	margin:5px 0 8px 0;	padding:0 10px;}
span.quote{font: 12px/20px verdana, lucida, tahoma, sans-serif;}
p.right{text-align:right; padding:0 20px;}
p.ref{font: 11px georgia, serif; margin:10px 5px;}
blockquote{font: 12px/22px tahoma, arial, verdana, lucida, sans-serif;}

h1	{
	font: 14px verdana, arial, lucida, tahoma, serif;
	margin: 10px 0 8px 2px;
	padding: 2px 8px;
	color:#100E37;
	font-weight:bolder;
	text-align: left;
}

h2	{
	font: bolder 12px verdana, geneva, arial,  lucida, tahoma, serif;
	margin: 3px 8px 12px 10px;
	color: #000;
}

pre{
	color: #3F3F3F;
	font: 12px/24px arial, verdana, lucida, tahoma, sans-serif;
	margin:5px 0 8px 0;
	padding:5px 30px;
}
a{color:#D32C03;}
a:hover{color:#235132;}
a.read{
	font:bolder 10px/12px arial, verdana,  helvetica, sans-serif;
	color:#D32C03;
	text-decoration:none;
}
a.read:hover{
	font:bolder 10px/12px arial, verdana, helvetica, sans-serif;
	color:#235132;
	text-decoration:none;
}

/* Styles for Back to top link*/
a.btt{
	font:bolder 10px/12px arial, verdana, helvetica, sans-serif;
	color:#9D1F49;
	text-decoration:none;
}
a.btt:hover{
	font:bolder 10px/12px arial, verdana, helvetica, sans-serif;
	color:#235132;
	text-decoration:none;
}

/*Styles for titles*/
#theatre h1, #theatre_sm h1, #films h1, #films_sm h1, #books h1, #books_sm h1, #places h1, #places_sm h1, #life h1, #life_sm h1, #music h1, #music_sm h1, #art h1, #art_sm h1, {
	border-bottom:1px solid #D6D7D6;
}

#theatre h1 {background:#EFEFEF url(images/titles/theatre.gif) no-repeat left;} 
#theatre_sm h1 {background:#EFEFEF url(images/titles/theatre_sm.gif) no-repeat left;} 
#films h1 {background:#EFEFEF url(images/titles/films.gif) no-repeat left;} 
#films_sm h1 {background:#EFEFEF url(images/titles/films_sm.gif) no-repeat left;} 
#books h1 {background:#EFEFEF url(images/titles/books.gif) no-repeat left;} 
#books_sm h1 {background:#EFEFEF url(images/titles/books_sm.gif) no-repeat left;} 
#places h1 {background:#EFEFEF url(images/titles/places.gif) no-repeat left;} 
#places_sm h1 {background:#EFEFEF url(images/titles/places_sm.gif) no-repeat left;} 
#art h1 {background:#EFEFEF url(images/titles/art.gif) no-repeat left;} 
#art_sm h1 {background:#EFEFEF url(images/titles/art_sm.gif) no-repeat left;} 
#around h1 {background:#EFEFEF url(images/titles/around.gif) no-repeat left;} 
#contact h1 {background:#EFEFEF url(images/titles/contact.gif) no-repeat left;} 
#life h1 {background:#EFEFEF url(images/titles/life.gif) no-repeat left;} 
#life_sm h1 {background:#EFEFEF url(images/titles/life_sm.gif) no-repeat left;} 
#music h1 {background:#EFEFEF url(images/titles/music.gif) no-repeat left;} 
#music_sm h1 {background:#EFEFEF url(images/titles/music_sm.gif) no-repeat left;} 


#theatre h1, #life h1, #art h1, #books h1, #films h1, #music h1, #places h1  { 
	clear:both;
	width: 420px; 
	height:23px; 
	padding:0;
	margin:0;
	}
#theatre_sm h1, #life_sm h1, #art_sm h1, #books_sm h1, #films_sm h1,  #music_sm h1, #places_sm h1 { 
	clear:both;
	width: 198px; 
	height: 24px; 
	padding:0;
	margin:0;
	}
#theatre h1 span, #theatre_sm h1 span, #films h1 span, #films_sm h1 span, #books h1 span, #books_sm h1 span, #places h1 span, #places_sm h1 span, #art h1 span, #art_sm h1 span, #around h1 span, #contact h1 span, #life h1 span,  #life_sm h1 span, #music h1 span, #music_sm span  {display:none;}

/*Styles for images */
.thumb{margin:0 5px;border:1px solid #666666; padding:1px;}
.photo{margin:8px; padding:2px; border:1px solid #666666;}
.pic{padding:5px;}
.contactPhoto{margin:0 6px; padding:2px; border:1px solid #666666;}

/* Styles for footer */
#footer{
	clear: both;
	text-align: left;
	font: 9px verdana, arial, sans-serif;
	color:#39416B;
	padding:2px;
	margin:0;
	border-top:1px solid #39416B;
}
.content{border: 1px solid #D6D7D6;	margin-bottom:3px;}
.split{	border-bottom: 1px solid #D6D7D6;}