
html{text-align: center;margin: 0px;padding: 0px;background-color:#003399}
body{background-image: url(../fullback.gif);background-repeat: repeat-x;font-family: verdana, arial, helvetica, sans-serif;color: #2f2f2f;font-size: 11px;background-color: #d0eba6;margin: 0px;padding: 0px;text-align:left;}
a, a:visited, a:link{
       color:blue;
       text-decoration:none;
      }

a:hover{
        color:blue;
        text-decoration:underline;
       }
/*
a:hover{
		color:blue;
		font-weight:normal;
		text-decoration:underline;
	   }                
a:hover{
		color:blue;
		font-weight:normal;
		text-decoration:underline;
	   }
       
a:visited{
          color:blue;
          text-decoration:underline;
         }

*/
.FontHeaderDisplay{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:12px;
                   font-weight:bold;
                   color:black;
                  }
                  
.FontStandard{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:12px;
                   font-weight:normal;
                   color:black;
                  }
                  
.FontInvite{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:11px;
                   font-weight:normal;
                   color:black;
                  }

.FontMiniCalendarMonthName{
                          font-family:Arial, Helvetica, sans-serif;
                          font-size:9px;
                          font-weight:normal;
                          color:black;
                          font-variant:small-caps;
                         }

.FontMonthCalendarDayName{
                          font-family:Arial, Helvetica, sans-serif;
                          font-size:11px;
                          font-weight:bold;
                          color:black;
                          font-variant:small-caps;
                         }
                         
.FontCalendarDay{
                 font-family:Arial, Helvetica, sans-serif;
                 font-size:10pt;
                 font-weight:normal;
                 
                }

.FontEvent{
                 font-family:Arial, Helvetica, sans-serif;
                 font-size:8px;
                 font-weight:normal;
                 color:black;
                 font-variant:none;
                }

/* top navigation styles*/
a.topnavigation {
     color: #4D688B;
     font-size: .8em;
     padding: 3px 8px 3px 0px;
     font-weight : bold;
     text-decoration: none; 
}
#homecell {
     /*background-color: #d6d6fe;*/
     height: 30px; 
}

.homecell2 {
     width: 300px;
     float: right;
     font-weight: normal; 
}

#homecell  a,#homecell  a:visited, #homecell  a:link{
     font-weight: bold;
     font-size: 11px;
     display: block;
     float: left;
     border: 1px #e7e8fc solid;
     background-color: #9aa0fe;
     padding-bottom: 4px;
     padding-right: 6px;
     padding-top: 2px;
     color: #ffffff;
     margin-left: 10px;
     margin-top:5px;
     padding-left: 5px; 
}

#homecell a:hover {
     color: #e1dfc8;
     background-color: #817bce; 
     text-decoration: none;
}

.TableMonthHeader{
				  height:1;
				  padding:1;
				  background-color:#E0DFE3;
				  border-style:outset;
				  border-width:1;
			      border-collapse:collapse;
				 }
				 
.TableMonthHeaderCell{
				      border-style:outset;
				      border-width:1;
				      text-align:center;
				     }		     

.TableMiniHeader{
				  height:1;
				  padding:0;
				  background-color:white;
				  border-style:solid
				  border-color:gray;
				  border-width:0;
			      border-collapse:collapse;
				 }
				 
.TableMiniMonthHeader{
				  height:1;
				  padding:0;
				  background-color:silver;
				  border-style:outset;
				  border-width:1;
				 }
				 

.TableMiniHeaderCell{
                      border-style:none; /* include this to work with IE 4+ */
 					 border-bottom-style:solid;
 					 border-bottom-width:1px;
				     border-bottom-color:black;
				     /* border-width:1; */
				     text-align:center;
				    }	
				     
.TableMiniCalendar{
				  padding:0;
				  background-color:white;
			      border-collapse:collapse;
			      border-width:0;
			      border-style:none;
				    
				  }	
				  
.TableMiniOtherDayCell{
				      border-style:solid;
				      border-width:1px;
				      border-color:white;
				      text-align:center;
                      vertical-align:center;
                      background-color:#EEEEEE;
                      padding:0;
                      border-collapse:collapse;
				     }

.TableMiniDayCell{
				  border-style:solid;
				  border-width:1px;
				  border-color:white;
				  text-align:center;
                  vertical-align:center;
                  background-color:white;
                  padding:0;
                  border-collapse:collapse;
                  cursor:hand;
				 }
				 
.TableMiniDayCellWithEvent{
				  border-style:solid;
				  border-width:1px;
				  border-color:white;
				  text-align:center;
                  vertical-align:center;
                  background-color:#DDDDFF;
                  padding:0;
                  border-collapse:collapse;
                  cursor:hand;
				 }

.TableMiniDayCellToday{
				       border-style:solid;
				       border-width:1px;
				       border-color:white;
				       text-align:center;
                       vertical-align:top;
                       background-color:#C5EB9F;
                       padding:0;
				      }				  		

.TableMiniDayCellTodayCoquitlam{
				       border-style:solid;
				       border-width:1px;
				       border-color:white;
				       text-align:center;
                       vertical-align:top;
                       background-color:#FFD735;
                       padding:0;
				      }	

