html, body {
margin: 0;
padding: 0;
background: #cccccc;
text-align: center;
font-family: Arial;
font-size: 10pt;
}


#container {
text-align: left;
margin: 0 auto; /* Sets margin top to 0 and the Left & Right Margins to auto, splitting them & creating a centered effect */
padding: 0; /* Clears any Browser Default Padding*/
width: 900px; /* The width of the container element*/
background: #FFFFFF; /* The background which we want to be 100% */
border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;
position: relative;
}
a:link {
	text-decoration: none;
	color: #000088;
}
a:visited {
	text-decoration: none;
	color: #000088;
}
a:hover {
	text-decoration: none;
	color: #c00000;
}
.SCMATop {
	background-image: url(../../images/topbg.gif);
	background-repeat: repeat-x;
	max-height: 41px;
	padding: 0px;
}
.HorizontalMenu ul {
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	float: right;
}
.HorizontalMenu li {
	display: table-cell;
	position: relative;
	padding: 0px;
	padding-right: 15px;
	float: left;
	font-family: tahoma; font-size: 10pt;
	padding-top: 7px;
	height: 23px;
}
.HorizontalMenu a {
	color: #000;
	text-decoration: none;
}
.HorizontalMenu a:hover {
	color: #980032;
}
a.selectedMenuLink {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #980032;
	font-weight: bold;
	color: #fdd016;
	padding-top: 6px;
	position: relative; top: -7px;
	height: 100%;
	float: left;
}
a.selectedMenuLink:hover {
	color: #FFF;
}

#PageHeader {
	float: right;
	text-align: left;
	right: 0px;
	width: 711px;
	background-image: url(../../images/PageHeaderBG.gif);
	height: 28px;
}
#leftMenu {
	width: 200px;
	background-image: url(../../images/events-bg-large.gif); background-repeat: repeat-y;
}