/*================================================================================

SITE COLOUR PALETTE
blue dark: #1D3194
blue light: #CBEAF2
green dark: #89C821
green grey: #D9E1CB
green light: #F1F8E4
red: #A6341C

================================================================================*/


/* UNIVERSAL STYLES
================================================================================*/

body 
{
	/*height:100%;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-align: center;
	background-color: #666666;
	margin: 0;
}

.spaw_body {
	font: 12px/16px arial, helvetica, sans-serif;
 	text-align: left;
	color: #000;
 	background-color: #FFF;
	background-image: none;
	padding: 10px;
}

body * 
{
	margin: 0;
	/*height: 100%;*/
}

td {
	vertical-align: top;
}


/* TYPOGRAPHY
================================================================================*/

h1 {
	font-size: 1.5em;
	color: #7A2638;
	padding: 16px 0 8px 0;
}

h1.pagetitle
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	padding-top: 15px 0px 0px 0px;
	color: black;
}

h2 {
	font-size: 1.3em;
	color: #7A2638;
	padding: 16px 0 8px 0;
}

h3, h4, h5, h6 {
	font-size: 1em;
	padding: 16px 0 8px 0;
}

h6 {
	color: #000;
}

hr {
	width: 100%;
	height: 1px;
	color: #89C821;
	background: #89C821;
	color: #CCC;
	background: #CCC;
	border: none;
	margin: 10px 0;
	clear: both;
}


blockquote {
	background: #EFF1F7;
	padding: 10px 15px;
	margin: 10px 0;
	clear: both;
}

blockquote p {
	padding: 0;
}

p {
	line-height: 1.4em;
	padding: 4px 0 10px 0;
}

a, a:visited, a:focus, a:active {
	color: #0064B9;
	text-decoration: none;
}

a:hover {
	color: #0064B9;
	text-decoration: underline;
}

ul, .spaw_body ul, ol, .spaw_body ol {
	padding: 8px 0;
	margin: 0 0 0 35px;
}

ol, .spaw_body ol {
	margin: 0 0 0 40px;
}

ul li ul, ul li ol, ol li ul, ol li ol, 
.spaw_body ul li ul, .spaw_body ul li ol, .spaw_body ol li ul, .spaw_body ol li ol {
	padding: 0;
}

ul li, .spaw_body ul li {
	list-style-image: url('../images1/ul_default.gif');
	padding: 2px 0 2px 5px;
}

ul.check li, .spaw_body ul.check li {
	list-style-image: url('../images1/ul_check.gif');
	padding: 2px 0 2px 5px;
}

ul li li, ol li, .spaw_body ul li li, .spaw_body ol li {
	list-style-image: none;
	padding: 2px 0;
}

ol, ul, ol ol, ol ul, ul ol, ul ul, ol p, ul p, td, td p, td ol, td ul, form, fieldset, input, select {
	font-size: 1em;
}

form, fieldset, legend {
	border: none;
	padding: 0;
}

form ol, form ol li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}


/* DEFAULT LAYOUT STYLES
================================================================================*/

div#header, div#nav, div#content, div#content_side, div#footer { /* set default font size */
	font-size: 1.2em;
}

div#container, div#container_home 
{
	width: 876px;
	text-align: left;
	background: url('../iimages1/shadow_top.gif') no-repeat 0 0;
	padding: 0px 0 0 0;
	margin: 0 auto;
	height:100%;
}

div#wrap, div#shadow_bot 
{
	float: left;
	background: #FFF url('../images1/shadow_wrap_99cc99.gif') repeat-y 0 0;
}

div#shadow_bot 
{
	background: url('../images1/shadow_bot.gif') no-repeat 0 100%;
	padding: 0 13px 3px 13px;
}

div#header 
{
	float: left;
	/*border-bottom: 5px solid #C3B69B;*/
	background: url('../images1/logo3.jpg') no-repeat 0 100%;
	height: 150px;
	width: 100%;
}

div#header.french
{
	background: url('../images1/logo3_fr.jpg') no-repeat 0 100%;
}

div#main_content
{
				font-size:12px;
}

div#main_content p
{
	margin-right:20px;
}

#main_content h1 h2 h3 h4 h5 h6
{
	/* I don't know where people are seeing bugendy, but here you go! */
	color:black;	
}

img.logo {
display: block;
float: left;
border: none;
}

div#header div#navtop 
{
float: right;
width: 600px;
			 padding-top: 40px;	
}

div#nav 
{
float: left;
width: 200px;
}

div#content {
float: left;
width: 620px;
padding: 15px 20px 25px 30px;
}

div#container_home div#content {
}

div#footer 
{
color: #FFF;
padding: 0 0 0 0px;
clear: both;
background: #000066;
						margin-left: auto;
						text-align: center;
						margin-right: auto;
}

