/*
--------------------------------------------------------
YWCA Canada BASE CSS
(c) 2010 YWCA Canada. All Rights Reserved.
-------------------------------------------------------- */


/* Reset
-------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #739dd2;
	font-family: Georgia,sans-serif;
	font-size: 100%;
	}
div, span, img, h1, h2, h3, h4, h5, ul, ol, li, p, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	}
a {
	background-color: transparent;
	color: #000;
	}


/* Wrapper
-------------------------------------------------------- */
#wrapper {
	min-width: 1000px;
}


/* Wrapper > Header
-------------------------------------------------------- */
#header {
	background-repeat: repeat-x;
	background-image: url(./images/bg/header-repeat.png);
	}
#header .inside {
	width: 1000px;
	height: 330px;
	margin: 0 auto;
	background-repeat: no-repeat;
	}
#en #header .inside {background-image: url(./images/bg/header-en.png);}
#fr #header .inside {background-image: url(./images/bg/header-fr.png);}


/* Wrapper > Header > Logo
-------------------------------------------------------- */
#logo {
	display: block;
	width: 1000px;
	height: 80px;
	}
#logo img {
	display: none;
	}


/* Wrapper > Header > Tagline
-------------------------------------------------------- */
#tagline {
	display: block;
	width: 840px;
	height: 220px;
	margin-left: 80px;
	background-repeat: no-repeat;
	}
#tagline img {
	display: none;
	}
#en #tagline {background-image: url(./images/banners/en/home.jpg);}
#fr #tagline {background-image: url(./images/banners/fr/home.jpg);}
#en #tagline.advocacy {background-image: url(./images/banners/en/advocacy.jpg);}
#fr #tagline.advocacy {background-image: url(./images/banners/fr/advocacy.jpg);}
#en #tagline.cooperation {background-image: url(./images/banners/en/cooperation.jpg);}
#fr #tagline.cooperation {background-image: url(./images/banners/fr/cooperation.jpg);}
#en #tagline.media {background-image: url(./images/banners/en/media.jpg);}
#fr #tagline.media {background-image: url(./images/banners/fr/media.jpg);}
#en #tagline.national {background-image: url(./images/banners/en/national.jpg);}
#fr #tagline.national {background-image: url(./images/banners/fr/national.jpg);}
#en #tagline.programs {background-image: url(./images/banners/en/programs.jpg);}
#fr #tagline.programs {background-image: url(./images/banners/fr/programs.jpg);}
#en #tagline.resources {background-image: url(./images/banners/en/resources.jpg);}
#fr #tagline.resources {background-image: url(./images/banners/fr/resources.jpg);}
#en #tagline.rose {background-image: url(./images/banners/en/rose.jpg);}
#fr #tagline.rose {background-image: url(./images/banners/fr/rose.jpg);}
#en #tagline.mall {background-image: url(./images/banners/en/mall.jpg);}
#fr #tagline.mall {background-image: url(./images/banners/fr/mall.jpg);}
#en #tagline.wwv {background-image: url(./images/banners/en/wwv.jpg);}
#fr #tagline.wwv {background-image: url(./images/banners/fr/wwv.jpg);}
#en #tagline.yeip {background-image: url(./images/banners/en/yeip.jpg);}
#fr #tagline.yeip {background-image: url(./images/banners/fr/yeip.jpg);}
#en #tagline.young {background-image: url(./images/banners/en/young.jpg);}
#fr #tagline.young {background-image: url(./images/banners/fr/young.jpg);}


/* Wrapper > Header > Tools
-------------------------------------------------------- */
#tools {
	width: 860px;
	margin: -5px auto 0 auto;
	font-family: Arial,sans-serif;
	font-size: 0.625em; /* 10px/16px=0.625em */
	font-weight: bold;
	}
#tools li {
	float: right;
	height: 2.25em;
	margin-left: 10px;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	color: #000;
	list-style-type: none;
	}
#tools li a {
	background-color: transparent;
	color: #004baa;
	}
