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

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

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


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

body {
	font: 62.5% arial, helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #CACACA;
	padding: 14px 0;
	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;
}

td {
	vertical-align: top;
}


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

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

h1.pagetitle {
	background: url('../images1/h1.gif') no-repeat 100% 100%;
	padding: 10px 0 2px 0;
	margin-bottom: 15px;
}

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

h3, h4, h5, h6 {
	font-size: 1em;
	color: #7A2638;
	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('../images1/shadow_top.gif') no-repeat 0 0;
	padding: 3px 0 0 0;
	margin: 0 auto;
}

div#wrap, div#shadow_bot {
	float: left;
	background: #FFF url('../images1/shadow_wrap.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;
	background: #7E2947 url('../images1/gradient_header.gif') repeat-y 100% 0;
	background: #7A2638 url('../images1/gradient_header2.gif') repeat-y 100% 0;
	border-top: 10px solid #FFF; /* white to cover wrap bg img */
	border-bottom: 5px solid #C3B69B;
	padding: 15px 10px;
}

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

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

div#nav {
	float: left;
	width: 174px;
	border-top: 1px solid #FFF;
}

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

div#container_home div#content {
}

div#footer {
	color: #FFF;
	padding: 0 0 0 174px;
	border-bottom: 10px solid #FFF; /* white to cover wrap img bg */
	clear: both;
}

div#footer p {
	float: right;
	width: 656px;
	font-size: 0.9em;
	text-align: right;
	background: #C1BEBE;
	background: #AD9564;
	border-top: 5px solid #F6EFDC;
	padding: 4px 10px;
}

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
================================================================================*/

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

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

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

div#search {
	float: left;
	width: 164px;
	background: #CAB486;
	background: #C1A875 url('../images1/search.gif') repeat-y 0 0;
	padding: 15px 5px 12px 5px;
}

div#search input {
	width: 100px;
	float: left;
	border: 1px solid #957C4A;
	padding: 0;
}

div#nav input.submit {
	float: right;
	width: auto;
	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
================================================================================*/

div#nav ul, div#nav ul li {
	width: 174px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#nav ul {
/*	background: #B1B1B1;
	border-bottom: 1px solid #FFF;*/
	clear: both;
}

div#nav ul li {
	background: #B1B1B1 url('../images1/ul_nav.gif') no-repeat 7px 7px;
	background: #7A2638;
	background: #C1A875 url('../images1/ul_nav.gif') no-repeat 7px 7px;
	border-top: 1px solid #FFF;
}

div#nav li a, div#nav li a:visited, div#nav li a:focus, div#nav li a:active {
	display: block;
	width: 144px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	padding: 5px 10px 5px 20px;
}

div#nav li a:hover {
	color: #7A2638;
}

div#nav li a.on, div#nav li a.on:visited, div#nav li a.on:focus, div#nav li a.on:hover, div#nav li a.on:active {
	color: #7A2638;
	background: #FDF6E9;
}

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

div#nav li.tier2 {
	background: #FDF6E9 url('../images1/ul_nav_subtier.gif') no-repeat 20px 7px;
	border: none;
	border-top: 1px solid #FDF6E9;
}

div#nav li.tier3 {
	background: #FDF6E9 url('../images1/ul_nav_subtier.gif') no-repeat 30px 7px;
	border: none;
	border-top: 1px solid #FDF6E9;

}

div#nav li.tier4 {
	background: #FDF6E9 url('../images1/ul_nav_subtier.gif') no-repeat 40px 7px;
	border: none;
	border-top: 1px solid #FDF6E9;
}

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: 0.9em;
	font-weight: normal;
	color: #846A34;
}

div#nav li.tier2 a, div#nav li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:active {
	width: 134px;
	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;
}

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: #7A2638;
	background: #ECDAB4 url('../images1/ul_nav_subtier.gif') no-repeat 20px 7px;
}

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: #7A2638;
	background: #ECDAB4 url('../images1/ul_nav_subtier.gif') no-repeat 30px 7px;
}

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: #7A2638;
	background: #ECDAB4 url('../images1/ul_nav_subtier.gif') no-repeat 40px 7px;
}


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

div#navtop ul {
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#navtop ul li {
	float: left;
	width: 121px;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	background: url('../images1/navtop.gif') no-repeat 0 0;
	padding: 0;
	margin-left: 8px;
}

div#navtop a, div#navtop a:visited, div#navtop a:focus, div#navtop a:hover, div#navtop a:active {
	display: block;
	width: 86px;
	width: 121px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	color: #7E2947;
	background: url('../images1/navtop.gif') no-repeat 0 0;
/*	padding: 0 0 0 35px;*/
}

div#navtop a.on, div#navtop a.on:visited, div#navtop a.on:focus, div#navtop a.on:hover, div#navtop a.on:active {
	background: url('../images1/navtop_on.gif') no-repeat 0 0;
}


.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: #7a2638;
  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: #7a2638;
}