body, td
{
  font-family:		Verdana, Arial, Helvetica, sans serif;
  font-size:		11px;
  color:		    #061B1C;
  line-height:      16px;
  text-align: 		left;
}
body
{
  background-color:	#96a9c3;
}
.footer_menu
{
  font-size:		9px;
  font-family:		Arial, Helvetica, sans serif;
  line-height:      12px;
}
.header_menu
{
  font-size:		11px;
  font-family:		Verdana, Arial, Helvetica, sans serif;
  line-height:      18px;
  padding:          10px;
}
.whiteText
{
   color:#FFFFFF;
}
div.subMgn
{
	padding: 8px 15px 20px 20px;
}
div.homeMgn
{
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 0px;
   padding-top: 15px;
   margin-top: 0px;
   margin-bottom: 0px;
}
div.mgn
{
   padding-top: 8px;
   padding-bottom: 0px;
   padding-right: 55px;
   padding-left: 50px;
}
div.hideHorizontalScrollbar
{
   overflow:hidden;
   height: 355;
}
div.scrollMgn
{
   padding-top: 10px; 
   padding-bottom: 5px;
   padding-right: 0px;
   padding-left: 10px;
   margin-left: 50px;
   margin-right: 40px;
   margin-bottom: 0px;
   margin-top: 0px;
   background-attachment:scroll;
   background:left top;
   white-space: nowrap;
   overflow:scroll;
   height: 360;
   width: 680;
/* these properties don't seem to work, and the check script complains
/* about scrollbar-3dlight-color, so I'm commenting them out
/* scrollbar-arrow-color:#8d9a85; /* charcoal */
/* scrollbar-face-color:#96a9c3; /* light grey */
/* scrollbar-3dlight-color:#b8c7af; /* grey */
/* */
}

.smallFont
{
  font-size:		10px;
}
a.linkopacity img {
filter:alpha(opacity=60); 
/*-moz-opacity: 0.6; */
opacity: 0.6;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
/*-moz-opacity: 1.0;   */
opacity: 1.0;
}

.boxTable
{
  background-color:#dde9f2;
  border-color:#000033;
  border-style:solid;
  border-width:1px;
  margin: 10px;    
}
h1
{
  font-family:		Arial, Helvetica, sans serif;
  font-size:		20px;
  color:		#77002a;
  margin-top: 15px;
  text-align:center;
}
h2
{
  font-size:		17px;
  color:		#550000;
  margin-top: 8px;
}

h3
{
  font-size:		15px;
  color:		#990000;
  margin-top: 6px;
  margin-bottom: 4px;
}

h4
{
  font-size:		14px;
  color:			#cc0000;
  margin-top:		0px;
  margin-bottom:	4px;
}

th
{
  font-size:		12px;
  color:		#000000;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color:#DCEDFF;
}

ul
{
	list-style-type:  square;
	margin: 12px 0px 10px 20px;
    padding-left: 15px;
}

.redFont
{
  color:		#990000;
}
table.border
{
  border:               solid 1px #000000;
}

.infoPage
{
  color:		#ffffff;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:	14px;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}
a.contact
{
  color:		#eeeeee;
  text-decoration:underline; 
  font-weight: bold;
}

a.contact:hover
{
  color: #ffffff;
  text-decoration:	underline; 
  font-weight: bold;
}

a
{
  color:		#77002a;
  text-decoration:underline; 
  font-weight: bold;
}

a:hover
{
  color: #904146;
  text-decoration:	underline; 
  font-weight: bold;
}

a.MENU-1-ON, a.MENU-1-OFF:hover, a.MENU-1-ON:hover
{
  font-family:     Arial, Helvetica, sans-serif;
  font-size:		12px;
  font-weight:      bold;
  color:            #ffffff;
  text-decoration:	none;
  line-height:      16px;
}

a.MENU-1-OFF
{
  font-family:		Arial, Helvetica, sans-serif;
  font-size:		12px;
  font-weight:      bold;
  color:		#000000;
  text-decoration:	none;
  line-height:      16px;
}

a.MENU-2-ON, a.MENU-2-OFF:hover, a.MENU-2-ON:hover
{
  font-family:	Verdana, Arial, Helvetica, sans-serif;
  font-size:		12px;
  color: #77002a;
  text-decoration: underline;
  font-style: normal;
}

a.MENU-2-OFF
{
  font-family:	Verdana, Arial, Helvetica, sans-serif;
  font-size:		12px;
  text-decoration:	none;
  color:		#000000;
  font-style: normal;
}
div.MENU-home a.MENU-1-OFF
{
  height:20px;
  padding-top: 0px;
  margin-top: 0px;
  display:block;
  margin-left: 15px;
  color:		#4E2200;  
  font-family:		Arial, Helvetica, sans-serif;
  font-size:		13px;
  text-decoration:	none;
}
div.MENU-home a.MENU-1-ON:hover
{
  height:20px;
  display:block;
  padding-top: 0px;
  margin-top: 0px;
  margin-left: 15px;
  color:		    #E49D65;
  font-family:		Arial, Helvetica, sans-serif;
  font-size:		13px;
  text-decoration:	none;
}

span.linkText
{
  font-size: 12px;
}

div.FOOTER
{
  font-size:		10px;
  background-color: #96a9c3;
  line-height: 11px;
  color:		#000000;
  text-align:   right;
}

div.FOOTER a
{
  font-size:		10px;
  text-decoration:	underline;
  color:		#000000;
}
div.FOOTER a:hover
{
  font-size:		10px;
  text-decoration:	underline;
  color:#ffffff;
}

hr
{
    width:    98%;
	text-align: center;
	color: #96a9c3;
	height: 1px;
}

div.hideHorizontalScrollbar
{
   overflow:hidden;
   height: 310;
   width: 400;
}
div.scrollMgn
{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 5px;
   padding-left: 10px;
   background-attachment:scroll;
   background:left top;
   white-space:normal;
   overflow:scroll;
   height: 325;
   margin-left: 5px;
   margin-top: 0px;
/* these properties don't seem to work, and the check script complains
/* about scrollbar-3dlight-color, so I'm commenting them out
/* scrollbar-arrow-color:#99999; /* yellow */
/* scrollbar-face-color:#cccccc; /* brown */
/* scrollbar-3dlight-color:#E08242; /* gold */
/* */
}

div.newsFlash
{
  width: 99%;
  float: left;
  color:	#887D42;
  font-size:	14px;
  font-family:	Verdana, Arial, Helvetica, sans-serif;
  font-weight:  bold;
  padding: 5px 0px 5px 0px;
  border: 2px;
  border-color: #920402;
  border-style: solid;
  background: #920402;
  valign: bottom;
}

.square {
	border: dotted 1px #666666;
	padding: 8px;
}

/* Heading and body colours for councillors page */
/* Morrison */
.morrisonheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#5B361C;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headingmorrison {
			  background: #5B361C;
		  }
