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

body {
font-family:Franklin Gothic Book, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background-image:url(../templates/pix/background.gif);
background-position:center;
background-repeat:repeat-y;
background-color:#e0e0e0;
margin-top:0px;
margin-bottom:0px;
}

#main_div {
width:960px;
border:none;
padding:0px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}

#clear_float {
	clear:both;
	width:100%;
}

a {
	text-decoration:none;
	color:#000000;
}

p	{
	margin-top: 0px;
}

h1 	{
	font-family:Impact, Charcoal, sans-serif;
	color:#c83c9e;
	margin: 0px;
}

h2 {
	margin:0px;

}


h3 {
margin: 0px;
}

h4 {
margin: 0px;
}

.orange {
	color:#fba415;
}

.purple {
	color:#c83c9e;
}





/* ------------------ Main Page Layout ---------------------------- */

#logo {
	display:block;
/*	position:absolute;
	float:left;*/
	width:960px;
	height:275px;
	background-image:url("../index_pix/vcc2025-banner.gif");
	background-size: 960px 275px;
	background-repeat: no-repeat;
	background-position: center center;
}


#title_bar {
	display:block;
	float:left;
	vertical-align:baseline;
	margin-left:200px;
	height:20px;
	text-align:left;
	font-size:18px;
}

#main_content {
	width: 960px;
}

#page_footer {
	width: 960px;
	background-color: #c8c8c8;
}

#content_top_photo {
	float: right;
	width: 700px;
}

#content_text {
	margin-top:20px;
	margin-right:10px;
	float:right;	
	width: 700px;
}

#content_navigation {
	float: left;
	width: 190px;
	padding-left: 5px;
	margin-top:20px;
	margin-left:10px;
/*	padding-top: 40px;*/

}

#news_banner {
	width: 75%;
	padding-left:120px;
	padding-top:20px;
	padding-bottom:20px;

}


/* ---------------  Content Navi Links ----------------------- */

#content_navi_links h1 {
	font-size: 24px;
	font-weight:normal;
	margin:0px;
}

#content_navi_links ul, #content_navi_links li {
	font-size: 18px;
	margin: 0px;
	padding:0px;
	list-style:none;
}

#content_navi_links ul ul li {
	padding-left: 10px;
	font-size:14px;
}

#content_navi_links .active {
	color:#00d1d3;
}

#content_navi_links a:hover {
	color:#c83c9e;
}
	
/* ---------------  Blog Stuff ----------------------- */
#blog_index {
	width:600px;
	float:left;
}

#blog_index h2 {
	margin-bottom:0px;
	padding-bottom:0px;
}

#fb_index {

	float:right;
}

/* ---------------  Buttons ----------------------- */
a.ticket_button {
	background-image:url("../event_guide/pix/tickets.png");
    background-position: 0px 50%;
	height:99px;
	width:620px;
	display:block;

}

a.ticket_button:hover {
	background-position: -620px 50%;
}


#photo_order a.photo_order_print {
background-image: url(http://www.bydm.ca/portfolio/dance/pix/order-button.png);
background-position:50% -165px;
height: 165px;
width: 163px;
display:block;

}

#photo_order a.photo_order_print:hover {
background-position:50% 0px;
}

a.gallery_button_2017 {
	background-image:url(../media/pix/2017_gallery_button.jpg);
	background-position: 0px 50%;
	height:200px;
	width:640px;
	display:block;

}

a.gallery_button_2017:hover {
	background-position: -640px 50%;
}

a.gallery_button_2018 {
	background-image:url(../media/pix/2018_gallery_button.jpg);
	background-position: 0px 50%;
	height:200px;
	width:640px;
	display:block;

}

a.gallery_button_2018:hover {
	background-position: -640px 50%;
}

.covid_btn {
/*  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;*/
  border: none;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #ab0f0f;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.covid_btn:hover {
  background: #f55f5f;
  text-decoration: none;
}