/*general selectors of all pages */
body {font-family: Arial, Helvetica, sans-serif;}

/* background image for tr class=background only */
.background {background: url(images/background.gif) repeat-y right;
 }

td {font-family: Arial, Helvetica, sans-serif;}

th {font-family: Arial, Helvetica, sans-serif;}

h1, h2, h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

h1 {
	font-size: 18px;
	color: #000033;
}

h1.front-page {
	font-size: 18px;
	color: #000033;
	margin-left: 20px;
}

h2 {
	font-size: 17px;
	font-weight: bold;

}
h3 {
	font-size: 16px;
	font-weight: bold;
}

p {
	line-height: 120%;
	font-size: 14px;
}

li {
	font-size:14px;
}

a:link, a:visited {
	color:#003399;
}

a:hover, a:active {
	color:#CC6600;
	background-color: #FFF0CA;
}


/* container of all text content - I don't think I ended up using this
#container-all {
	text-align:left;
	margin: 0 0;
	width: 100%;
	height:auto;
	padding: 0 20;
}
 */



/* main content front page */
#content {
	float: left;
	width: 525px;
	padding: 0 0 0 20px;
	}
#content-wide {
	float: left;
	width: 680px;
	padding: 0 20px 0 20px;
}
/* note: padding for creating a bit more spacing near the right side of the content */





/* content on the right side , mainly for homepage */
#content-right {
	float: right;
	width: 130px;
	padding: 8px 8px 8px 8px;
	border: 2px solid #FFCC00;
	margin-top: 15px;
	margin-right: 5px;
	background-color: #FFFFEE;
	text-align: center;

	}
/* note: margintop in #content-right needed for lowering the rightside */
	
#content-right img {
	border-width: thin;
	}
	
#content-right p {

	font: 80% arial, Arial, Helvetica, sans-serif;
	padding: 0 3px 0 3px;
}	




	
/* below  is for the library item that deals with the different province pages */

#province {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
#province a:link, #province a:visited {
	text-decoration: none;
	color: #333333;
}
#province a:active, #province a:hover {
	background-color: #FFFFFF;
}

/* the bottom part deals with the footer of the page */
.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-align: center;
}

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

.bottom a:active, .bottom a:hover {
	color:#FF0000;
	text-decoration: none;
	background-color: #FFFFFF;

}
/* end of the css file */