/* Updates to this file need to be uploaded to Agility's Documents section at Styles/Editor.css */
body 
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    color: #565656;
}

a
{
    text-decoration: none;
    color: #3D505A;
}

a img { outline: none; border:none; }

a:hover, a:focus
{
    text-decoration: underline;                                                                                                                                     
}

a.More
{
	color: #333;
	background: transparent url("../Images/Icons/Link-Arrow.png") no-repeat scroll center right;
	font-size: 11px;
	line-height: 11px;
	padding-right: 17px;
	text-decoration: none;
}

h1
{
    color: #e3a14e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bolder;
    line-height: 30px;
    margin: 0px;
	padding-bottom: 11px;
	text-transform: uppercase;
}

h2
{
    color: #ca7f21;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: bold;
	line-height: 13px;
    margin: 2px 0;
    text-transform: uppercase;
}

h3
{
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
}

.headerBlock
{
    color: #F3F3F3;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
}

.sponsors
{
    color: #565656;
    font-family: Verdana, Sans-Serif;
    font-size: 9px;
    margin: 0px;
}

.headline
{
    color: #c9513d;
    font-size: 22px;
    margin: 0px;
    font-weight: bold;
}

hr
{
    background-color:#CCCCCC;
    border:0 none;
	clear:both;
    color:#CCCCCC;
	display:block;
    height:1px;
    padding:0;
    text-align:left;
}

p
{
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	/*font-size: 11px;*/
	line-height: 16px;
	margin: 10px 0;
	padding: 0;
}

.grey
{
	color: #333;
}

.yellow
{
	color: #ca7f21;
}

.ViewCalendar
{
    background: transparent url(../Images/Backgrounds/Calendar-RightCallout.gif) no-repeat scroll 0 0;
	color: #3d4f59;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 71px;
    width: 232px;
    margin: 0px 0px 0px -25px;
    padding: 0px;
    text-transform: uppercase;
}

.ViewCalendar a
{
	display: block;
	height: 45px;
	width: 200px;
	line-height: 18px;
    padding: 13px 16px;
    text-decoration: none;
}

.ViewCalendar a:hover
{
    text-decoration: none;
}

.ViewCalendar ul li
{
	background: none;
	padding: 0px;
}

.RightColumnArea hr
{
    width: 200px;
}

.left-aligned
{
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}

ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

li
{
	background: transparent url("../Images/Bullet-Arrow.png") no-repeat scroll 0 0.5em;
	/*font-size: 11px;*/
	padding-left: 14px;
}

ul.orange_list_box li
{
    background: transparent url(http://files.coc.ca/images/bullet-orange.gif) no-repeat scroll 0 0.5em;
	line-height: 16px;
    padding: 1px 0 0 24px;
}

.PaddedCallout
{
	line-height: 12px;
    padding-left: 17px;
    padding-right: 5px;
}

.PaddedCallout p
{
	margin: 10px 0px;
}

.PaddedCallout h3
{
    margin-top: 0px;
	padding-top: 0px;
}

.PaddedCallout hr
{
	margin: 15px 0 12px 0;
	*margin: 0 0 12px 0;
}

.PaddedCallout ul
{
    margin-bottom: 10px;
}

.remove-left-margin
{
    margin-left: -13px;
}

/*Seating Map Table CSS from old COC.ca*/
.red {
font-size: .845em;
color: #c9513d;
font-weight: bold;
}

#seating-chart {
width: 460px;
padding: 0;
}

.chart-header {
background-color: #DF973F;
height: 30px;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #565656;
text-align: center;
}

.lgrey {
background-color: #ebedee;
width: 105px;
height: 20px;
font-family:  Verdana, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
color: #565656;
text-align: left;
padding: 4px;
vertical-align: top;
}

.dgrey {
background-color: #d7dadc;
width: 105px;
height: 20px;
font-family:  Verdana, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
color: #565656;
text-align: left;
padding: 4px;
vertical-align: top;
}

.chart-HeppnerTeal {
background-color: #0098AA;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-HeppnerYellow {
background-color: #FFC80B;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-HeppnerOrange {
background-color: #F58220;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-HeppnerRed {
background-color: #BB141A;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-orange {
background-color: #e7a401;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-red {
background-color: #d60000;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-HeppnerRed {
background-color: #BB141A;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-purple {
background-color: #cfb4df;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-dblue {
background-color: #206b9b;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-lorange {
background-color: #f90;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-green {
background-color: #09b395;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-blue {
background-color: #5bcbe1;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}


.chart-red2 {
background-color: #c7503a;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-orange2 {
background-color: #dc9441;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}


.chart-beige2 {
background-color: #c6bea4;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-teal2 {
background-color: #38a4bf;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-purple2 {
background-color: #6a75b3;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-darkGreen2 {
background-color: #3b505a;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}


.chart-blue2 {
background-color: #b6d6e6;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

.chart-green2 {
background-color: #42a59d;
font-family:  Verdana, Arial, sans-serif;
font-size: .945em;
font-weight: bold;
color: #000;
text-transform: uppercase;
text-align: center;
}

li.redd 
{
    background-image:url(http://files.coc.ca/images/legend_red.gif);
    background-position:0 0.5em;
    background-repeat:no-repeat;
    padding-left:14px;
	font-size: .845em;
	color: #c9513d;
}

li.purple {
	background-image:url(http://files.coc.ca/images/legend_purple.gif);
    background-position:0 0.5em;
    background-repeat:no-repeat;
    padding-left:14px;
	font-size: .845em;
	color: #6E2A8D;
}

li.black {
	background-image:url(http://files.coc.ca/images/legend_black.gif);
    background-position:0 0.5em;
    background-repeat:no-repeat;
    padding-left:14px;
	font-size: .845em;
	color: #000000;
}

li.blue {
	background-image:url(http://files.coc.ca/images/legend_blue.gif);
    background-position:0 0.5em;
    background-repeat:no-repeat;
    padding-left:14px;
	font-size: .845em;
	color: #009DDC;
}

li.green {
	background-image:url(http://files.coc.ca/images/legend_green.gif);
    background-position:0 0.5em;
    background-repeat:no-repeat;
    padding-left:14px;
	font-size: .845em;
	color: #00A160;
}

li.orange {
	background-image:url(http://files.coc.ca/images/legend_orange.gif);
    background-position:0 0.5em;
    background-repeat:no-repeat;
    padding-left:14px;
	font-size: .845em;
	color: #E87D1E;
}

.headerBlockBlack {
font-size: 1.1em;
color: #565656;
}
.LandingPageTemplate .HeaderModule .TextWithImage {
	width: 500px;
}
.LandingPageTemplate .HeaderModule .TextWithImage div {
	margin-left: -5px;
}
.LandingPageTemplate .HeaderModule .TextWithImage h2 {
	margin-left: 5px;
}
