﻿body, h1, h2, h3, h4, p, blockquote, 
a, img, ol, ul, li, form, label, table, 
tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:top;
background:transparent;
}

ul {
list-style: none;
}

a:focus, a:active, :focus {
outline:none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

h1 {
background:url(images/h1_bg.gif) no-repeat;
color:#999;
padding:0 0 7px 15px;
margin:0;
line-height:1.8em;
float:left;
font-weight:normal;
font-size:1.8em;
width:550px;
}

h2 {
color:#999;
margin:10px 0;
font-size:1.6em;
font-weight:normal;
padding:0;
}

h3 {
color:#999;
margin:10px 0;
font-size:1.4em;
font-weight:normal;
line-height:1.2em;
}

h4 {
color:#999;
margin:0 0 15px 0;
font-size:1.2em;
font-weight:normal;
}

hr {
border:none;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #FFF;
display:block;
height:2px;
margin:10px 0 15px 0;
padding:0;
}

br {line-height:.5em;}

body {
background:#ebebeb url(images/background.gif) repeat;
font:.9em "Lucida Sans Unicode", Verdana, Arial, sans-serif;
text-align:center;
color:#000;
margin:0;
padding:0;
}

#index #header {
background:#d1e1ec url(images/header_index_bg.gif) repeat-x;
border-bottom:1px solid #FFF;
float:left;
width:99.9%;
}

#index #header .inner {
background:url(images/banner_bg.jpg) repeat-x;
margin:0 auto;
position:relative;
height:375px;
width:960px;
}

#header {
background:url(images/header_bg.gif) repeat-x;
border-bottom:1px solid #FFF;
float:left;
width:99.9%;
}

#header .inner {
background: url(images/header_middle1_bg.jpg) repeat-x;
margin:0 auto;
position:relative;
height:145px;
width:960px;
}

#sub #header .inner {
background: url(images/header_middle_bg.jpg) repeat-x;
margin:0 auto;
position:relative;
height:145px;
width:960px;
}

#container {
padding:0 10px;
width:940px;
text-align:left;
text-shadow: 0px 1px 1px #fff; 
margin:0 auto;
}

#logo {
width:236px;
height:85px;
margin:22px 0 0 10px;
padding:0;
position: relative;
float:left;
font-size:1em;
font-weight:normal;
}

#logo a {
background: url(images/leadership_edmonton.gif) no-repeat;
position: absolute;
left:0;
width: 100%;
height: 100%;
}

#topNav {
float:right;
margin:8px 20px 1px 0;
}

#topNav li {
display:block;
float:left;
text-align: center;
padding: 0;
margin:0 4px 10px 0;
}

#topNav li a {
padding:8px 4px 8px 10px;
margin:0 4px;
color:#FFF;
font-size:.925em;
text-align:right;
text-decoration: none;
display: block;
text-shadow:1px 1px #7896ac;
}

#topNav .lock a {
background:url(images/lock.gif) left center no-repeat;
padding-left:18px;
}

#topNav .active {
background:url(images/subNav_right_bg.gif) center right no-repeat;
}

#topNav .active a {
background:url(images/subNav_a_bg.gif) center left no-repeat;
}

#nav {
position:absolute;
right:20px;
top:57px;
margin:0px 0 0px 0;
}

#nav li {
display: block;
float: left;
text-align: center;
padding: 0;
margin:0 5px 8px 0;
}

#nav li a {
padding:8px 7px 8px 10px;
color:#FFF;
font-size:1.05em;
text-align:right;
text-decoration: none;
display: block;
margin-right:4px;
text-shadow:1px 1px #7896ac;
}

#nav .active {
background: url(images/nav_a_right_bg.gif) center right no-repeat;
}

#nav .active a {
background:url(images/nav_a_bg.gif) center left no-repeat;
}

#nav a:hover, #topNav a:hover, #subNav a:hover {
color:#c8f172;
}

#subNav {
position:absolute;
right:20px;
top:101px;
}