/* Common Classes */
#tools .icon {
	display: block;
	float: left;
	width: 15px;
	height: 1.5em;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	cursor: pointer;
	}
#tools .text {
	height: 2.25em;
	padding: 0 6px;
	line-height: 2.25em;
	text-decoration: none;
	text-transform: uppercase;
	}
/* Text Size */
#tools .text_size .decrease {
	margin: 4px 5px 0 5px;
	background-image: url(./images/tools/text-decrease.png);
	}
#tools .text_size .increase {
	margin: 4px 5px 0 0;
	background-image: url(./images/tools/text-increase.png);
	}
/* Social Networking */
#tools .social {
	padding-left: 2px;
	}
#tools .social span {
	float: left;
	padding: 0 4px;
	}
#tools .social .facebook {
	margin: 4px 4px 0 0;
	background-image: url(./images/tools/facebook.png);
	}
#tools .social .twitter {
	margin: 4px 3px 0 0;
	background-image: url(./images/tools/twitter.png);
	}
/* Language Switcher */
#tools .switcher {
	background-color: #004baa;
	}
#tools .switcher .language {
	background-color: transparent;
	color: #fff;
	}


/* Wrapper > Body
-------------------------------------------------------- */
#body {
	float: left;
	width: 100%;
	margin-top: -1px; /* Fixes iOS auto-scale margin bug */
	padding-bottom: 85px;
	background-color: #fff;
	background-image: url(./images/bg/footer.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	}
#body .inside {
	width: 840px;
	margin: 0 auto;
	}


/* Wrapper > Body > Navigation
-------------------------------------------------------- */
#nav {
	float: left;
	width: 160px;
	margin: -1px 20px 20px 0;
	font-family: Arial,sans-serif;
	}
#nav a {
	background-color: transparent;
	color: #004baa;
	text-decoration: none;
	}
#nav a:hover {
	text-decoration: underline;
	}
/* Search */
#nav .search {
	margin-bottom: 10px;
	}
#nav .search input {
	width: 120px;
	height: 18px;
	margin: 0 3px 0 0;
	padding: 0 3px;
	border: 1px solid #c8c8c8;
	font-family: Georgia,sans-serif;
	font-size: 0.625em; /* 10px/16px=0.625em */
	vertical-align: middle;
	}
#nav .search button {
	width: 28px;
	height: 20px;
	border: none;
	background-color: #fff;
	background-image: url(./images/common/search-button.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	vertical-align: bottom;
	}
/* Tree */
#nav ul.level1 {
	background-color: transparent;
	color: #004baa;
	font-size: 0.75em; /* 12px/16px=0.75em */
	font-weight: bold;
	text-transform: uppercase;
	}
#nav ul.level1 li {
	padding-left: 14px;
	padding-bottom: 5px;
	list-style-type: none;
	cursor: pointer;
	}
#nav ul.level2,
#nav ul.level3 {
	padding-top: 5px;
	font-family: Georgia,sans-serif;
	font-weight: normal;
	text-transform: none;
	}
#nav ul.level2 li,
#nav ul.level3 li {
	padding-left: 14px;
	padding-bottom: 2px;
	list-style-type: none;
	cursor: pointer;
	}
#nav .open {
	background-color: transparent;
	background-image: url(./images/common/bullet-minus.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
#nav .closed {
	background-color: transparent;
	background-image: url(./images/common/bullet-plus.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
#nav .closed ul {
	display: none;
	}
#nav .current_page {
	background-color: transparent;
	color: #000;
	font-weight: bold;
	}


/* Wrapper > Body > Content
-------------------------------------------------------- */
#content {
	float: left;
	width: 480px;
	font-size: 0.8125em; /* 13px/16px=0.8125em */
	}
#content a {
	background-color: transparent;
	color: #004baa;
	}
#content p {
	margin: 0 0 10px 0;
	line-height: 18px;
	}