div#footer p 
{
				font-size:10px;
				padding-top: 9px;
}

div.clear {
clear: both;
}

/* PRODUCED BY CANASA STYLES
	 ================================================================================*/

div#produced 
{
				font-size: 0.9em;
				font-weight: bold;
				text-align: center;
color: #7E2947;
			 border-top: 1px solid #FFF;
padding: 15px 0;
}

div#produced p {
				padding-bottom: 15px;
}


/* HOMEPAGE LAYOUT STYLES
	 ================================================================================*/

div#about_canasa, div#news, div#calendar, div#poll {
				font-size: 0.9em;
}

div#about_canasa {
				padding-bottom: 15px;
}

div#about_canasa h1 
{
background: url('../images1/h1_home.gif') no-repeat 0 100%;
						margin-bottom: 8px;
}

img.security_canada, div#poll {
float: right;
}

/* POLL STYLES
	 ----------------------------------------*/

div#poll {
width: 167px;
background: url('../images1/poll_gradient.gif') repeat-x 0 0;
						margin-top: 15px;
}

div#poll div {
background: url('../images1/poll_bg.gif') repeat-y 0 0;
}

div#poll div div {
background: url('../images1/poll_bot.gif') no-repeat 0 100%;
}


/* WHAT'S NEW & CALENDAR STYLES
	 ----------------------------------------*/

div#news, div#calendar {
float: left;
width: 180px;
background: url('../images1/home_feat_bg.gif') repeat-y 0 0;
						padding-right: 9px;
}

div#news h3, div#calendar h3 
{
				font-size: 1.1em;
color: #FFF;
background: #7A2638 url('../images1/home_feat_title.gif') repeat-y 174px 0;
						border-right: 5px solid #C1A875;
padding: 3px 10px;
}

div#news div, div#calendar div {
background: url('../images1/home_feat_bot.gif') no-repeat 0 100%;
position: relative;
}

div#news img.more, div#calendar img.more {
border: none;
position: absolute;
bottom: -6px;
right: 9px;
}

* html div#news img.more, * html div#calendar img.more {
bottom: 14px;
right: 17px;
}

div#news div div, div#calendar div div {
background: url('../images1/home_feat_gradient.gif') no-repeat 100% 0;
padding: 10px 15px 30px 10px;
}

div#news ul {
padding: 0;
margin: 0;
}

div#news ul li {
				list-style: none;
background: url('../images1/ul_nav.gif') no-repeat 0 7px;
padding: 5px 0 5px 15px;
}
/*
	 div#calendar table {
	 border-collapse: collapse;
border: 1px solid #4668A5;
}

div#calendar th {
font-weight: bold;
text-align: center;
color: #FFF;
background: #837152;
}

div#calendar th, div#calendar td {
color: #536C98;
border: 1px solid #CAD9EE;
}

div#calendar td a, div#calendar td a:visited, div#calendar td a:focus, div#calendar td a:hover, div#calendar td a:active {
display: block;
color: #FFF;
background: #A1D34D;
border: 1px solid #FFF;
}

div#calendar p a, div#calendar p a:visited, div#calendar p a:focus, div#calendar p a:hover, div#calendar p a:active {
color: #A6341C;
}

div#calendar p span {
text-align: right;
}

div#calendar ul span {
font-weight: bold;
}

div#calendar ul li {
list-style-image: url('../images1/ul_calendar.gif');
}
 */
div#calendar select {
width: 55%;
padding: 0;
margin: 0;
}

div#calendar select.select_year {
width: 40%;
}

table.calendar_table {
width: 96%;
			 text-align: center;
			 /*      border-collapse: collapse;*/
border: 1px solid #4668A5;
}

table.calendar_table th, table.calendar_table td {
color: #536C98;
			 line-height: 20px;
border: 1px solid #CAD9EE;
padding: 0;
}


table.calendar_table th {
				font-weight: bold;
				text-align: center;
color: #FFF;
border: none;
background: #8C7A5F;
}

table.calendar_table a, table.calendar_table a:visited, table.calendar_table a:focus, table.calendar_table a:hover, table.calendar_t
able a:active 
{
display: block;
				 text-decoration: none;
color: #FFF;
background: #7A2638;
}

table.calendar_table a:hover {
background: #92C241;
}

table.cal_prevnext a, table.cal_prevnext a:visited, table.cal_prevnext a:focus, table.cal_prevnext a:hover, table.cal_prevnext a:active {
color: #A6341C;
}
table.cal_prevnext td.prev {
background: url('../images1/cal_prev.gif') no-repeat 3px 6px;
padding: 7px 0 0 15px;
}
table.cal_prevnext td.next {
background: url('../images1/cal_next.gif') no-repeat 51px 6px;
padding: 7px 15px 0 0;
}

