/* CSS Document */
/* SUBHEAD :: DIARY OF THE WEEK ----------------------------------------------------- */	
#subhdr_diary {
	font: bold 18px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #003466; 
	height: 30px; 
	padding: 5px 0px 0px 10px;
}
#captions {
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	width: 600px;
	height: 150px;
	float: left;
clear: none;
	}


/* PREV | 1 of Total images | NEXT ----------------------------------------------------- */	
#nav_pageno {
	width: 637px;
	height: 30px; 
		float: left;
		clear: both;
	background-color: #FFFFFF;
	padding-left: 150px;
/* 	background-color: #0099CC; */
	}
#nav_pageno IMG{
	float: left; 
	padding: 0px; 
	margin: 0px;}

#pic_no {
	float: left;
	color: #666666; 
	font: normal 12px Arial, Helvetica, sans-serif;  	
	width: 210px;
	text-align: center;
	padding: 7px 0px 0px 0px;
}
/* SAVE | PRINT | SEND TO A FRIEND ----------------------------------------------------- */	
#photofunctions {	
	width: 637px;
	float: left;
	clear: left;
	height: 40px;
	background-color: #FFFFFF;	
/* 	background-color: #0099AA; */
	padding-left: 150px;
}

#photofunctions IMG {float: left; padding: 5px 0px 0px 0px; margin: 0px;}


/* CITY IMAGE | DROPDOWN | GO BACK TO HOME ----------------------------------------------------- */
#city_hdr {
	width: 100%; 
	height:40px; 
	padding: 10px 0px 0px 0px;}
	
#city_hdr IMG {float: left;}

#city_hdr SELECT {
	width: 150px;
	float: left; 
	margin: 14px 0px 0px 10px;}
	
#city_hdr .btn_home {
	float: right; 
	padding: 12px 0px 0px 0px;}
	
#photobkgd {
	width: 637px;
	background-color: #f5f5f5; 
	text-align: center; }
	
/*----------FACEBOOK | DIGG | DELICIOUS (SOCIAL BOOKMARKS) -------------------------------------------------- */
.articleLinks {padding:20px 0px 0px 0px; margin:0px; font: normal 10px Verdana, Arial, Geneva, Helvetica, sans-serif;}
.articleLinks p {line-height:20px; text-align:center; padding:0px 0px 0px 0px; margin:0px;}
.articleLinks p a {color:#4b0031; text-decoration:none; text-align:center; font-size:11px; padding:0px 0px 0px 0px; margin:0px;}
.articleLinks p a:hover {color:#4b0031; text-decoration:underline; text-align:center; font-size:11px; padding:0px 0px 0px 0px; margin:0px;}
.articleLinks p a.print {background:url(../images/common/print.gif) no-repeat 0px 2px; margin:0px 15px 0px 15px; padding-left:20px;}
.articleLinks p a.email {background:url(../images/common/email.gif) no-repeat 0px 2px; margin:0px 15px 0px 15px; padding-left:20px;}
.articleLinks p a.digg {background:url(../images/common/digg.gif) no-repeat 0px 2px; margin:0px 15px 0px 15px; padding-left:20px;}
.articleLinks p a.icio {background:url(../images/common/icio.gif) no-repeat 0px 2px; margin:0px 15px 0px 15px; padding-left:20px;}
.articleLinks p a.facebook {background:url(../images/common/facebook.gif) no-repeat; margin:0px 15px 0px 15px; padding-left:20px;}

/* -------------------------------------LATEST GALLERIES ---------------------------------------------------- */	
#latestgalleries { /* TITLE HEAD GREEN */
	float: left;
	width: 615px;
	_width: 625px;
	height: 20px; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	padding: 3px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
	_margin: 0px;
	background-image:url(../images/common/tile_latest.gif); }

#gallery_area {
	float: left;
	width: 632px;}	

#gallery_area_left {
	float: left;
	width: 310px;}

#gallery_area_right {
	float: right;
	width: 310px;}
	
#gallery {
	width: 310px; 
	height: 106px;
	color:#FFFFFF; 
	background-color: #003466; 
	margin: 5px 0px 0px 0px;
	_margin: 5px 0px 0px 0px;
	padding: 0px;}
	
#gallery IMG {
	width: 110px; 
	height: 106px; 
	float: left; 
	text-align: left;
	padding: 0px;
	margin: 0px;
	clear: none;
	}	
	
#gallery H4{ /*PHOTO CREDIT*/
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 0px;
}		
	