#content #heading {
	float: left;
	width: 460px;
	margin-bottom: 10px;
	padding: 5px 10px 2px 10px;
	background-color: #323232;
	}
#content #heading h1 {
	float: left;
	width: 60%;
	background-color: transparent;
	color: #fff;
	font-family: Arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.6em;
	}
#content #heading .share {
	float: right;
	}
#content #heading .share span {
	margin-left: 8px;
	}
#content #heading .share span.google-plusone {
	margin-left: 6px;
	}
#content h2 {
	padding: 10px 0;
	background-color: transparent;
	color: #323232;
	font-family: Arial,sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	}
#content h3 {
	margin-bottom: 10px;
	padding: 10px 0 3px 0;
	border-bottom: 1px dotted #323232;
	background-color: transparent;
	color: #323232;
	font-family: Arial,sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	}
#content h4 {
	padding: 5px 0;
	background-color: transparent;
	color: #323232;
	font-family: Arial,sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	}
#content h5 {
	padding: 5px 0;
	background-color: transparent;
	color: #323232;
	font-family: Arial,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	}
#content ul,
#content ol {
	margin: 10px 0 15px 20px;
	}
#content li {
	margin-bottom: 4px;
	}
#content sup {
	font-size: 65%;
	}
#content .return {
	margin-top: 20px;
	}
#content .paging {
	font-size: 140%;
	}


/* Wrapper > Body > Aside
-------------------------------------------------------- */
#aside {
	float: left;
	width: 160px;
	margin: 0 0 20px 20px;
	font-size: 0.75em; /* 12px/16px=0.75em */
	}
#aside h3 {
	padding: 3px 0 2px 6px;
	background-color: #323232;
	color: #fff;
	font-family: Arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	}


/* Wrapper > Body > Aside > Banners
-------------------------------------------------------- */
#banners img {
	margin-bottom: 5px;
	}


/* Wrapper > Body > Aside > Subscribe
-------------------------------------------------------- */
#subscribe ul {
	margin-top: 10px;
	padding-bottom: 5px;
	}
#subscribe ul li {
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(./images/tools/rss.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	}
#subscribe a {
	background-color: transparent;
	color: #004baa;
	text-decoration: none;
	}
#subscribe a:hover {
	text-decoration: underline;
	}


/* Wrapper > Body > Aside > Upcoming Events
-------------------------------------------------------- */
#upcoming_events ul {
	margin-top: 10px;
	}
#upcoming_events ul li {
	margin-bottom: 10px;
	list-style-type: none;
	}
#upcoming_events a {
	text-decoration: none;
	}
#upcoming_events a:hover {
	text-decoration: underline;
	}
#upcoming_events p a {
	display: block;
	margin: 10px 0;
	background-color: transparent;
	color: #004baa;
	text-align: right;
	}


/* Wrapper > Body > Aside > Other Features
-------------------------------------------------------- */
#other_features h4 {
	width: 160px;
	height: 60px;
	margin: 15px 0 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#other_features h4 a {
	display: block;
	width: 160px;
	height: 60px;
	text-indent: -9999px;
	}

#en #other_features h4.advocacy {background-image:url(./images/featured/aside/en/advocacy.gif);}
#en #other_features h4.apps {background-image:url(./images/featured/aside/en/apps.gif);}
#en #other_features h4.blog {background-image:url(./images/featured/aside/en/blog.gif);}
#en #other_features h4.cooperation {background-image:url(./images/featured/aside/en/cooperation.gif);}
#en #other_features h4.election_2011 {background-image:url(./images/featured/aside/en/election_2011.gif);}
#en #other_features h4.events {background-image:url(./images/featured/aside/en/events.gif);}
#en #other_features h4.facebook {background-image:url(./images/featured/aside/en/facebook.gif);}
#en #other_features h4.media {background-image:url(./images/featured/aside/en/media.gif);}
#en #other_features h4.national {background-image:url(./images/featured/aside/en/national.gif);}
#en #other_features h4.programs {background-image:url(./images/featured/aside/en/programs.gif);}
#en #other_features h4.resources {background-image:url(./images/featured/aside/en/resources.gif);}
#en #other_features h4.rose {background-image:url(./images/featured/aside/en/rose.gif);}
#en #other_features h4.store {background-image:url(./images/featured/aside/en/store.gif);}
#en #other_features h4.tracks {background-image:url(./images/featured/aside/en/tracks.gif);}
#en #other_features h4.twitter {background-image:url(./images/featured/aside/en/twitter.gif);}
#en #other_features h4.wwv {background-image:url(./images/featured/aside/en/wwv.gif);}
#en #other_features h4.young {background-image:url(./images/featured/aside/en/young.gif);}