td.bodymorrison {
			  background: #ECD3C1;
		  }
		  
/* Paterak */
.paterakheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#369263;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headingpaterak {
			  background: #369263;
		  }
td.bodypaterak {
			  background: #E0F3EA;
		  }

/* Thompson */
.thompsonheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#24A0AC;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headingthompson {
			  background: #24A0AC;
		  }
td.bodythompson {
			  background: #D7F3F7;
		  }

/* Whitehead */
.whiteheadheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#344FD0;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headingwhitehead {
			  background: #344FD0;
		  }
td.bodywhitehead {
			  background: #DEE2F8;
		  } 

/* Groves */
.grovesheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#770064;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headinggroves {
			  background: #770064;
		  }
td.bodygroves {
			  background: #FFF2FE;
		  } 

/* Beffort */
div.beffort-subMgn
{
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left:   6px;
}

.beffortheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#920402;
  font-weight:  bold;
  margin-top:   15px!important;

  margin-bottom:   3px;
}
.beffortSUBheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	16px;
  color:		#920402;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  LEFT;
}
.infoheading {
  font-family:	Verdana, Arial, Helvetica, sans serif;
  font-size:	14px;
  color:		#920402;
  font-weight:  bold;
  margin-top:   8px;
  text-transform: uppercase;
}
.headingbeffort {
  font-family:	Verdana, Arial, Helvetica, sans serif;
  font-size:	14px;
  color:		#ffffff;
  font-weight:  bold;
  padding:	   8px 0 8px 5px;
  text-transform: uppercase;
}
.beffortsmallwhite {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	10px;
  color:		#ffffff;
  font-weight:  bold;
  padding-right:	10px;
}
.beffortmenu {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	12px;
  color:		#920402;
  font-weight:  bold;
  padding-top:  5px;
  text-align:	center;
  line-height:	20px;
}
td.headingbeffort {
			  background: #920402;
			  padding-left: 10px;
		  }
td.bodybeffort {
			  background: #ECD3D2;
			  padding-left: 10px;
			  padding-right: 20px;
		  }

/* McClure */
.mcclureheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#B32B2D;
  font-weight:  bold;
  margin-top:   15px;
}		  
td.headingmcclure {
			  background: #B32B2D;
		  }
td.bodymcclure {
			  background: #FAEBEB;
		  } 
		  
/* deBoer */
.deboerheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#D76A3F;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headingdeboer {
			  background: #D76A3F;
		  }
td.bodydeboer {
			  background: #F9E7DF;
		  } 
		  
/* Payne */
.payneheader {
  font-family:	Arial, Helvetica, sans serif;
  font-size:	20px;
  color:		#D9A84C;
  font-weight:  bold;
  margin-top:   15px;
  text-align:  center;
}		  
td.headingpayne {
			  background: #D9A84C;
		  }
td.bodypayne {
			  background: #F8EFDE;
		  } 

.birthday
{
  font-size:		15px;
  color:			#000000;
  line-height:		22px;
}

.birthday-square {
	width: 450px;
	background: #68C568;
	border: solid 3px #cc0000;
	padding: 8px;
}

td.calendarTableDate {
    vertical-align: top;
}

div.calendarTableDate {
    text-align: right;
    font-weight: bold;
}
div.caledon_townhall_players
{
   border-color:  #920402;
   border-style:  solid;
   border-width:  2px;
   width: 450px;
   margin-left: 36px;
   padding: 5px;
}