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

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: #983F53 url('../images1/background.gif') repeat-x 0 0;
	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.4em;
	color: #7A2638;
	padding: 16px 0 8px 0;
}

h1.pagetitle {
	font-size: 1.5em;
	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;
}

h3 {
	font-size: 1.2em;
}

h5 {
	padding: 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 {
	padding: 4px 0 10px 0;
}

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

a:visited {
	color: #004A88;
}

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;
}

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;
}

table ul, table ol {
	margin-left: 18px;
}

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

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

div#content {
	line-height: 1.4em;
}


/* 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, div#container_bb2 {
	width: 762px;
	text-align: left;
	background: #FFF url('../images1/shadow_wrap.gif') repeat-y 0 0;
	margin: 0 auto;
}

div#wrap, div#shadow_left, div#shadow_right, div#shadow_bot {
	float: left;
	background: url('../images1/nav_bg.gif') repeat-y 10px 0;
}

div#shadow_left {
	background: url('../images1/shadow_left.gif') no-repeat 0 0;
}

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

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

div#header {
	width: 734px;
	float: left;
	background: #FFF url('../images1/shadow_top.gif') no-repeat 0 0;
	padding: 14px 10px 1px 10px;
}

img.logo {
	margin: 10px 0 0 5px;
}

div#header div {
	float: right;
	background: url('../images1/header.gif') no-repeat 100% 0;
	padding-top: 5px;
}

div#header div#navtop {
	float: left;
	width: 734px;
	font-size: 0.9em;
	background: #7A2638;
	border-top: 1px solid #FFF;
	border-bottom: 5px solid #ECDFC4;
	padding: 0;
}

div#navtop img {
	float: left;
	margin-top: 3px;
}

div#nav {
	float: left;
	width: 174px;
	padding-left: 10px;
}

div#content {
	float: left;
	width: 505px;
	padding: 15px 30px 25px 35px;
	padding: 15px 25px 25px 30px; /* leave space for italics in IE */
}

div#container_home div#content {
	width: 545px;
	padding: 15px 10px 25px 15px;
}

div#footer {
	color: #FFF;
	padding: 0 10px 0 184px;
	clear: both;
}

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

div.clear {
	clear: both;
}


/* BB2 LAYOUT STYLES
================================================================================*/

/* add 100px to all */

div#container_bb2 {
	width: 762px;
width: 862px;
	background: #FFF url('../images1/shadow_wrap_bb2.gif') repeat-y 0 0;
}

div#container_bb2 div#header {
	width: 734px;
width: 834px;
	background: #FFF url('../images1/shadow_top_bb2.gif') no-repeat 0 0;
}

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

div#container_bb2 div#header div#navtop {
	width: 734px;
width: 834px;
}

div#container_bb2 div#content {
	width: 505px;
width: 625px;
	padding: 15px 15px 25px 20px; /* leave space for italics in IE */
}

div#container_bb2 div#footer p {
	width: 540px;
width: 640px;
}


/* 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;
}

a.starburst,a.starburst:visited {
	position: relative;
	background: url('../images/starburst.gif') no-repeat;
	text-align: center;
	padding: 20px 0;
	bordeR: 1px solid red;
	color: white;
	display: block;
	width: 110px;
}


/* 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%;
}

div#poll ul {
	list-style-type: none;
	padding: 0 15px 15px 10px;
	margin: 0;
}

div#poll ul li {
	list-style-image: none;
	line-height: 1.2em;
	background: url('../images1/ul_nav_subtier.gif') no-repeat 0 7px;
	padding: 3px 0 4px 10px;
}

div#poll a, div#poll a:visited, div#poll a:focus, div#poll a:hover, div#poll a:active {
	color: #A6341C;
	color: #7A2638;
}

/* 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;*/
	margin: 6px 0 0 97px;
}

* 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 20px 10px;
}

div#calendar div div {
	padding: 10px 23px 20px 15px;
}

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

div#news ul li {
	list-style-type: none;
	list-style-image: none;
	background: url('../images1/ul_nav.gif') no-repeat 0 9px;
	padding: 5px 0 5px 15px;
}

div#news a, div#news a:visited, div#news a:focus, div#news a:hover, div#news a:active {
	color: #000;
}

/*
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 div div div {
	background: none;
	padding: 0;
}

div#calendar select {
        width: 55%;
        padding: 0;
        margin: 0;
}

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

table.calendar_table {
        width: 100%;
	font-size: 10px;
        text-align: center;
/*      border-collapse: collapse;*/
        border: 1px solid #A99E89;
	padding: 0;
}

table.calendar_table th, table.calendar_table td {
        color: #7F6D5B;
        line-height: 16px;
        border: 1px solid #ECE1DD;
        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_table a:active {
        display: block;
        text-decoration: none;
        color: #FFF;
        background: #7A2638;
}

table.calendar_table a:hover {
        background: #9C2942;
}

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 0 9px;
  padding: 5px 0 0 15px;
}
table.cal_prevnext td.next {
  background: url('../images1/cal_next.gif') no-repeat 100% 9px;
  padding: 5px 15px 0 0;
}

div.event_hidden {
        display: none;
        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;
}

div#nav form li a, div#nav form li a:visited, div#nav form li a:focus, div#nav form li a:hover, div#nav form li a:active { /* overwrite navigation A styles */
	float: left;
	width: auto;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: normal;
	color: #7A2638;
	padding: 5px 0 0 0;
	margin: 0;
}

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

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

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

div#site_search_form {
	padding: 10px 0;
	margin: 10px 0;
}

div#site_search_form input {
	width: 200px;
	border: 1px solid #A9B1C0;
	margin-right: 10px;
}