#subNav li {
display:block;
float:left;
text-align:center;
padding: 0;
margin:0 4px 10px 0;
}

#subNav li a {
padding:6px 6px 6px 10px;
margin:0 4px;
color:#f2f6fa;
font-size:.925em;
text-decoration: none;
display: block;
text-shadow:1px 1px #7896ac;
}

#subNav .active {
background:url(images/subNav_right_bg.gif) center right no-repeat;
}

#subNav .active a {
background:url(images/subNav_a_bg.gif) center left no-repeat;
}

#banner {
background:url(images/banner_bg.gif) no-repeat;
float:left;
height:268px;
width:100%;
}

#banner .text {
margin:62px 0 0 20px;
}

#banner img {
margin:17px 0 0 20px;
}

#sidebar {
background:url(images/sidebar_bottom.gif) left bottom no-repeat;
color:#666;
float:right;
line-height:1.3em;
padding:15px 0 5px 0;
width:362px;
}

#sidebar .inner {
background:url(images/sidebar_bg.gif) repeat-y;
padding:20px;
padding-top:5px;
float:left;
width:322px;
}

#sidebar h3 {
background:url(images/h3_bg.gif) no-repeat;
color:#999;
clear:both;
padding:0 0 2px 10px;
margin:0;
line-height:1.8em;
font-size:1.8em;
font-weight:normal;
text-shadow: 0px 1px 1px #fff; 
}

#sidebar p {
padding:0px 0px;
}

.mission {
background:url(images/sidebar_bottom.gif) left bottom no-repeat;
color:#999;
float:left;
font-size:1.05em;
font-style:italic;
font-weight:bold;
margin-bottom:20px;
padding-bottom:5px;
}

#sidebar .mission p {
margin:10px 0 0 0;
}

#sidebar .top {
background:url(images/h3_bg.gif) no-repeat;
display:block;
padding:0;
margin:0;
float:left;
height:15px;
width:362px;
}

#sidebar .box p {
margin:0;
font-weight:normal;
}

#sidebar .box .inner {
padding:0 20px;
}

#logos, .logos2 {
width:100%;
}

#logos td {
padding:2px;
}

.logos2 td {
padding:10px 2px 5px 2px;
}

#logos tr {
background:url(images/logos_bg.gif) repeat-y;
}

#logos a {
background:url(images/logo_leadership_calgary.gif) no-repeat;
display:block;
text-decoration:none;
text-indent:-9999px;
height:64px;
width:155px;
}

#logos .unitedWay {background:url(images/logo_united_way.gif) no-repeat;}
#logos .enbridge {background:url(images/logo_enbridge.gif) no-repeat;}
#logos .enbridgeL {background:url(images/logo_enbridge_L.gif) no-repeat; margin:0 0 10px 40px; width:211px}
#logos .ecf {background:url(images/logo_ecf.gif) no-repeat;}
#logos .jw {background:url(images/logo_jw.gif) no-repeat;}
#logos .macewan {background:url(images/logo_macewan.gif) no-repeat;}
#logos .action {background:url(images/logo_action.gif) no-repeat;}
#logos .readmore {background:url(images/read_more.gif) no-repeat;}

#logos .readmore:hover {
background-position:left bottom;
}

#mainContent {
background:url(images/mainContent_bottom.gif) left bottom no-repeat;
clear:both;
padding:15px 0 4px 0;
float:left;
width:560px;
}

#mainContent .inner {
background:url(images/mainContent_middle.gif) repeat-y;
padding:5px 30px 30px 30px;
line-height:1.45em;
float:left;
width:500px;
}

#mainContent p, #sidebar p {
margin:10px 0;
}

#mainContent ol {
margin-left:40px;
}

#mainContent ol li {
padding-left:5px;
}

#mainContent li, #sidebar li {
background:url(images/bullet_1.gif) 0 5px no-repeat;
color:#666;
font-size:1.em;
padding:0 0 15px 20px;
margin-left:20px;
}

#sidebar ul {
margin-top:15px;
}

#sidebar li {
margin-left:2px;
}

