@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	margin-top: 10px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #59595b;
	font-size:12px;
	height:100%;
}

H2{ font-size:21px; color:#b20837;    }

H3{ font-size:16px; color:#393A3B; border-bottom: dotted #CCCCCC 1px;}

.img_right{
	float:right;
	padding-left:15px;
}

#maintbl {
	border-top:solid #a8a9ad 1px;
	border-left:solid #a8a9ad 1px;
	border-bottom:solid #bbbbbb 1px;
	border-right:solid #bbbbbb 1px;
}

.AlbertaBallet #header {
	background: #FFFFFF; 
	height: 123px;
}

.AlbertaBallet #header #logo {
	position:absolute;
	float:left;
	margin:0px;
	margin-top: 0px;
	text-align:right;
}

.AlbertaBallet #header #mainNav {

	position:absolute;
	float:right;
	text-align:left;
	margin:0px;
	margin-top: 72px;
	margin-left:150px;
	width: 890px;
}

.AlbertaBallet #header #PrincipalDetails {
	position: absolute;
	left: 685px;
	top:33px;
	height: 10px;
	width: 315px;
	padding: 1em;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	text-align:right;
}

.AlbertaBallet #header #logo img { border:0px;}

	#utilWrap {float:right; margin:0 0 0 0; width:475px; height:24px; background-color:#b20837;}
	
	#utilRight {float:left; margin:0 10px 0 14px; text-align:left; }
	#utilRight2 {float:left; margin:10px 0px 0 0px; color:#b20837; width:360px; text-align:left; }

#stUI125_cnt { background-image:url(../images/facebook.png); background-repeat: no-repeat; background-position: 4px 0px; }


.spacer1{background-image:url(../images/utilitySpacer.gif); background-position: 2px 12px;background-repeat: no-repeat; }

.spacer2{background-image:url(../images/utilitySpacer2.gif); background-position: 4px 12px;background-repeat: no-repeat }

#content_PicPane{
	width:455px;
	vertical-align:top;
	background-color:#B20837;
}

#contentTemplate{

	padding-top:40px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:20px;
}

#contentTemplate a:link {
	color: #b20837;
	text-decoration:none;
}

#contentTemplate a:visited {
	color: #b20837;
	text-decoration:none;
}

#contentTemplate a:hover {
	color: #000000;
	text-decoration:underline;
}

.dancerMain{

	padding-top:20px;
}

.ourCurriculum{

	font-weight:bold;
	font-size:14px;
}

.sttb a{ font-size:11px; }

#mainContent {

}

#left_main {

	width:642px;
	float:left;
}

#right_main {

	width:380px;
	height:645px;
	background-image:url(../images/rightMain_bground.gif);
	background-repeat:repeat-x;
	float:right;
}

#right_red {
	text-align:left;

	background-image:url(../images/redBox_bground.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
}

#professional_division {
	text-align:left;
	background-color:#FFFFFF;
	color:#59595b;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
}

#professional_division .header{

	font-weight:bold;
	font-size:12px;
	color:#b20837;
	padding:0px;
}

#professional_division ul{

	list-style:none;
	margin-left:-40px;
}

#register {	padding:10px; }

#register a:link, a:visited {
	color: #b20837;
	text-decoration:none;
}

#register a:hover {
	color: #000000;
	text-decoration:underline;
}

#footer {
	margin: 0px auto;
	width:1010px;
	color:#a8a9ab;
	text-align:right;
	font-size:11px;
}

#footer a:link, a:visited {
	color: #666666;
	text-decoration:none;
}

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

/* GALLERY */

	#gallery {
	width:100%;
	margin: 0px auto;
	height:auto;
	padding-top:5px;

	padding-bottom:5px;
	text-align:left;
	}
	#gallery ul { list-style: none; margin:0px; }
	#gallery ul li { display: inline; margin:0px;  }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 2px 2px 2px;
		margin-bottom:5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #CCCCCC;
		border-width: 2px 2px 2px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

.hrclass{ color:#000000; height:1px; }

	#gallery2 {
	width:100%;
	margin: 0px auto;
	height:auto;
	padding-top:5px;

	padding-bottom:5px;
	text-align:left;
	}
	#gallery2 ul { list-style: none; margin:0px; }
	#gallery2 ul li { display: inline; margin:0px;  }
	#gallery2 ul img {
		border: 5px solid #3e3e3e;
		border-width: 2px 2px 2px;
		margin-bottom:5px;
	}
	#gallery2 ul a:hover img {
		border: 5px solid #CCCCCC;
		border-width: 2px 2px 2px;
		color: #fff;
	}
	#gallery2 ul a:hover { color: #fff; }
	
	
	
	/* HIDE/SHOW CONTENT ON DONATIONS PAGE 		  	*/
/* ================================================== */


.demo-show {
width: 530px;
margin: 0px;
}

.demo-show h2 {
margin: 0;
}

.demo-show h3 {
margin: 0;
font-size:12px;
}

a img {border: 0px; }
a:hover img {border: 0px ; }
a:visited img {border: 0px ; }

.demo-show div {
padding: 6px 15px 6px 15px;
background-color:#EFEFEF;
color: #3F3f3f;
font-size:1em;
width: 500px;
}

.style3 {
  color: #59595B;
  background-color: #FFFFFF;
}
.style6 {background-color: #FFFFFF}
.style7 {
	font-size: 9px;
	color: #333333;
}


	/* SHOP TEMPLATE	  	*/
/* ================================================== */

#shopDetails {
	font-size: 11px;
	color: #59595b;
	padding:10px;
	font-weight:normal;
}

.shopImg{ border:#EFEFEF solid 1px;}

#shopSpacer{ background-image: url(../images/shopSpacer.gif); background-repeat:repeat-x;  }