/* ----------- begin file ------------ */

/* make all body text Verdana or similar, aligned left, with black type on a white background */
	body {font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		background-color: #ffffff;
		color: #000000;
		margin: 0; } 

/* the following group of styles defines the behavior of links in this document */
	a:link img { border: 4px outset;
		color: #0000ff;
		background-color: #ffffff; }
	a:visited img { border: 4px outset;
		color: gray;
		background-color: #ffffff; }
	a:hover img { border: 4px outset;
		color: #ff0000;
		background-color: #ffffff; }
	a:active img { border: 4px inset; 
		color: red;
		background-color: #ffffff; }
	a:link { color: #0000ff ;
		background-color : #ffffff; }
	a:visited {color:gray; 
		background-color : #ffffff;
		font-style:normal; }
	a:hover {color: #ffffff;
		background-color: #0000ff; }
	a:active {font-style:italic; }
/* On the links page, most links are images; text-only links are h2. These styles make the h2 links look more like the img links. */
	h2 a {padding: 2px;
		text-decoration: none;}
	h2 a:link { border: 4px outset;
		color: #0000ff;
		background-color: #ffffff; }
	h2 a:visited { border: 4px outset;
		color: gray;
		background-color: #ffffff; }
	h2 a:hover { border: 4px outset;
		color: #ff0000;
		background-color: #ffffff; }
	h2 a:active { border: 4px inset; 
		color: red;
		background-color: #ffffff; }

/* table styles for the events calendar */
	table.calendar { border-collapse: collapse;
		border: none; } 
/* caption is for the name of the month */
	table.calendar caption { display: table-caption;
		caption-side: top;
		color: #ff0000;
		background-color: #ffffff;
		font-size: 1.5em;
		font-weight: bold;
		text-align: left;
		line-height: 2em;
		border-left: 2px solid gray;
		margin: 4px 0 0 -1px;
		padding: 0 5px; }  
/* thead is for the days of the week */
	table.calendar thead { color: #000000;
		background-color: #ff0000;
		font-weight: bold; }  
	table.calendar tr { vertical-align: top; }
	table.calendar td {font-size: 0.9em;
		padding: 0;
		border-color: gray;
		border-style: solid; 
		border-width: 0px 0px 1px 1px;}
	table.calendar td.sat {border-right-width: 1px; }
	table.calendar th {font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		padding: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: gray black black gray;
		color: black;
		background: #ff9999;}
	table.calendar td div.date {float: right;
		border-style: solid;
		border-color: black;
		border-width: 0px 0px 1px 1px;
		padding: 0.1em 0.1em 0.5em 0.5em;
		font-weight: bold;
		color: black;
		background: #d0d0d0;
		font-size: 0.9em;}
	table.calendar td div.event {padding: 0.3em;
		border-bottom: 1px dotted #b2b2b2;}
	table.calendar td div.event span.hol {display: block;
		color: red;
		background-color: transparent;
		font-weight: bold;}
	table.calendar td div.event span.what {display: block;
		color: blue;
		background-color: transparent;
		font-weight: bold;}
	table.calendar td div.event span.when {display: block;
		font-style: italic; }
	table.calendar td div.event span.where, table.calendar td div.event span.info {display: block;}

/* make level 1 and 2 headings blue */
	h1, h2 { text-align: left;
		color: #0000ff ;
		background-color : #ffffff; }

/* make level 3, 4 and 5 headings black */
	h3, h4, h5 { text-align : left;
		color : #000000;
		background-color : #ffffff; }

/* except a special class for the What They Say page, where level 3 headings are blue, all caps */
	h3.wts { color: #0000ff;
		background-color: #ffffff;
		text-transform: uppercase; }

/* and for meeting info in the banner, where the color is red */
	h3.meeting { color: #ff0000;
		background-color: #ffffff;
		text-align: center; }

/* make contents of a special class of strong tags blue, small caps */
	strong.special { color: #0000ff;
		background-color: #ffffff; 
		font-variant: small-caps; }

/* here's a generic class to center type */
	.center {text-align: center; }

/* here's a style for "back to top" links */
	p.top {font-size: .7em; }

/* and one for navbar links */
	p.nav {font-size: .8em; }

/* this styles the list of links in the main left-hand navbar */
	ul.navlist  li { list-style-image: url("starbullet2.gif");
		font-size: .8em; }
	ul.navlist  li > img { vertical-align: top;
		margin-bottom: 0; }

/* this styles other unordered lists */
	ul  li { list-style-image: url("starbullet2.gif"); }

/* this styles the copyright and contact information at the bottom of the page */
	p.bottom { font-size: .8em; 
		text-align: center; }

/* this aligns the images in the copyright and contact information at the bottom of the page */
	img.hang { vertical-align: top;
		margin-bottom: 0;}

/* make horizontal rules 95% of the width of the parent element and centered */
	hr {width: 95%;
		text-align: center; }

/* this adds a margin at the bottom of img tags */
	img { margin-bottom: 5px; }

/* this creates a special img class to add a 10px left margin */
	img.indent {margin-left: 10px; }

/* this creates a special img class to add a 5px right margin */
	img.right-mar {margin-right: 5px; }

/* this closes up the space in the banner */
	td img, td h1, td h2, td h3 {margin: 0; }

/* and these set the columns for the menu, sidebar and main content, placing the footer below those three columns */
	div#banner {margin: 8px 8px 0px 8px; } 
	div#menu {float: left;
		width: 235px;
		padding-right: 30px;
		margin: 0px 0px 0px 8px; }
	div#sidebar {float: right;
		width: 210px;
		padding: 5px 10px 0px;
		margin: 30px 8px 0px 30px;
		color: #000000;
		background-color: #ffcaca;
		border: 1px solid red;}
	div#sidebar h4 {color: #000000;
		background-color: #ffcaca;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;}
	div#sidebar p {font-size: 0.9em;
		margin-bottom: 0;}
	div#sidebar ul {margin-top: 0;}
	div#sidebar ul li {font-size: 0.8em;}
	div#sidebar a:link {color: #0000ff;
		background-color: #ffcaca; }
	div#sidebar a:visited {color: gray;
		background-color: #ffcaca; }
	div#sidebar a:hover {color: #ffffff;
		background-color: #0000ff; }
	div#sidebar a:active {font-style:italic; }
	div#main {margin: 0px 8px 0px 273px; } 
	div#footer {clear: both;
		margin: 5px 18px 0px; 
		border-top: 1px solid blue;}
	div#footer p {margin: 0; }

/* ----------- end file ------------ */