.TableMonthOtherDayCell{
				        border-style:solid;
				        border-width:1;
				        border-color:gray;
		                text-align:center;
                        vertical-align:top;
                        background-color:gray;
                        padding:0;
                        border-collapse:collapse;
				       }

.TableMonthDayCell{
				      border-style:outset;
				      border-width:1;
				      border-color:gray;
				      text-align:left;
                      vertical-align:top;
                      background-color:#FFFFFF;
                      padding:0;
				     }

.TableMonthDayCellToday{
				        border-style:outset;
				        border-width:1;
				        border-color:gray;
				        text-align:left;
                        vertical-align:top;
                        background-color:#CCCCCC;
                        padding:0;
				       }
				     				     			     				     			     
.TableMainCalendar{
				  height:91%;
				  padding:0;
				  background-color:white;
			      border-collapse:collapse;
			      border-style:none;
				  }			
				  
.TableMainWeek{
	width:800px;
		       height:94%;
			   padding:0;
			   background-color:white;

			  }	
#maintable {
	 background-color:#ccccff;
	 width:800px;
}
.TablePopupBorder{
			   padding:2;
			   background-color:white;
			   border-collapse:collapse;
			   border-style:solid;
			   border-color:white;
			   border-width:1;
			  }	

.TableWeekHeader{
				 height:1;
				 padding:2;
				 background-color:#DDDDDD;
				 border-style:outset;
				 border-width:1px;
			     border-collapse:collapse;
				}
				
.WeekDayAreaCell{
     		     border-collapse:collapse;
				 border-style:solid;
				 border-width:1px;
				 border-color:gray;
				 text-align:left;
				 background-color:white;
				}

.TableMonthDayHeaderCell{
					  border-right:0;
				      border-style:outset;
				      border-width:1;
				      text-align:left;
				      background-color:#E0DFE3;
				     }
				     
.TableDayCalendar{
				  height:94%;
				  padding:0;
				  border-width:0;
				  border-color:#111111;
			      border-collapse:collapse;
				 }			

.TableDayCalendar2{
				   height:100%;
				   padding:0;
				   border-style:none;
				   border-width:0;
				   border-color:#111111;
			       border-collapse:collapse;
				  }	

.TableDayCalendar3{
				   height:94%;
				   padding:3;
				   border-width:0;
				   border-color:#111111;
			       border-collapse:collapse;
				  }	

.DivDayStyle{
             width:100%;
             height:100%;
             overflow:visible;
            }

.TableDayAgenda{
				height:100%;
				padding:0;
				border-style:none;
				border-width:0;
				border-color:white;
			    border-collapse:collapse;
			   }
			   
.TableAgendaCell1{
			      border-collapse:collapse;
				  border-style:solid;
				  border-width:1;
				  text-align:right;
				  background-color:#EEEEEE;
				 }
				 
.TableAgendaCell2{
 			      border-bottom-style:solid;
 			      border-bottom-width:1;
				  border-bottom-color:black;
			      border-collapse:collapse;
				  border-style:solid;
				  border-width:1;
				  text-align:right;
				  background-color:#DDDDDD;
				 }

.TableAgendaArea{
                 border-bottom-style:dotted;
 			     border-bottom-width:1;
				 border-bottom-color:gray;
			     border-collapse:collapse;
				 border-width:1;
				 text-align:left;
				 background-color:#EEEEEE;
				}
				
.EventMonthTable{
                 border-style:solid;
 			     border-width:1;
				 border-color:black;
			     border-collapse:collapse;
				 border-width:1;
				 text-align:left;
				 background-color:white;
				 padding:1;
				 width:100%;
				}
				
.EventMonthTimeCell{
                  width:10%;
				  text-align:left;
				  background-color:#DDDDDD;
				 }									 				 					 				 				 								 				 					 				 				 								 				 					 				 

.EventMonthTitleCell{
                  width:90%;
				  text-align:left;
				  background-color:white;
                  }

.EventMonthTitleCellAllDay{
                  width:100%;
				  text-align:center;
				  background-color:white;
                  }

.EventMonthTimeFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }							 				 			 				 			 				 							 				 			 				 			 				 

.EventMonthTitleFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }
.MonthDayDiv{
             width:100%;
             height:100%;
             overflow:auto;
			}
			
.MonthDayDiv2{
             width:100%;
             height:100%;
             overflow:visible;
            }
            
.MonthDayDiv3{
             width:100%;
             height:100%;
             overflow:scroll;
			}
			
.EventIconFont{
                font-family:Wingdings;
                font-size:12px;
                font-weight:normal;
                color:red;
                }							 				 			 				 			 				 							 				 			 				 			 				 			              							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				               							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				 

.EventDisplayHeadingFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;
                font-weight:normal;
                color:black;
                }							 				 			 				 			 				 							 				 			 				 			 				 

.EventDisplayNormalFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }		
                
.DayViewAgendaEventTable{
                         border-style:solid;
        			     border-width:1;
        				 border-color:black;
        			     border-collapse:collapse;
        				 border-width:1;
        				 text-align:left;
        				 background-color:white;
        				 padding:1;
						}

.DayViewAgendaFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }		
        
.EventListingTable{
                   border-style:solid;
 			       border-width:1;
				   border-color:white;
			       border-collapse:collapse;
				   border-width:1;
				   text-align:left;
				   background-color:white;
				   padding:1;
				   width:100%;
				  }
                       
.EventListingTitleFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:10pt;
                font-weight:bold;
                
                }
                  
.EventListingTimeFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9pt;
                font-weight:normal;
                color:black;
                }

.EventListingTimeCell{
                  width:100%;
				  text-align:left;
				  background-color:white;
				 }

.EventListingBodyCell{
                  width:100%;
				 vertical-align:top;
				 text-align:left;
				  background-color:white;
				 }					 								 				 					 				 				 								 				 					 				 				 								 				 					 				 				 								 				 					 				 				 								 				 					 				 				 								 				 					 				 

.EventListingTitleCell{
                  width:100%;
				  text-align:left;
				  background-color:#EEEEEE;
                  }                							 				 			 				 			 				 							 				 			 				 			 				                                                                                                                                                                                                                							 				 			 				 			 				 							 				 			 				 			 				                                                                                                                                                                                                

.GroupLegend1{
              visibility:visible; 
              position: absolute;
              top:30;
              left:-300;
             }
             
/* 
.GroupLegend2{
             visibility:hidden;
             position: absolute;
             top:30;
             left:-300;
		     }

*/
.GroupLegendTable1{
              visibility:visible; 
              position: absolute;
              top:30;
              left:-300;
              border-collapse:collapse;
              border-width:1;
              border-color:black;
              border-style:normal;
              background-color:#EEEEEE;
             }
             
/*
.GroupLegendTable2{
             visibility:hidden;
             position: absolute;
             top:30;
             left:-300;
             border-collapse:collapse;
             border-width:1;
             border-color:black;
             border-style:normal;
             background-color:#EEEEEE;
		     }
*/		     
.EventListViewTable{
				   width:100%;
				   height:96%;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				   }
.EventListViewHeaderCell{	
					  height:1;
				      width:33%;			   
				      border-style:outset;
				      border-width:1;
				      text-align:center;
				      }
				      
.EventListViewCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:white;
                   padding:0;
                   border-collapse:collapse;
				  }
				  
.EventListViewDiv{
                 width:100%;
                 height:100%;
                 overflow:auto;
			     }	
			     
.EventListViewHeaderFont{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:14px;
                   font-weight:bold;
                   color:black;
						}			     			  				     				     			  				     				     

.YearViewTable{
				   width:100%;
				   height:96%;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				   }
.YearViewHeaderCell{	
					  height:1;
				      width:33%;			   
				      border-style:outset;
				      border-width:1;
				      text-align:center;
				      }
				      
.YearViewCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:white;
                   padding:0;
                   border-collapse:collapse;
				  }
				  
.YearViewDiv{
                 width:100%;
                 height:100%;
                 overflow:auto;
			     }	
			     
.YearViewHeaderFont{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:14px;
                   font-weight:bold;
                   color:black;
						}
						
.YearMiniCalTable{
				   width:100%;
				   height:96%;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				 }
				 
.YearMiniCalCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:white;
                   padding:0;
                   border-collapse:collapse;
				 }
				 
.YearViewEventListHeaderTable{
				   width:100%;
				   height:1;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				 }
				 
.YearViewEventListHeaderCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:#E0DFE3;
                   padding:0;
                   border-collapse:collapse;
				 }
				 
				 									     			  				     				     			  				     				     			     			  				     				     			  				     				     									     			  				     				     			  				     				     			     			  				     				     			  				     				     

.vis1 { visibility:visible; position: absolute }
.vis2 { visibility:hidden; position: absolute }
.visON { visibility:visible;  }
.visOFF { visibility:hidden;  }




/*  Class Styles  */

.logo {
	font:20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 0.2em;
	padding: 20px 10px 0px 10px;
	}
	
.tagline {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCC99;
	letter-spacing: 0.4em;
	padding: 0px 10px 20px 10px;
	}

	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead {
	padding: 20px 0px 0px 0px;
	width: 100%;
	float: left;
}


#footer {
	padding: 5px 0px 0px 0px;
	width: 100%;
	float: inherit;
} 


/***********************************************/
/* Component Divs                                  */
/***********************************************/


/************* #globalNav styles **************/

#globalNav {
	color: #003399;
	padding: 0px 5px 0px 0px;
	border-bottom: 2px solid #ffffff;
	white-space: nowrap;
}

#globalNav img {
 display: block;
}

#globalNav a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 4px 4px 4px;
	display: inline-table;
	text-decoration: none;
}
#footerwrapper a {
     color: #ffffff; 
}
#otliner {
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
     margin-left: auto;
     margin-right: auto;
	 width:800;
}

#footerwrapper {
     background-image: url(/nr/wells/images/footer_background.gif);
     background-repeat: no-repeat;
     background-position: -5px 15px;
     height: 95px;
     padding-top: 20px;
     width: 100%; 
     text-align: center; 
}

#footerwrapper img {
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto; 
}