/*         CSS for Canmore Seniors Website - Plain Page */

/*         REVISED: 2016-04-30 --------BY: Geoff Williams          */

* {
	margin-top: 0;
}

body {color: #000000;
	margin: 0 auto;
	width: 1030px;
      padding: 0;
     font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}

a:hover{
	color: red;
	 }

a:visited{
	color: blue;
	 }



    					/* TRIP SCHEDULE */

table.trip {
    	empty-cells: show;
    	margin: 0 auto 4px auto;
    	width: 952px;
    	border-collapse: collapse;
    	border-spacing: 0; 
    	padding: 0 4px 0 4px;
		border-top: 3px solid black;
    	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	
    	/* background-color: #99CCFF; 	*/	    
    }
 
 
  .trip td {
 	padding: 3px 3px 3px 3px;
 	vertical-align: text-center;
 	border: 1px solid gray;
 	}
 	

td.logo {
 	width: 3%;
 	text-align: left;
 	image-align: left;
	vertical-align: text-top;
 	}
 

td.act {
 	width: 12%;
 	text-align: left;
 	font-weight: bold;
 	}
 
td.activity {
 	width: 12%;
 	text-align: left;
 	font-weight: bold;
 	}
 
td.level {
 	width: 10%;
 	text-align: left;
 	font-weight: bold;
 	}

td.dest {
 	width: 37%;
 	text-align: left;
 	font-weight: bold;
 	}

td.destination {
 	width: 37%;
 	text-align: left;
 	font-weight: bold;
 	}

td.dist {
 	width: 8%;
 	text-align: center;
 	
 	}

td.distance {
 	width: 8%;
 	text-align: center;
 	
 	}

td.vert {
 	width: 8%;
 	text-align: center;
 	}

td.vertical {
 	width: 8%;
 	text-align: center;
 	}

td.emax {
 	width: 8%;
 	text-align: center;
 	}
 	
td.max_elev {
 	width: 8%;
 	text-align: center;
 	}
 	
td.hrs {
 	width: 7%;
 	text-align: center;
 	}

td.duration {
 	width: 7%;
 	text-align: center;
 	}

td.# {
 	width: 7%;
 	text-align: left;
 	}

td.max_# {
 	width: 7%;
 	text-align: left;
 	}

td.meet {
 	text-align: left;
	font-weight: bold;
 	}

td.departure_time {
 	text-align: left;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 90%;
 	}

td.gas {
 	text-align: center;
 	}

td.note {
 	text-align: left;
	font-weight: bold;
 	}

td.notes {
 	text-align: left;
	font-weight: normal;
 	}

td.lead {
 	text-align: center;
 	}

td.leader {
 	text-align: center;
 	}

td.sinup {
 	text-align: left;
	font-weight: bold;
 	}

td.sinup_vis {
 	text-align: left;
	font-weight: bold;
 	}

td.easy {
 	text-align: right;
	font-size: 84%;
	font-weight: bold;
 	}

td.sinup_easy {
 	text-align: right;
	font-size: 84%;
	font-weight: bold;
 	}

td.spacer {
	background-color: #66CCFF;
	padding: 2px 0px 1px 0px;
    	
 	
 	}




 .trip th {
 	padding: 3px 3px 3px 3px;
 	font-family: verdana, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: blue;
	text-decoration: underline;
	background-color: #FFFFCC;
 	
	}
 
 
.trip p {
 	margin: 0 0 4px 0;
 	}	
 	  




					/* ++++++++++++      NEW NAVIGATION - UPDATED 2015 MARCH 18      ++++++++++++ */

						/* BOX FOR TOP FULL WIDTH NAV AND PICTURE BANNERS */

#boxnav {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 960px;
	}
	

.clear {
	clear: both;	}
 

#banner {
	
	margin: 0 auto 0 auto;
	text-align: center;	}

#banner a:link{
	color: white;
	 }

#banner a:visited{
	color: white;
	 }

#banner a:hover{
	color: red;
	 }

#banner ul {
	margin: 0;
	padding: 4px 0px 0px 0px;
	list-style: none;	}

