/*
Theme Name: qmunity
Theme URI: http://bstro.com/
Description: Custom site for qmunity
Author: Tyler Wilman / Kevin Chan
Author URI: http://bstro.com/
Tags: 

*/


@charset "UTF-8";
/* CSS Document */

body {
	background-color: #fbfbfb;
	background-image: url(assets/background_image.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 969px;
	
}

#header_wrapper {
	width: 969px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.header_sub-nav {
	text-align: left;
	padding: 0px 0px 0px 449px;
}
.header_sub-nav a, .header_sub-nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
	color: #7f7f7f;
	text-decoration: none;
}

.header_sub-nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.header_sub-nav li {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 0px;
	float: left;
}
.header_sub-nav li img {
	border: none;
}
.search, .search a, .search img {
	vertical-align: top;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}
	.QMunity-BCs-queer-resource-center-logo img {
		border: none;
		text-decoration: none;
		clear: both;
	}

#wrapper {
	clear: both;
	text-align: left;
	padding: 16px 0px 0px 0px;
	margin: 0px;
}

	.navigation_wrapper {
		padding: 0px;
		margin: 0px;
		width: 969px;
	}
	
	.address {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		float: left;	
	}	
	.address p {
		padding: 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #ec008c;
	}
	.address a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10.5px;
		font-weight: bold;
		color: #ec008c;
		text-transform: uppercase;
	}
	
	.find_us_on img {
		padding: 0px 100px 0px 0px;
		margin: 0px;
		float: right;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 16px;
	color: #ec008c;
	font-weight: lighter;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 18px;
	color: #666666;
}

/* -------------- MAIN NAVIGATION --------------- */

.main_navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.main_navigation a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}	
	li.youth, li.active_youth {
		padding-right: 10px;
	}
	.youth a {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 130px;
		height: 26px;
		display: block;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		background-image: url(assets/youth_nav_box.jpg);
	}
		.active_youth a {
			margin: 0px;
			padding: 10px 0px 0px 0px;
			width: 130px;
			height: 26px;
			display: block;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 14px;
			text-decoration: none;
			background-image: url(assets/youth_nav_box.jpg);
			text-decoration: underline;
		}
		
	li.adults {
		padding-right: 10px;
	}
	.adults a {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 131px;
		height: 26px;
		display: block;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		background-image: url(assets/adults_nav_box.jpg);
	}
		.active_adults a {
				margin: 0px;
				padding: 10px 0px 0px 0px;
				width: 131px;
				height: 26px;
				display: block;
				color: #FFFFFF;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				font-size: 14px;
				text-decoration: none;
				background-image: url(assets/youth_nav_box.jpg);
				text-decoration: underline;
			}

	li.older_adults {
		padding-right: 9px;
	}
	.older_adults a {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 131px;
		height: 26px;
		display: block;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		background-image: url(assets/older_adults_nav_box.jpg);
	}
		.active_older_adults a {
			margin: 0px;
			padding: 10px 0px 0px 0px;
			width: 131px;
			height: 26px;
			display: block;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 14px;
			text-decoration: none;
			background-image: url(assets/youth_nav_box.jpg);
			text-decoration: underline;
		}

	li.service_providers {
		padding-right: 9px;
	}
	.service_providers a {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 131px;
		height: 26px;
		display: block;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		background-image: url(assets/service_providers_nav_box.jpg);
	}
		.active_service_providers a {
			margin: 0px;
			padding: 10px 0px 0px 0px;
			width: 131px;
			height: 26px;
			display: block;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 14px;
			text-decoration: none;
			background-image: url(assets/youth_nav_box.jpg);
			text-decoration: underline;
		}

	li.get_involved {
		padding-right: 9px;
	}
	.get_involved a {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 130px;
		height: 26px;
		display: block;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		background-image: url(assets/get_involved_nav_box.jpg);
	}
		.active_get_involved a {
			margin: 0px;
			padding: 10px 0px 0px 0px;
			width: 130px;
			height: 26px;
			display: block;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 14px;
			text-decoration: none;
			background-image: url(assets/youth_nav_box.jpg);
			text-decoration: underline;
		}
	
	li.flickr {
		padding-right: 9px;
	}	
	.flickr a {
		margin: 0px;
		padding: 0px;
		width: 130px;
		height: 36px;
		display: block;
		text-align: center;
		text-decoration: none;
		background-image: url(assets/flickr_nav_box_btn.jpg);
		background-position: top left;
	}
	.flickr a:hover {
		background-image: url(assets/flickr_nav_box_btn.jpg);
		background-position: top right;
	}
		.active_flickr a {
			margin: 0px;
			padding: 0px;
			width: 130px;
			height: 36px;
			display: block;
			text-align: center;
			text-decoration: none;
			background-image: url(assets/flickr_nav_box_btn.jpg);
			background-position: top right;
		}
		
	.facebook a {
		margin: 0px;
		padding: 0px;
		width: 130px;
		height: 36px;
		display: block;
		text-align: center;
		text-decoration: none;
		background-image: url(assets/facebook_nav_box_btn.jpg);
	}
	.facebook a:hover {
		background-image: url(assets/facebook_nav_box_btn.jpg);
		background-position: top right;
	}
		.active_facebook a {
			margin: 0px;
			padding: 10px 0px 0px 0px;
			width: 130px;
			height: 36px;
			display: block;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 14px;
			text-decoration: none;
			background-image: url(assets/facebook_nav_box_btn.jpg);
		}



	li a { background-position: top left; }
	li a:hover { text-decoration: underline; }
	
	
	.activePage_nav a {
			text-decoration: underline;
		}

