/* Colour Schemes

PASTEL 1    Green  dbe9d8			Blue-Green   c2d4d8			Red  E8D8DD			Brown   f2efe8				Purple   b0aac2
(very muted)

PASTEL 2   Red  CEABB1			Green  E8F8C1			Blue  A1C6EA			Beige  EEE5BF			Purple   BBC2E2
(not so muted)

*/



body { text-align: center; margin: 0px; }
body, #container, table, td, h1 { font-family: Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; }
a:link, a:visited, a:hover { color: #0000dd; font-weight: bold;  text-decoration: none; }
a:hover { color: #a6a6a6; text-decoration: underline; }
td { padding: 10px; border: 1px solid #a6a6a6; border-bottom: 0px; border-right: 0px; width: 150px; height: 50px; vertical-align: top; }
td.mid-island-advanced { padding: 0; }
.interior { padding: 10px; }

.club { background-color: #E8F8C1; font-size: 11px; }
.malaspina { background-color: #F7BE81; }
.ladysmith { background-color: #F5F6CE; }
.mid-island-advanced { background-color: #F5A9A9; }
.excellence { background-color: #D8CEF6; }
.sunrisers, .first-canadian { background-color: #EEE5BF; } 
.somass { background-color: #F5A9D0; }
.arbutus { background-color: #81DAF5; } 
.enterprising { background-color: #A9F5D0; }
.harbourcity, .hub { background-color: #A9F5E1; }
.hill { background-color: #81DAF5; } 
.woodgrove, .diverse-abilities { background-color: #E1F5A9; }

th, .special-title { font-size: 18px; color: #efefef; background-color: #a6a6a6; text-transform: uppercase;  height: 30px; }
tr.main-header th { background-color: #3C4F94; }
.special-title { text-align: center; padding-top: 4px; }
table { width: 100%; border: 1px solid #a6a6a6; }
#container { width: 1000px; margin: 30px auto; font-family: Verdana; text-align: left;  }
.name { font-weight: bold; font-size: 16px; }
.time { font-size: 16px; font-style: italic; }
.club p { margin: 0px; margin-bottom: 8px; }
.telephone { font-size: 12px; font-weight: bold; }
.city { font-weight: bold; text-transform: uppercase; font-size: 12px; }
.map { margin-left: 20px; }
.sidebar { font-size: 18px; padding: 5px; font-weight: bold; }
th.noon { background-color: #666666; } 
th.pm { background-color: #363636; } 
h1 { font-size: 32px; text-align: center; margin-bottom: 10px; letter-spacing: -.06em; }
h1 span, #call-to-action { color: #3C4F94; }
#call-to-action, #sub-text, #club-contact { text-align: center; font-size: 18px; margin-top: 0px; margin-bottom: 20px; }
#club-contact { font-size: 10px; }
#sub-text { font-size: 18px; line-height: 30px; }
#phone-number { font-size: 22px; font-weight: bold; color: #000000; }
#basicinfo { margin-top: 20px; }
.icon { width: 20px; height: auto; padding-right: 5px; }
.icon-wide { height: 20px; width: auto; padding-right: 5px; }

.summer { display: block; }
.summer { border: 1px solid #868686; padding: 4px; background: #ffffff;}
.summer:before { content: "Summer Schedule"; font-weight: bold; display: block; margin-bottom: 5px; text-transform: uppercase; }

#top-announcement { top: 0px; left: 0px; padding: 10px; color: #ffffff; text-align: center; font-family: Verdana,Arial; font-weight: bold; font-size: 18px; width: 100%; line-height: 30px; }
/* RED - Top  #a90329     Middle  #8f0222    Bottom  #6d0019  */

.bnn-red {
	background: #a90329; 
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 47%, #6d0019 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(47%,#8f0222), color-stop(100%,#6d0019)); 
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 47%,#6d0019 100%); 
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 47%,#6d0019 100%);
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 47%,#6d0019 100%); 
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 47%,#6d0019 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}


/* GREEN - Top  #a90329     Middle  #8f0222    Bottom  #6d0019  */

.bnn-green {
	background: #03c40a; 
	background: -moz-linear-gradient(top,  #03c40a 0%, #059102 44%, #006300 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03c40a), color-stop(44%,#059102), color-stop(100%,#006300));
	background: -webkit-linear-gradient(top,  #03c40a 0%,#059102 44%,#006300 100%);
	background: -o-linear-gradient(top,  #03c40a 0%,#059102 44%,#006300 100%);
	background: -ms-linear-gradient(top,  #03c40a 0%,#059102 44%,#006300 100%); 
	background: linear-gradient(to bottom,  #03c40a 0%,#059102 44%,#006300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c40a', endColorstr='#006300',GradientType=0 );
}


/* BLUE - Top  #a90329     Middle  #8f0222    Bottom  #6d0019  */
.bnn-blue-no-gradient {
	background: #044df7; 
}

.bnn-blue {
	background: #044df7; 
	background: -moz-linear-gradient(top,  #044df7 0%, #0440cc 44%, #00377a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#044df7), color-stop(44%,#0440cc), color-stop(100%,#00377a)); 
	background: -webkit-linear-gradient(top,  #044df7 0%,#0440cc 44%,#00377a 100%); 
	background: -o-linear-gradient(top,  #044df7 0%,#0440cc 44%,#00377a 100%);
	background: -ms-linear-gradient(top,  #044df7 0%,#0440cc 44%,#00377a 100%); 
	background: linear-gradient(to bottom,  #044df7 0%,#0440cc 44%,#00377a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044df7', endColorstr='#00377a',GradientType=0 );
}

#top-announcement  a { color: #c6c6c6; }
#top-announcement  a:hover { color: #ffffff; text-decoration: underline; }