@charset "utf-8";
/* 
Main style sheet for the website of the Village of Petitcodiac. The style sheet describes the entire website, except the following self-contained parts, which are described in separate stylesheets:
	- Top Navigation Components (level 1 navigation) : Described in topNavigation.css
	- Left Navigation Components (level 2 and 3 navigation) : Described in leftNavigation.css
	- Background Container Boxes : Described in backgrounds.css
	- Calendars : Described in calendar.css
	- Drop Down Menus: Described in SpryMenuBarHorizontal.css (Folder SpryAssets).
	
Project: Village of Petitcodiac
Date: June 2009
Version 1.0
*/


body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #6e0000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
	scrollbar-face-color:#ffe597;
}

/*Style to describe level 1 headings*/
h1 {
	font-size: 140%;
	font-weight: bold;
	color: #6e0000;
	text-align:center;
}

/*Style to describe level 2 headings*/
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #6e0000;
	border-bottom-color:#6e0000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/*Style to describe level 3 headings*/
h3 {
	font-size: 100%;
	font-weight: bold;
	color: #6e0000;	
}

.reportTable {
	border-collapse:collapse;
}

.reportTable td {
	border-style:solid; 
	border-color:#6e0000; 
	border-width:1px;
	
}

/*Style to use for a row in the table that lists events*/
.reportTable tr {
	border-style:solid; 
	border-color:#6e0000; 
	border-width:1px;
	border-collapse: collapse;
	
}

/*Style to use for a table that describes events*/
#eventsTable {
	border-collapse:collapse;
}

/*Style to use for the headers in the table that lists events*/
#eventsTable th {
	font-size: 100%;
	font-weight: bold;
	color: #ffe597;	
	background-color:#6e0000;
	border-style:solid; 
	border-color:#ffe597; 
	border-width:1px;
}

/*Style to use for the regular cell data in the table that lists events*/
#eventsTable td {
	border-style:solid; 
	border-color:#6e0000; 
	border-width:1px;
	
}

/*Style to use for a row in the table that lists events*/
#eventsTable tr {
	border-style:solid; 
	border-color:#6e0000; 
	border-width:1px;
	border-collapse: collapse;
	
}

/*Style to use for heading elements that are also hyperlinks*/
.headingLink {
	color: #6e0000;
	font-size: 110%;
	font-weight: bold;
	color: #6e0000;
}

/*Style to use for the main container of the website*/
.oneColFixCtr #container {
	width: 900px;  
	background: #6e0000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*Style describing how to show a small spacer in a webpage*/
.spacer {
	background-color: #6e0000;
	height: auto;
	padding-top:3px;
	padding-bottom:3px;
}

/*Style to use for hyperlinks in a paragraph where useful links are displayed*/
.usefulLinks p a {
	color: black;
}

/*Style to use for the section that contains the webmaster information*/
.webmaster	{
	font-size: 60%;
	color: #ffe597;
	text-align:center;
}

/*Style to use when a hyperlink is not in the main body of the website, but outside the container boxes, e.g. the bottom navigation links, webmaster links etc.*/
.linkOutsideMain 	{
	color: #ffe597;
}

/*Style to use for the bottom navigation component.*/
.bottomNav 	{
	font-size: 80%;
	color: #ffe597;
	text-align:center;
}

/*Style to use for the bottom navigation component when the mouse hovers over a hyperlink in the bottom navigation area.*/
.bottomNav a:hover	{
	background-color: #ffe597;
	color:#6e0000;
}

/*Style used in the Village Council Member's details table*/
.councilMemberTableRow {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

/*Style to use for all hyperlinks, except those hyperlinks that are specifically overridden such as in the usefulLinks container*/
a {
	color: #6e0000;	
}

/*Style to use for the cells in a table that displays data such as contacts (and other data as well)*/
.dataTable {
	padding-top: 2px;
	padding-bottom: 2px;
}

/*Style to use for the cells in a table that displays data such as contacts (and other data as well), where the data rows have greater spaces inbetween than the regular dataTable style*/
.dataTableDoubleHeight {
	padding-top: 15px;
	padding-bottom: 15px;
}

/*Style to use for the images*/
img
{
	/*Use this property to ensure that images are scaled correctly in IE*/
	-ms-interpolation-mode: bicubic;
}

/*Style to use when a photo is selected in the thumbnails area*/
.selectedThumbnail {
	border-style: solid;
	border-color: #6e0000; 
	border-width: 2px;
}

/*Style to use when a photo is NOT selected in the thumbnails area*/
.unselectedThumbnail {
	border-style: solid;
	border-color: transparent; 
	border-width: 2px;
}

/*Style to use for iframe elements*/
iframe {
	background-image:url(../_images/BoxBackground.jpg);
}


.vopCalendarBody{
	background-color:transparent;
	border: none;
	
}

.vopButtonLook {
	background-color:#6e0000;
	color:#ffe597;
	border-style:outset;
}