#banner li {
	display: inline	}

						/* PICTURE BANNER */
#banner img {
	width: 150px;
	height: 112px;
	padding: 5px 4px 0px 4px;	}

						/* NAVIGATION BUTTONS */
#banner p {
	float: left;
	border: 2px solid silver;
	margin: 5px 4px 5px 4px;
	padding: 2px;
	text-align: center;
	vertical-align: text-top;
	height: 34px;
	width: 90px;
	font-weight: bold;
	font-size: 14px;
	color: #0959bc;
	font-face: Arial;
	background-color: #666666;
	}



						/* QUARTER BUTTON SPACER */
#banner s {
	float: left;
	border: none;
	margin: 5px 0px 5px 0px;
	height: 34px;
	width: 27px;
	color: white;
	background-color: white;
}

<!-- MAKE LINK LOOK LIKE MAIN BUTTON -->

#fakebu {
	margin: 3px ;
	padding: 3px;
	
}
#fakebu a:link{
	color: white;
	background: #666666;
	 }

#fakebu a:visited{
	color: white;
	 }

#fakebu a:hover{
	color: #FF4D4D;
	 }

							/* END NEW NAVIGATION - UPDATED 2015 JUNE 07 */





						/* TRIPS MONTHLY BUTTON BAR */
#boxnav2 {
	float: left;
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 950px;
	}
	
#goto {
	margin: 0 ;
}


#goto p {
	float: left;
	border: 1px solid #0959bc;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	text-align: center;
	vertical-align: text-top;
	height: 22px;
	width: 200px;
	font-weight: bold;
	font-size: 15px;
	color: black;
	font-face: Arial;
	background-color: #BBFFCC;
	
	}

						/* TRIPS BUTTON SPACER */
#goto s {
	float: left;
	border: none;
	margin: 5px 0px 5px 0px;
	height: 34px;
	width: 40px;
	color: white;
	background-color: white;
}





						/* OLD Menu */

#menu {
	margin: 0 ;
	padding: 0px 0px 0px 0px;
	text-align: center;
	
      	
}

#menu ul {
	margin: 0;
	padding: 10px 0px 6px 0px;
	list-style: none;
	
}	
	
#menu li {
	
	display: inline;
	font-face: Arial;
	
}

#menu a {
	height: 22px;
	padding: 6px 6px 6px 6px;
     border: 1px solid #0959bc;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
        font-weight: bold;
	color: #0959bc;
	font-face: Arial;
	background-color: #FFFFCC;
         
}


							/* content */

#content {
	width: 960px;
	padding: 0;
	margin: 0 auto;
        
}

#when {
	font-size: 105%;
	font-weight: bold;
	margin: 0;
	color: red;
	}

#whenB {
	font-size: 105%;
	font-weight: bold;
	margin: 0;
	color: blue;
	}

#what {
	font-size: 105%;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: blue;
	}

#whatN {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: blue;
	}

#K103 {
	color: black;
	font-size: 103%;
	font-weight: bold;
	margin: 0 0 5px 0;
		}

						/* BORDERS */
						
				/* BORDER SILVER - Center Narrow */	 
 
#boxScN {
	margin: 0 auto 0 auto;
	border: 3px solid #999999;
	padding: 20px 5px 20px 5px;
	text-align: center;
	vertical-align: text-top;
	width: 640px;
	}
						

				/* BORDER INVISIBLE - Full Width */	 
 
#box0c {
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	text-align: center;
	vertical-align: text-top;
	width: 980px;
	}
	
				/* BORDER INVISIBLE - Float Left */	 
 #box0L {
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	text-align: left;
	vertical-align: text-top;
	width: 480px;
	}

				/* BORDER SILVER - Full Width */	 
 
#boxSc {
	float: left;
	border: 3px solid #999999;
	margin: 5px 5px 5px 0px;
	padding: 3px;
	text-align: center;
	vertical-align: text-top;
	width: 960px;
	}

				/* BORDER SILVER - Float Left */	 
 
#boxSL {
	float: left;
	margin: 5px 5px 5px 0px;
	border: 3px solid #999999;
	Border-style: single;
	padding: 10px 5px 10px 5px;
	text-align: center;
	vertical-align: text-top;
	width: 480px;
	}
	