div.event_hidden {
				margin-top: 15px;
}

div.event_hidden span {
				font-weight: bold;
}

div#calendar ul {
padding: 0;
margin: 0;
}

div#calendar ul li {
				list-style-type: none;
				list-style-image: none;
background: url('../images1/ul_calendar.gif') no-repeat 0 7px;
padding: 4px 0 5px 15px;
}
/* 2 COLUMN LAYOUT
	 ================================================================================*/

div#container_2col div#content_side h3 {
				font-size: 1.1em;
color: #3A9A0B;
background: url('../images1/ul_large.gif') no-repeat 0 17px;
padding: 15px 0 8px 15px;
				 margin-left: -15px;
}

/* SEARCH & LOGIN STYLES
	 ================================================================================*/

.left_width
{
				200px;
}

div#nav ol li {
padding: 0;
clear: both;
}

div#nav form, div#nav fieldset {
float: left;
}

/* SEARCH STYLES
	 ----------------------------------------*/

div#search 
{
float: left;
width: 190px;
background: #000066;
padding: 15px 5px 12px 5px;
}

div#search input {
width: 100px;
float: left;
border: 1px inset black;
padding: 0;
}

div#nav input.submit 
{
float: right;
border: none;
}

/* LOGIN STYLES
	 ----------------------------------------*/

div#login p {
				font-weight: bold;
color: #FFF;
background: #947D5C;
						border-top: 6px solid #E6D3B7;
padding: 2px 5px 2px 20px;
}

div#login form {
padding: 5px 15px 15px 12px;
}

div#login label {
display: block;
				 font-size: 0.9em;
}

div#login input {
width: 140px;
border: 1px solid #A9B1C0;
}

div#login ol li {
padding: 2px 0 0 0;
}

div#nav div#login input.submit {
				margin-top: 3px;
}

/* EVENTS LISTINGS STYLES
	 ================================================================================*/

div.event_list_title {
				font-size: 1.3em;
				font-weight: bold;
color: #3A9A0B;
padding: 0 0 15px 0;
}

table.events_list {
width: 100%;
}

table.events_list th {
				font-size: 1.15em;
				text-align: left;
background: #CBEAF2;
						border-bottom: 3px solid #97BFC9;
padding: 7px 5px;
}

table.events_list td {
				border-bottom: 1px solid #D9E1CB;
padding: 5px;
}

table.events_list td.date {
width: 20%;
}

table.events_list td.title {
width: 35%;
}

table.events_list td.title p {
padding: 0;
}

table.events_list td.location {
width: 20%;
}

table.events_list tr.odd 
{
background: #F3F7EC;
}


/* MAIN NAVIGATION STYLES
	 ================================================================================*/

/* Structure of UL and LI inside of nav: width, etc */
div#nav ul, div#nav ul li 
{
width: 200px;
			 list-style-type: none;
padding: 0;
margin: 0;
}

div#nav ul 
{
clear: both;
}


/* Tier 1 structure:
	 Dark green background
	 Thin green border on top
 */
div#nav ul li 
{
				background-color: #339933;
				border-top: 1px solid #99cc99;
				font-size: 	12px;
}

/* Tier 1 links:
	 12px white font
	 full width
 */
div#nav li a, div#nav li a:visited, div#nav li a:focus, div#nav li a:active 
{
				font-size: 12px;
color: #ffffff;
display: block;
width: 170px;
			 text-decoration: none;
padding: 5px 10px 5px 20px;
}

/* Tier 1 hover effect over any link EXCEPT the currently selected one 
	 light green text
 */
div#nav a:hover 
{
				text-decoration: none;
color: #99cc99;
			 font-weight: bold;
}

/* Tier 1 active link:
	 light green background (same as div)
	 Dark blue text with bold 12px font
 */
div#nav a.on, div#nav a.on:visited, div#nav a.on:focus, div#nav a.onhover, div #nav a.active
{
				background-color: #99cc99;
				font-size: 12px;
				font-weight: bold;
color: #000099;
}



/* MAIN NAVIGATION SUB TIER STYLES
	 --------------------------------------------------------------------------------*/

/* Tier 2 list style:
	 faked-up light green dot
	 dark green text
	 light green background
 */

div#nav li.tier2, div#nav li.tier2, div#nav li.tier3
{
color: #339933;
border: none;
background: #99cc99 url('../images1/ul_nav_subtier_339933.gif') no-repeat 20px 9px;
						font-size:10px;
}

/* Tier 3 and 4:  Move the background over by 10 px each to match indentation */
div#nav li.tier3 
{
				background-position: 32px 7px;
}