#mainContent a, #sidebar a {
color:#666;
}

#mainContent a:hover, #sidebar a:hover {
color:#22207d;
}

.readMore {
background:url(images/read_more_btn.gif) no-repeat;
display:block;
float:right;
margin:-20px 20px 0 0;
text-align:left;
text-decoration:none;
text-indent:-9999px;
height:20px;
width:80px;
}

.readMore:hover {
background-position:left bottom;
}

#mainContent .send {
background:url(images/send_btn.gif) no-repeat;
border:none;
padding:0;
display:block;
float:right;
text-decoration:none;
text-indent:-9999px;
height:27px;
width:80px;
}

.send:hover {
background-position:left bottom;
}

.title {
position:absolute;
margin:210px 0 0 0;
left:30px;
}

.applicationForm {
background:url(images/application_form.gif);
display:block;
position:absolute;
margin:315px 0 0 0;
left:30px;
text-decoration:none;
text-indent:-9999px;
height:37px;
width:122px;
}

.donateNow {
background:url(images/donate_now.gif);
display:block;
position:absolute;
margin:315px 0 0 0;
left:166px;
text-decoration:none;
text-indent:-9999px;
height:37px;
width:120px;
}

.applicationForm:hover, .donateNow:hover {
background-position:left bottom;
}

.image {
border:3px solid #b2ccdf;
float:right;
margin:0 0 20px 20px;
}

.name {
color:#666;
text-align:right;
font-style:italic;
}

.photo {
margin-bottom:18px;
}

.btn {
background:url(images/btn_left.gif) center left no-repeat;
margin-right:5px;
float:left;
text-decoration:none;
}

.btn span {
background:url(images/btn_right.gif) center right no-repeat;
color:#333;
cursor:pointer;
padding:7px 11px;
float:left;
}

.sTable td {
background:url(images/footer_bg.gif) bottom left repeat-x;
padding:8px 4px;
}

#calendar {
background:url(images/calendar_bg.gif) left bottom repeat-x;
padding:0;
margin:0;
border:1px solid #d4d4d4;
color:#616B76;
text-align: center;
width:519px;
}

#calendar .date {
background:url(images/calendar_caption_bg.gif) left bottom repeat-x;
border:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
padding:8px 5px;
font-size:1.2em;
width:100%;
}

#calendar .date a {
text-decoration:none;
}

#calendar .date a img {
margin-top:3px;
padding:0 10px;
}

#calendar th {
background:url(images/calendar_caption_bg.gif) left bottom repeat-x;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
}

#calendar td {
background:url(images/footer_bg.gif) 0 -1px repeat-x;
border-right: 1px solid #d8d8d8;
border-bottom:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
padding:0 5px;
text-align: center;
line-height:2em;
height:41px;
width:100px;
}

#calendar td a:link, #calendar td a:visited {
color:#000;
background: url(images/bg_calendar.gif) no-repeat;
}

#calendar td:hover, #calendar .active {
background:#e4e4e4 url(images/calendar_O_bg.gif) 0 1px no-repeat;
}

#calendar .events {
line-height:1.3em;
padding:10px;
text-align:left;
width:100%;
}

#calendar .events:hover {
background:url(images/footer_bg.gif) 0 -1px repeat-x;
}

.sponsors {
background: url(images/footer_bg.gif) left bottom repeat-x;
margin-bottom:0;
padding-bottom:9px;
font-size:1.3em;
text-align:center;
}

#footer {
background: url(images/footer_bg.gif) left top repeat-x;
color:#666;
padding:10px;
margin-top:10px;
font-size:.9em;
height:20px;
}

#footer a {
color:#666;
text-decoration:none;
}

#footer a img {
margin-top:2px;
}

#footer a:hover {
color:#333;
text-decoration:underline;
}

#footer p {
float:right;
}

#footer ul {
float:left;
}

#footer ul li {
float:left;
margin:0 7px;
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0;
}

.calendar a 
{
	text-decoration:none;	
	
}
._redBold {
	color: #800000;
	font-weight: bold;
}
