﻿body {
	margin: 0px 0px;
	font-family: Tahoma, arial, helvetica, sans-serif; /*set the font style for the main content*/;
	font-size: 10pt;
	color: black;
}
p {
	text-align: left;
}
img {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	margin: 0px 0px;
	vertical-align: middle;
}
/* body tag-like elements */
.page {
	text-align: center;
	background: url('images/2010/background_toronto.jpg') no-repeat center top;
}
#bgsite {
	margin: 0px auto;
	padding-bottom: 90px;
}
/* standard width 990 so laptop can see the background, set mastheads to this size */
#boxpage {
	width: 990px;
	margin: auto;
	border: 1px solid #C0C0C0;
	background-color: #d1ddef;
	padding-bottom: 30px;
}
.boxtop {
	/*make this the same size as the top image*/	
	display: block;
	margin-top: 30px; /*set the image as a background*/;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/top.png);
	background-color: #d1ddef;
}
.topcontent {
	/*set the font style for the box title*/	
	font-size: 16pt;
	color: #0275AB; /*shift the title down a bit and center it*/;
	padding: 15px 15px 0px 35px;
	text-align: left;
}
.boxbottom {
	/*make this the same width as the bottom image*/	
	/*don’t set the height as this needs to be flexible*/	
	xdisplay: block;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(images/bottom.png);
	margin: auto;
}
.maincontent_bg {
	min-height: 400px;
	margin: auto;
	background-position: left center;
	background-image: url('images/middle.png');
	background-repeat: repeat-y;
	xborder: thin fuchsia solid;
}
.maincontent_text {
	/* sits inside maincontent_bg block */
	padding: 1px 20px 0px 25px;
	text-align: left;
}
.UserUpload {
	width: 200px;
	text-align: center;
	margin-left: 2em;
	margin-top: 2em;
	padding: 6px;
	border: 2px #669900 solid;
	background-color: #EEF7FF;
}
fieldset.admin {
	color: #008000;
	text-align: left;
	border: 1px solid #008000;
	width: 230px;
	height: 80px;
	background-color: #F4F7FF;
	padding: 4px;
	margin: auto;
}
legend.admin {
	color: maroon;
	font-weight: 700;
	text-align: left;
}
#footer {
	clear: both;
	width: 960px;
	margin: -25px auto 0px;
	text-transform: uppercase;
	color: #666666;
	font-size: .6em;
}
#footer a {
	color: #666666;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: auto;
	text-align: center;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
ul {
	text-align: left;
}
.Gecko_Fix {
	clear: both;
}
.left_box {
	float: left;
	border: none;
	padding: 3px 3px;
	margin-left: 2px;
	font-size: small;
	width: 645px;
}
.right_box {
	float: right;
	border: thin green double;
	padding: 4px 4px;
	margin: 0px 0px 0px 2px;
	font-size: small;
	width: 250px;
	height: auto;
}
#front_page_events {
	margin-left: 30px;
}
#swfDiv {
	position: relative;
	z-index: 0;
}
#files {
	position: relative;
	margin: auto;
	border: thin #990033 solid;
	width: 40em;
	padding: 1em 1em;
	font-size: small;
}
#adminfunctions {
	margin: auto;
	text-align: center;
	width: 100%;
}
.Table_1 {
	margin: auto;
}
.Table_1 td {
	text-align: left;
}
#Table_2 {
	margin: auto;
	width: 40em;
	border: thin red solid;
}
#Table_2 td {
	text-align: left;
	padding: .4em;
}
#calendar_regalia {
	width: 935px;
	border: none;
	height: auto;
}
h3.headlines {
	font-size: medium;
	color: navy;
	text-transform: capitalize;
}