#gallery H5{ /*CITY*/
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 0px;
}		
	
#gallery .desc { /*desc incluedes city and photo credit*/
	float: left; 
	width: 185px;
	padding: 5px 0px 0px 5px;}
	
.desc a:link, .desc a:visited, .desc a:hover, .desc a:active {
	display: block;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	text-decoration: none;
	border-bottom:1px dashed #FFFFFF;
	}
	
.desc a:hover {
	text-decoration: none; color: #ffcccc;
	border-bottom:1px dashed #c30000;}	
	
/* HEADER :: DIARY OF THE WEEK ----------------------------------------------------- */	
#hdr_diary {
	color: #005a00;
	font: bold 20px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;}
		
/* CITY IMAGE | DROPDOWN | GO BACK TO HOME ----------------------------------------------------- */
#welcome {
	width: 637px;
	/*background-color: #003466;  blue test */  
	padding: 10px 0px 0px 0px; 
	margin: 0px 0px 0px 5px;
	_margin: 0px;
	float: left;
	}
#welcome_current_image {
	width: 315px;
	_width: 309px;
	height: 233px;
	float: left;
	padding: 0px; 
	margin: 0px;
	background-color: #73ab73;
	/*background-color: #FF0000;  test */
	}
#welcome_area SELECT {margin: 0px 0px 5px 0px;}	
#welcome_current_image IMG {
	width: 315px;
	_width: 309px;
	float: left; 
	border: none;
	height: 233px;
	padding: 0px; 	
	margin: 0px;
	}

#welcome_area {
	width: 300px;
	_width: 309px;
	height: 233px;
	text-align: left;
	float: right; 
	float: left;
	padding: 0px 0px 0px 10px; 
	 background-image:url(../images/welcome/bkgd_star.gif); 
	 background-position: left;
}
	
#welcome_area H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}		
#welcome_area H1 {
	font: normal 36px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 36px;
	padding-bottom: 10px;}
#welcome_area H2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#welcome_area a:link {color: #FFFFFF; text-decoration: none;}
#welcome_area a:visited {color: #FFFFFF; text-decoration: none;}
#welcome_area a:hover {color: #003466; text-decoration: none;}
#welcome_area a:active {color: #FFFFFF; text-decoration: none;}
#welcome_area P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 18px;
	padding: 0px 0px 0px 0px}
#welcome_area H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}			

/* CITY TORONTO */
#city_area_toronto {
	float: right; 
	width: 300px;
	_width: 309px;
	height: 233px;
	float: left;
	padding-left: 10px;
	background-image:url(../images/city/bkgd_city_toronto.gif);
	background-repeat: no-repeat;}

#city_area_toronto SELECT {width: 200px; margin: 0px 0px 5px 0px;}	

#city_area_toronto H1 {
	font: normal 30px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_toronto H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 5px 0px 5px 0px}	
#city_area_toronto H2 a:link{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#city_area_toronto H2 a:visited{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#city_area_toronto H2 a:hover{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#city_area_toronto H2 a:active{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}			
	
#city_area_toronto P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px}
#city_area_toronto H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px}
#city_area_toronto IMG {float: right;
padding-right: 10px;}
#city_area_toronto .btn {margin: 40px 0px 0px 0px;}	

/* CITY EDMONTON */
#city_area_edmonton {
	float: right; 
	width: 300px;
	_width: 309px;
	height: 233px;
	float: left;
	padding-left: 10px;
	background-image:url(../images/city/bkgd_city_edmonton.gif);
	background-repeat: no-repeat;}

#city_area_edmonton SELECT {width: 200px; margin: 0px 0px 5px 0px;}	

#city_area_edmonton H1 {
	font: normal 30px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_edmonton H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 5px 0px 5px 0px}	
#city_area_edmonton H2 a:link{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#city_area_edmonton H2 a:visited{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#city_area_edmonton H2 a:hover{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 0px;
	padding: 10px 0px 10px 0px}
#city_area_edmonton H2 a:active{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 10px 0px 10px 0px}			
	
#city_area_edmonton P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px}
#city_area_edmonton H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px}
#city_area_edmonton IMG {float: right;
padding-right: 10px;}
#city_area_edmonton .btn {margin: 40px 0px 0px 0px;}	

/* CITY VANCOUVER */
#city_area_vancouver {
	float: right; 
	width: 300px;
	height: 233px;
		float: left;
	padding-left: 10px;
	 background-image:url(../images/city/bkgd_city_vancouver.gif); 
	 background-repeat: no-repeat; 
	background-color: #FFFFFF;}
