.titles {
	font-family: arial;
	font-size: 13pt;
	font-weight: bold;
	color: #800000;
}

.subtitles {
	font-family: arial;
	font-size: 12pt;
	color: FF0000;
}
.regina {
	font-family: arial;
	font-size: 12pt;
	color: FF0000;
}
.saskatoon {
	font-family: arial;
	font-size: 12pt;
	color: 0000FF;
	}
.text { 
	font-family: arial;
	font-size : 10pt;
	color: 800000;
}
th	{
	font-family: arial;
	font-size : 11pt;
	color: 800000;
	}
td	{
	font-family: arial;
	font-size : 12pt;
	color: 800000;
	}
.bigTimes {
	color: 525F86;
	font-family: arial;
	font-size: 18pt;
	font-weight: bold;
}
.pages
{
	color: 800000;
	font-family: arial;
	font-size: 11pt;
}
.main
{
	width: 800px;
	align: center;
}


span.links
{
	background-color: #ddd;
	padding: 5px;
	font-family:Arial;
	color: #3b436f;
	font-size: 10pt;
	border: #aca899 1px solid;
	text-decoration: none;
}
span.links a
{
	color: #3b436f;
	text-decoration: none;
}
span.links a:hover
{
	color: White;
}

table.links td
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: black;	
	text-align: left;
}
table.links td a
{
	display: block;
	height: 100%;
	padding: 5px;
	color: white;
	text-decoration: none;
}
table.links td a:hover, span.links:hover
{
	background-color: #606060;
	color: White;
}

table.links
{
	border-bottom: solid 1px black;
}

	.graphiteOff
	{
   BACKGROUND-COLOR:#0077c1;
   BORDER-BOTTOM: #0077c1 solid 1px;
   BORDER-LEFT: #0077c1 solid 1px;
   BORDER-RIGHT: #0077c1 solid 1px;
   BORDER-TOP: #0077c1 solid 1px;
   COLOR: #FFFFFF;
   CURSOR: hand;
   FONT-FAMILY: arial;
   FONT-SIZE: 14px;
   FONT-WEIGHT: bold;
   LETTER-SPACING: -0.5pt;
   LINE-HEIGHT: 16px;
   MARGIN: 2px 0px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 2px;
   PADDING-RIGHT: 2px;
   PADDING-TOP: 0px;
   TEXT-DECORATION: none;
   WIDTH: 75px
	}
	.graphiteUp
	{
   BACKGROUND-COLOR:#3B436F;
   BORDER-BOTTOM: #003333 solid 1px solid 1px;
   BORDER-LEFT: #B4BACE solid 1px solid 1px;
   BORDER-RIGHT: #003333 solid 1px solid 1px;
   BORDER-TOP: #B4BACE solid 1px solid 1px;
   COLOR: #FFFFFF;
   CURSOR: hand;
   FONT-FAMILY: arial;
   FONT-SIZE: 14px;
   FONT-WEIGHT: bold;
   HEIGHT: 0pt;
   LETTER-SPACING: -0.5pt;
   LINE-HEIGHT: 16px;
   MARGIN: 2px 0px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 2px;
   PADDING-RIGHT: 2px;
   PADDING-TOP: 0px;
   TEXT-DECORATION: none;
   WIDTH: 75px
	}
	.graphiteDown
	{
   BACKGROUND-COLOR:#525F86;
   BORDER-BOTTOM: #CCCCCC solid 1px solid 1px;
   BORDER-LEFT: #333333 solid 1px solid 1px;
   BORDER-RIGHT: #CCCCCC solid 1px solid 1px;
   BORDER-TOP: #333333 solid 1px solid 1px;
   COLOR: #FFFFFF;
   CURSOR: hand;
   FONT-FAMILY: arial;
   FONT-SIZE: 14px;
   FONT-WEIGHT: bold;
   LETTER-SPACING: -0.5pt;
   LINE-HEIGHT: 16px;
   MARGIN: 2px 0px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 2px;
   PADDING-RIGHT: 2px;
   PADDING-TOP: 0px;
   TEXT-DECORATION: none;
   WIDTH: 75px
	}
	.graphiteOn
	{
   BACKGROUND-COLOR: #FFA500;
   BORDER-BOTTOM: #CCCCCC solid 1px solid 1px;
   BORDER-LEFT: #333333 solid 1px solid 1px;
   BORDER-RIGHT: #CCCCCC solid 1px solid 1px;
   BORDER-TOP: #333333 solid 1px solid 1px;
   COLOR: #000000;
   FONT-FAMILY: arial;
   FONT-SIZE: 14px;
   FONT-WEIGHT: bold;
   LETTER-SPACING: -0.5pt;
   LINE-HEIGHT: 16px;
   MARGIN: 2px 0px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 2px;
   PADDING-RIGHT: 2px;
   PADDING-TOP: 0px;
   TEXT-DECORATION: none;
   WIDTH: 75px
	}
	.graphiteChosen
	{
   BACKGROUND-COLOR: #525F86;
   BORDER-BOTTOM: #525F86 solid 1px;
   BORDER-LEFT: #525F86 solid 1px;
   BORDER-RIGHT: #525F86 solid 1px;
   BORDER-TOP: #525F86 solid 1px;
   COLOR: #FFFFFF;
   FONT-FAMILY: arial;
   FONT-SIZE: 14px;
   FONT-WEIGHT: bold;
   LETTER-SPACING: -0.5pt;
   LINE-HEIGHT: 16px;
   MARGIN: 2px 0px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 2px;
   PADDING-RIGHT: 2px;
   PADDING-TOP: 0px;
   TEXT-DECORATION: none;
   WIDTH: 75px;
	}
	


    .pageHeader {
      text-align:center;
      margin-top:10px;
      width:100%;
    }
    
    .pageHeader .tableLogo {
      padding-top:10px;
      width:600px;
      height:120px;
      background-image:url(images/logo3_19_2010.jpg);
      background-repeat:no-repeat;
    }    
    .pageHeader .charterLogo
    {
    	background-image: url(images/gallery/CHARTERlogoA.jpg);
    	background-repeat:no-repeat;
    	background-position:right bottom;
    	width: 200px;
    	height: 120px;
    }

body
{
	text-align: center;
}
.pageDiv, .pageContent
{
	width:800px; 
	text-align: left;
	color: #800000;
	height: 100%;
}
.pageDiv
{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.pageLayout, .pageLayoutNoNav
{
	width: 800px;
	height: 80%;
}

.leftPane
{
	vertical-align: top;
	width: 29%;	
	background-color: #0075ba;	
	height: 65%;
}
.rightPane
{
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}
.pageLayout .rightPane
{
	width: 71%;
}
.pageLayoutNoNav .rightPane
{
	width: 100%;
}
.instructorName, .contactUs
{
	color: #0000ff;
	font-weight: bold;
}
.contactUs
{
	margin-bottom: 20px;
}

.linksPage A
{
	color: #800000;
}

.spacedList li
{
	margin-top:10px;
	margin-bottom:10px;
}
.menuContainer
{
	position: relative; 
	height: 25px; 
	text-align: center; 
	margin: 5px 0 5px 0; 
}

/* Styles required for the images on the pages */
/*  3 pane layout  */
.imageLayout span{
	background-position:center center;
	background-repeat:no-repeat;
	border: solid 1px #dddddd;
	text-align: center;
	margin-bottom: 4px;
	display: inline-block;
}
.imageLayout span.singleImage
{
	width: 691px;
	height: 230px;	
}
.imageLayout div
{
	text-align: center;
}
.middleImage {
	margin-left: 8px;
	margin-right: 8px;
}