div#nav input.submit, div#site_search_form input.submit {
	float: right;
	width: auto;
	border: none;
}

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

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

form.login {
	padding: 5px 15px 15px 12px;
}

div#content form.login {
	padding: 10px 0;
}

form.login label {
	display: block;
	font-size: 0.9em;
}

div#content form.login label {
	float: left;
	width: 70px;
}

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

div#content form.login input, div#content form.login select {
	width: 230px;
}

form.login ol li {
	padding: 2px 0 0 0;
	clear: both;
}

div#content form.login ol li {
	padding: 3px 0;
}

form.login input.submit {
	width: auto;
	border: none;
	margin-top: 6px;
}

div#content form.login input.submit {
	width: auto;
}

/* MEMBER SEARCH STYLES
================================================================================*/

a.letter, a.letter:visited, a.letter:focus, a.letter:hover, a.letter:active,
a.letter_on, a.letter_on:visited, a.letter_on:focus, a.letter_on:hover, a.letter_on:active {
	display:block;
	float: left;
	text-decoration: none;
	color: #FFF;
	background: #7A2638;
	padding: 1px 5px;
	margin: 5px 2px 0 2px;
	cursor: pointer;
}

a.letter:hover, a.letter_on, a.letter_on:visited, a.letter_on:focus, a.letter_on:hover, a.letter_on:active {
	background: #947D5C;
}

ul.mem_search_list {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

div#content ul.mem_search_list li {
	list-style-image: none;
	padding: 5px 10px;
}

ul.mem_search_list li.alt {
	background: #F4F3F3;
}


/* VIRTUAL BOARD ROOM STYLES
================================================================================*/

h2.vboard_title {
	font-size: 1.3em;
	margin-top: -15px;
}

div.vboard_desc {
	margin: 10px 0;
}

div.vboard_file {
	background: #F4F3F3 url('../images1/icon_file.gif') no-repeat 7px 7px;
	padding: 5px 5px 5px 25px;
	margin: 10px 0;
}

div.vboard_discussion {
	border: 1px solid #DDD;
	padding: 3px;
	margin: 5px 0;
}

div.vboard_discussion div.posted {
	font-weight: bold;
	color: #7B6545;
	background: #E6D3B7;
	padding: 2px 7px;
}

div.vboard_discussion div.content {
	padding: 5px 7px;
}

form.vboard_form {
	background: #F4F3F3;
	padding: 5px 15px;
	margin: 15px 0;
}

form.vboard_form div {
	padding: 5px 0;
}

form.vboard_form label {
	font-weight: bold;
	color: #7A2638;
}

form.vboard_form input, form.vboard_form textarea {
	border: 1px solid #A9B1C0;
}

form.vboard_form input {
	padding: 2px 4px;
	margin: 0 10px 0 5px;
}

form.vboard_form textarea {
	width: 85%;
	height: 100px;
	padding: 5px;
	margin: 0;
}

form.vboard_form input.submit {
	width: auto;
	border: none;
	padding: 5px 0;
	margin: 0;
}


/* GALLERY STYLES
================================================================================*/

div.gal_thmb {
	width: 132px;
	padding: 0;
	margin: 0;
}

div.gal_thmb img {
	border: 1px solid #CFCBCB;
}

div.gal_thmb p {
	width: 122px;
	font-size: 11px;
/*	color: #FFF;
	background: #301856;
	background: #FDF6E9;*/
	background: #F0F0F0;
	padding: 5px;
	margin: 3px 0 0 0;
	text-align: left;
}

/* JOB STYLES
================================================================================*/

table.joblist th, table.joblist td {
	padding-right: 5px;
	padding-bottom: 5px;
}


/* MEDIA RELEASE STYLES
================================================================================*/

ul.medialist {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0 0 25px 0;
}

div#content ul.medialist li {
	float: left;
	width: 480px;
	list-style-image: none;
	padding: 3px 8px;
	margin: 3px 0;
	clear: both;
}

ul.medialist li.odd {
	background: #F4F3F3;

}

ul.medialist div {
	float: left;
	width: 55px;
}

ul.medialist a, ul.medialist a:visited, ul.medialist a:focus, ul.medialist a:hover, ul.medialist a:active {
	display: block;
	float: right;
	width: 420px;
	padding: 0;
}

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

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

table.events_list {
	width: 100%;
}

table.events_list th {
	font-size: 1.1em;
	text-align: left;
	background: #ECDFC4;
	border-bottom: 3px solid #C1A875;
	padding: 7px 5px;
}

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

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

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

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

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

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


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

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

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

div#nav ul li {
	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: 4px 10px 4px 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 {
	text-decoration: underline;
	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 {
	text-decoration: underline;
	color: #7A2638;
/*	background: #ECDAB4 url('../images1/ul_nav_subtier.gif') no-repeat 30px 7px;*/
	background: 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 {
	text-decoration: underline;
	color: #7A2638;
/*	background: #ECDAB4 url('../images1/ul_nav_subtier.gif') no-repeat 40px 7px;*/
	background: 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;
	list-style-type: none;
	list-style-image: none;
	font-size: 1em;
	line-height: 25px;
	background: url('../images1/ul_navtop.gif') no-repeat 0 50%;
	padding: 0 10px;
}

div#navtop ul li.first {
	background: none;
}

div#navtop a, div#navtop a:visited, div#navtop a:focus, div#navtop a:hover, div#navtop a:active {
	color: #FFF;
}

div#legal {
	color: white;
	text-align: right;
	background: #983F53;
	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: #FFF;
}


/* TWITTER LINK STYLES
==============================================================================*/
div.twitter {
	text-align: center;
}