/* This Stylesheet should be CSS2 */

/* Anything with a . defines a class, e.g. .Header */
/* You can use this class, for example: */
/* <P CLASS="Header"> */
/* <TD CLASS="Header"> */

/* Within each class, you can define the sub-types, e.g. <A> */
/* where usually you use <A> for <A HREF="http://www.mysite.com"> */
/* Furthermore, you can define what an <A> link looks like */
/* and even what happens when the link is visited (e.g. a:visited) */
/* what happens when the mouse hovers over (e.g. a.hover) etc. */

/* This section defines the "standard" types commonly used */
BODY {margin:0; color:#000000; background-color:#662222; font-family: sans-serif;}
H1 {font-size: 18px; color: #551111; font-weight: bold; text-transform: none;}
H2 {font-size: 16px; color: #661111; font-weight: bold; text-transform: none;}
H3 {font-size: 14px; color: #771111; font-weight: bold; font-style: normal; text-transform: uppercase;}
P {font-size: 12px; font-family: sans-serif; }
A:link {font-size: 12px; font-weight: bold; color: #000077;}
A:visited {font-size: 12px; font-weight: normal; color: #000099;}
A:hover {color: #0099BB;}
IMG {border-style: none}

/* This defines the top Header Bar */
.Header {
	position: fixed;
	width: 100%;
	height: 40px;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	font-size: 12px;
	color: #FFFFFF;
}
.Header a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.Header a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.Header a:hover {
	color: #0099BB;
	border: solid 1px #AAAA00;
}

/* This defines the Left Menu Bar */
.LeftMenu {
	position: fixed;
	width: 110px;
	height: auto;
	top: 40px;
	bottom: 0px;
	left: 0px;
	right: auto;
	color: #FFFFFF;
	text-align: left;
	background-color: #662222;
}
.LeftMenu a:link {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.LeftMenu a:visited {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.LeftMenu a:hover {
	color: #00AABB;
	border: solid 1px #AAAA00;
}

/* This defines the Main section */
/* Make sure match top with header height */
.Main {
	position: fixed;
	width: auto;
	height: auto;
	top: 40px;
	bottom: 0px;
	left: 0;
	right: 0;
	overflow: auto;
	background-color: #FFFFFF;
}

/* This defines the Footer stuff at the bottom */
.Footer {
	margin-top: 10px;
	margin-left: 5px;
	font-size: 10px;
	font-family: sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: bottom;
}
.Footer a:link {
	font-size: 10px;
	color: #0099BB;
	text-decoration: underline;
	font-weight: normal;
}
.Footer a:hover {
	color: #0099BB;
	border: none;
}
.Footer a:visited {
	font-size: 10px;
	color: #CCFFFF;
	text-decoration: none;
	font-weight: normal;
}

/* This definition only for the main front page */
.RightColumn {background-color:#CCCCCC; width: auto;}

/* This definition for the Feature section is for all other pages */
.Feature {background-color:#FFFFFF; width: auto; margin-left: 5px;}

/* Miscellaneous Definitions */
.note {font-size: 10px; color: #000000; font-style: italic;}
.date {font-size: 10px; color: #000000; font-style: italic; text-align: right;}

.EventTitle {font-size: 12px; font-weight: bold;}
.Event {font-size: 10px;}
.Event a:link {font-size: 10px; font-weight: normal;}
.Event a:visited {font-size: 10px; font-weight: normal;}