#city_area_vancouver H1 {
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_vancouver H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px}	
#city_area_vancouver H2 a:link{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_vancouver H2 a:visited{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_vancouver H2 a:hover{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_vancouver H2 a:active{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}		
#city_area_vancouver P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_vancouver H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px;}
#city_area_vancouver IMG {float: right;
padding-right: 10px;}
#city_area_vancouver .btn {margin: 40px 0px 0px 0px;}
/* CITY OTTAWA */
#city_area_ottawa {
	width: 300px;
	height: 233px;
		float: left;
	padding-left: 10px;
	 background-image:url(../images/city/city_ottawa.gif); 
	 background-repeat: no-repeat; 
	background-color: #FFFFFF;	
	}
#city_area_ottawa H1 {
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_ottawa H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px}	
#city_area_ottawa H2 a:link{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}	
#city_area_ottawa H2 a:visited{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}
#city_area_ottawa H2 a:hover{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 10px;
	padding: 0px 0px 0px 0px;}
#city_area_ottawa H2 a:active{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}		
#city_area_ottawa P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_ottawa H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px}
#city_area_ottawa IMG {float: right;
padding-right: 10px;}
#city_area_ottawa .btn {margin: 40px 0px 0px 0px;}
/* CITY WINNIPEG */
#city_area_winnipeg {
	float: right; 
	width: 300px;
	height: 233px;
	float: left;
	padding-left: 10px;
 	background-image:url(../images/city/bkgd_city_winnipeg.gif);
	background-repeat: no-repeat; 
	background-color: #FFFFFF;
	}
#city_area_winnipeg H1 {
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_winnipeg H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}	
#city_area_winnipeg H2 a:link{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}	
#city_area_winnipeg H2 a:visited{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}	
#city_area_winnipeg H2 a:hover{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 10px;
	padding: 0px 0px 0px 0px;}	
#city_area_winnipeg H2 a:active{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}			
#city_area_winnipeg P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_winnipeg H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px;}
#city_area_winnipeg IMG {float: right;
padding-right: 10px;}
#city_area_winnipeg .btn {margin: 40px 0px 0px 0px;}

/* CITY CALGARY*/	
#city_area_calgary {
	width: 300px;
	height: 233px;
	float: left;
	padding-left: 10px;
 	background-image:url(../images/city/bkgd_city_calgary.gif);
	background-repeat: no-repeat; 
	background-position: bottom left;
	background-color: #FFFFFF;
	}		
#city_area_calgary H1 {
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_calgary H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px;}	
#city_area_calgary H2 a:link{
	text-decoration: none;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 14px;
	padding: 0px;}	
#city_area_calgary H2 a:visited{
	text-decoration: none;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 14px;
	padding: 0px;}	
#city_area_calgary H2 a:hover{
	text-decoration: none;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 14px;
	padding: 0px;}	
#city_area_calgary H2 a:active{
	text-decoration: none;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 14px;
	padding: 0px;}		
#city_area_calgary P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_calgary H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px 0px 0px 0px;}
#city_area_calgary IMG {float: right;
padding-right: 10px;}
#city_area_calgary .btn {margin: 40px 0px 0px 0px;}
/**/		
/* CITY MONTREAL*/	
#city_area_montreal {
	width: 300px;
	height: 233px;
	float: left;
	padding-left: 10px;
	 background-image:url(../images/city/bkgd_city_montreal.gif);
	background-repeat: no-repeat; 
	background-position: bottom left;
	background-color: #FFFFFF;
	}		
#city_area_montreal H1 {
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	color:#003466; 
	line-height: 18px;
	padding-bottom: 0px;}
#city_area_montreal H4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px;}	
#city_area_montreal H2 a:link{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px;}	
#city_area_montreal H2 a:visited{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px;}	
#city_area_montreal H2 a:hover{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#003466;
	line-height: 10px;
	padding: 0px;}	
#city_area_montreal H2 a:active{
	text-decoration: none;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 10px;
	padding: 0px;}		
#city_area_montreal P {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 18px;
	padding: 0px 0px 0px 0px;}
#city_area_montreal H3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#606060; 
	line-height: 0px;
	padding: 0px 0px 0px 0px;}
#city_area_montreal IMG {float: right;
padding-right: 10px;}
#city_area_montreal .btn {margin: 40px 0px 0px 0px;}
/**/