.boxSL p {
	font-family: "Verdana";
	font-size: 100%;
	padding: 0 10px 0 0;
	text-align: center;
	}
	
.boxSL a {
	
	padding: 0 10px 0 0;
	text-align: center;
	}


				/* BORDER RED - Full Width */	 
 
#boxRc {
	float: left;
	border: 3px solid red;
	margin: 10px 14px 10px 0px;
	padding: 3px;
	text-align: left;
	vertical-align: text-top;
	width: 960px;
	}



				/* BORDER BLUE - Full Width */	 
 
#boxBc {
	float: left;
	margin: 5px 0px 5px 0px;
	border: 3px solid blue;
	padding: 3px;
	font-family: "Verdana";
	text-align: center;
	vertical-align: text-top;
	width: 960px;
	}



				/*  BACKGROUNDS  */

.bgW {
	background-color: white;
		
}

.bgL {
	background-color: #EEEEEE;
		
}

.bgY {
	background-color: #FFFFCC;
		
}

.items {
 	list-style: none;
 	
} 
   
                                       /* OVER-RIDE LAYOUT */

p.center {text-align: center}

p.left {text-align: left}

p.right {text-align: right}

big {font-size: 150%}

light {font-weight: normal;
}

blue {color: blue}

red {color: red}

green {color: green}

white {color: white}

black {color: black}

gray {color: gray}

yellow {color: yellow}

pink {color: #FF00FF}

olive {color: olive}

p.gray {color: gray}

silver {color: silver}


center {text-align: center}

left {text-align: left}

right {text-align: right}

spread {letter-spacing: 0.2em;
	}



nar {
	font-family: "arial narrow";
	font-size: 100%;
	letter-spacing: 0.07em;
	}

compact {
	font-family: "arial narrow";
	font-size: 85%;
	letter-spacing: 0.075em;
	}





					/* HIGHLIGHTERS */

hy {background: yellow}

hg {background: #00FF00}

hp {background: red}

hb{ background: #99CCFF;}

hc {background: aqua}

hk {background: black}

hbu {background: #666666;}


							/* lists */

ul {
	
	list-style: none;
	}


							/* SPECIALS */
p.rev {
	color: gray;
	font-size: small;
	font-style: italic;
	}






							/* TABLES */

table.intro {
 	empty-cells: show;
 	padding: 0;
    	margin: 0 auto 0 auto;
    	width: 950px;
    	border: 2px solid #CCCCCC;
    		 
 	 }
 	 
.intro td {
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	font-size: 90%;
	color: #666666;
	padding: 3px 3px 3px 3px;
	text-align: center;
	}


table.twocol {
 	padding: 0;
    	margin: 0 auto 0 auto;
    	border: 2px solid #CCCCCC;
    	}

.twocol td {
 	padding: 3px 3px 3px 3px;
 	border: 1px solid #999999;
}

						/* Menu Left Vertical */

#menuLV {
	margin: 0 ;
	padding: 0px 0px 0px 0px;
	text-align: left;
	
      	
}

#menuLV ul {
	margin: 0;
	padding: 44px 0px 4px 0px;
	list-style: none;
	
}	
	
#menuLV li {
	
	font-face: Arial;
	
	
}

#menuLV a {
	height: 22px;
	padding: 8px 6px 0 6px;
     border: 1px solid #0959bc;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
        font-weight: bold;
	color: #0959bc;
	font-face: Arial;
	background-color: #FFFFCC;
         
}

#menuLV a:hover, #menu .active a { 
}


.clear {
	clear: both;}


#menuLV img {
		width: 600px;
		}

						/* INTERMEDIATE BANNER - COMING OUT OF USE */

			#banner {
				
				margin: 0 auto 0 auto;
				text-align: center;	}

			
			#banner ul {
				margin: 0;
				padding: 4px 0px 0px 0px;
				list-style: none;	}

			#banner li {
				display: inline	}

			#banner img {
				width: 150px;
				height: 112px;
				padding: 0px 3px 0px 3px;	}