#fr #other_features h4.advocacy {background-image:url(./images/featured/aside/fr/advocacy.gif);}
#fr #other_features h4.apps {background-image:url(./images/featured/aside/fr/apps.gif);}
#fr #other_features h4.blog {background-image:url(./images/featured/aside/fr/blog.gif);}
#fr #other_features h4.cooperation {background-image:url(./images/featured/aside/fr/cooperation.gif);}
#fr #other_features h4.election_2011 {background-image:url(./images/featured/aside/fr/election_2011.gif);}
#fr #other_features h4.events {background-image:url(./images/featured/aside/fr/events.gif);}
#fr #other_features h4.facebook {background-image:url(./images/featured/aside/fr/facebook.gif);}
#fr #other_features h4.media {background-image:url(./images/featured/aside/fr/media.gif);}
#fr #other_features h4.national {background-image:url(./images/featured/aside/fr/national.gif);}
#fr #other_features h4.programs {background-image:url(./images/featured/aside/fr/programs.gif);}
#fr #other_features h4.resources {background-image:url(./images/featured/aside/fr/resources.gif);}
#fr #other_features h4.rose {background-image:url(./images/featured/aside/fr/rose.gif);}
#fr #other_features h4.store {background-image:url(./images/featured/aside/fr/store.gif);}
#fr #other_features h4.tracks {background-image:url(./images/featured/aside/fr/tracks.gif);}
#fr #other_features h4.twitter {background-image:url(./images/featured/aside/fr/twitter.gif);}
#fr #other_features h4.wwv {background-image:url(./images/featured/aside/fr/wwv.gif);}
#fr #other_features h4.young {background-image:url(./images/featured/aside/fr/young.gif);}

#other_features a {
	background-color: transparent;
	color: #004baa;
	text-decoration: none;
	}
#other_features a:hover {
	text-decoration: underline;
	}


/* Wrapper > Footer
-------------------------------------------------------- */
#footer {
	clear: both;
	background-color: transparent;
	color: #fff;
	font-size: 0.75em; /* 12px/16px=0.75em */
	}
#footer .inside {
	width: 840px;
	margin: 0 auto;
	}
#footer a {
	background-color: transparent;
	color: #fff;
  text-decoration: none;
	}
#footer a:hover {
	background-color: transparent;
	color: #fff;
  text-decoration: underline;
	}


/* Wrapper > Footer > Navigation
-------------------------------------------------------- */
#navigation {
	float: left;
	width: 150px;
	padding: 15px 0 30px 0;
	font-family: Arial,sans-serif;
	font-weight: bold;
	}
#navigation li {
	margin-bottom: 3px;
	list-style-type: none;
	}


/* Wrapper > Footer > Links
-------------------------------------------------------- */
#links {
	float: left;
	width: 150px;
	margin-left: 30px;
	padding: 15px 0 30px 0;
	}
#links li {
	margin-bottom: 3px;
	list-style-type: none;
	}


/* Wrapper > Footer > Legal
-------------------------------------------------------- */
#legal {
	float: left;
	width: 200px;
	margin-left: 90px;
	padding: 15px 0 30px 0;
	}
#legal p {
	margin-bottom: 20px;
	line-height: 16px;
	}