div#nav li.tier4 
{
				background-position: 42px 7px;
}


/* Tier 2, 3 and 4 links:
	 dark green text
	 10px font
 */
div#nav li.tier2 a, div#nav li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:active, 
				div#nav li.tier3 a, div#nav li.tier3 a:visited, div#nav li.tier3 a:focus, div#nav li.tier3 a:active,
				div#nav li.tier4 a, div#nav li.tier4 a:visited, div#nav li.tier4 a:focus, div#nav li.tier4 a:active
{
				font-size: 10px;
				font-weight: normal;
color: #339933;
}

/* Tier 2, 3 and 4 li, decrease width and increase left padding to fake indentation */
div#nav li.tier2 a, div#nav li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:active {
width: 164px;
padding: 3px 10px 3px 30px;
}

div#nav li.tier3 a, div#nav li.tier3 a:visited, div#nav li.tier3 a:focus, div#nav li.tier3 a:active {
width: 124px;
padding: 3px 10px 3px 40px;
}

div#nav li.tier4 a, div#nav li.tier4 a:visited, div#nav li.tier4 a:focus, div#nav li.tier4 a:active {
width: 114px;
padding: 3px 10px 3px 50px;
}


/* Note: this is exactly why the DIV should be named tier2 and not each individual tag. Arg, so ugly.
/* tier 2, 3 and 4 hover effects 
tier 2, 3 and 4 current link effect (shared)

turn background dark green

NOTE: the 160px, if you find tier 3 and 4 are overflowing, add the appropriate width
This is because all the padding and margins thrown all over the place are making my 200px
actually way more than 200px
 */
div#nav li.tier2 a:hover,  
				div#nav li.tier2 a.on, div#nav li.tier2 a.on:visited,  div#nav li.tier2 a.on:focus, div#nav li.tier2 a.on:active 
{
color: #339933;
background: #99cc99 url('../images1/ul_nav_subtier_339933.gif') no-repeat 20px 7px;
width:160px;
			font-weight: bold;
}

div#nav li.tier3 a:hover, 
				div#nav li.tier3 a.on, div#nav li.tier3 a.on:visited, div#nav li.tier3 a.on:focus, div#nav li.tier3 a.on:active 
{
color: #339933;
background: #ECDAB4 url('../images1/ul_nav_subtier_339933.gif') no-repeat 30px 7px;
width:150px;
}

div#nav li.tier4 a:hover, 
				div#nav li.tier4 a.on, div#nav li.tier4 a.on:visited, div#nav li.tier4 a.on:focus, div#nav li.tier4 a.on:active 
{
color: #339933;
background: #ECDAB4 url('../images1/ul_nav_subtier_339933.gif') no-repeat 40px 7px;
width:140px;
}


/* TOP NAVIGATION STYLES
	 ================================================================================*/



.starburst {
				background-image: url('../images/starburst.gif');
				background-repeat: no-repeat;
color : white;
width: 110px;
height: 71px;
				/*padding: 30px 0 0 20px;*/
				padding-top: 38px;
				text-align: center;
}
.starburst a {
color: white;
}

div#legal {
			color:black;
			 text-align: right;
padding: 0 25px 0 0;
}

div#legal a, div#legal a:visited, div#legal a:focus, div#legal a:hover, div#legal a:active {
			color:black;
}

div#navtop
{
				margin-top:50px;
				margin-right:-50px;
}

.swish
{
width:83px;
height:22px;
background: url('../images1/but_swish.gif') no-repeat;
						font-size:10px;
color: black;
			 text-align:center;
overflow:hidden;
				 font-weight:bold;
				 padding-top:5px;
				 margin-right:20px;
}

div.but_wrap a:link, .swish a:hover, .swish a:focus, .swish a:active
{
color: inherit;
			 text-decoration:none;
			 list-style:none;
}


.swish.active
{
background: url('../images1/but_swish_on.gif') no-repeat;
}


.float
{
float:left;
}

.break
{
clear:both;
}


.full_height2
{
height:100%;
}

/*
	 ========= RIGHT SIDE include styles
 */

.right_nav
{
color: white;
background: #000066;
}

.right_content
{
				padding-left: 10px;
				padding-right: 20px;
}

.right_content h1
{
				/* was 14px whilte */
			/* And now it is again. I wonder what the next change will be? */
				/* font-size:12px;
				color:#009933;
		*/
			font-size:14px;
			color:#FFFFFF;	
}

.right_nav h2
{
	font-size:12px;
	font-weight:bold;
	color: #009933;
	margin-bottom: -10px;
}

/* Another new request */
.right_nav h3
{
	font-size:12px;
	color:#009933;
}


.right_nav p
{
	font-size:12px;
}