.main_navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.main_navigation li {
	margin: 0px;
	float: left;
}

/* -------------- MAIN NAVIGATION END --------------- */


/* ------------------- CONTENT -----------------------*/

#content_wrapper {
	background-color: #FFFFFF;
	width: 969px;
	height: 100%;
	clear: both;
}

.pink_arrow {
	float: left;
	padding: 12px 0px 0px 0px;

}


/* ------------ INDEX PAGE LEFT COLUMN ---------- */

.left_column_wrapper {
	padding: 0px;
	margin: 0px;
	width: 692px;
	float: left;
}

	.flash_home_banner {
		width: 692px;
		height: 285px;
		padding-top: 8px;
	}

.content_columns {
	padding: 10px 0px 0px 0px;
	clear: both;
}

.column_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #ec008c;
}
.column_title a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #ec008c;
}
	.column_title a:hover {
	text-decoration: underline;
	color: #ec008c;
}

.content_column_1 {
	float: left;
	width: 150px;
	padding: 0px 11px 0px 11px;
}
	.column_title {
		padding: 12px 0px 0px 20px;
	}

.content_column_2 {
	float: left;
	width: 150px;
	padding: 0px 11px 0px 11px;
}

.content_column_3 {
	float: left;
	width: 150px;
	padding: 0px 11px 0px 11px;
}

.content_column_4 {
	float: left;
	width: 150px;
	padding: 0px 11px 0px 11px;
}


.content_column_1 p, .content_column_2 p, .content_column_3 p, .content_column_4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #494949;
	padding: 5px 0px 0px 0px;
	font-weight: normal;

}
/* ---------- INDEX PAGE LEFT COLUMN END ---------- */

/* ---------- LEFT SUBNAV ---------- */

.left_subnav_wrapper {
	padding: 0px;
	margin: 0px;
	width: 222px;
	float: left;
}
	.left_subnav_wrapper ul {
		padding: 0px 0px 0px 18px;
		margin: 0px;
	}
	.left_subnav_wrapper .subnav_group_title {
		padding: 20px 0px 0px 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11.5px;
		color: #7F7F7F;
		text-decoration: none;
		line-height: 24px;
		list-style: none;
		text-transform: uppercase;
		
	}
	.left_subnav_wrapper li, .left_subnav_wrapper a {
		padding: 0px 0px 0px 18px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #7F7F7F;
		text-decoration: none;
		line-height: 12px;
		list-style: none;
		text-transform: capitalize;
	}
		.left_subnav_wrapper a:hover {
			background-color: #fde5f3;
		}
	.left_subnav_wrapper img {
		padding: 0px 0px 3px 0px;
		margin: 0px;
	}
	
	.active_subnav a {
		background-color: #fde5f3;
	}
	

/* ---------- LEFT SUBNAV END ---------- */

/* ---------- CENTER CONTENT WRAPPER ---------- */

.center_content_wrapper {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	width: 470px;
	float: left;
}

	.youth_content {
		padding: 0px 28px 0px 0px;
	}

/* ---------- CENTER CONTENT WRAPPER END ---------- */


/* ---------- INDEX PAGE RIGHT COLUMN ---------- */

.right_column_wrapper {
	width: 265px;
	padding: 10px 0px 0px 12px;
	float: left;
}

.right_headline {
	font-family: Gotham, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: lighter;
	padding: 10px 0px 0px 18px;
	color: #ec008c;
}
	.right_headline a {
		text-decoration: none;
		color: #ec008c;
		font-weight: lighter;
	}
	.right_headline a:hover {
		text-decoration: underline;
		color: #ec008c;
		font-weight: lighter;
	}
	
	.right_grey_text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12.5px;
		line-height: 16px;
		color: #7e7e7e;
	}
	.right_blue_text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16.5px;
		line-height: 26px;
		color: #2dc0d2;
	}

.right_column_divide {
	padding: 12px 0px 8px 0px;
}

	.calendar_placeholder {
		padding-top: 10px;
	}
	.half_banner_placeholder img {
		border: none;
	}


/* ---------- INDEX PAGE RIGHT COLUMN END ---------- */

.footer {
	text-align: left;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	clear: both;
}
	.footer p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #c6c6c6;
		padding-left: 11px;
	}