/* COLORS: */
/*#559955; /* green */
/*#707077; /* barely bluish gray */
/*#c0b5cc; /* light purplish blue */
/*#ddddee; /* blue gray */
/*#eee8ff; /* light blue */
/*#eeeeff; /* light blue */
/*#f0f0e8; /* light tan */
/*#f1f0f1; /* nearly white */
/*#ffd205; /* gold */

html, body {font-size: 100%;
  font-family: arial,'tw cen mt',verdana,sans-serif;
  color: black;
  height: 100%;
}
body {background: white url(../images/bigcirclell.gif) no-repeat scroll right top;
	margin: -15px 0px 0px 0px;
}
#title {font-family: 'tw cen mt',verdana,sans-serif;
	background: #559955 url(../images/greencircle.gif); /* #eee8ff light blue, #f0f0e8 light tan*/
	background-repeat: no-repeat;
  margin-top: 15px;
  margin-left: 0px;
  width: 100%;
  height: 80px;
  border-top: 3px solid #707077;
  border-bottom: 2px solid #707077; /* was c0b5cc */
}
#title h1 {font-size: 233%;
  font-weight: normal;
  position: relative; left: 47px; top: -8px;
	color: #f1f0f1;
/*	color: #559955; */ /* green */
/*  border: 1px solid orange;*/
}
div#titleimg {float: right;
  margin-top: -85px;
/*  border-bottom: 2px solid #c0b5cc;*/
}
#title span#tagline {font-size: 86%;
	position: relative; left: 70px; top: -35px;
	color: #f1f0f1;
}
#mainnav ul {display: inline;
  margin-left: .2em;
	font-size: 85%;}
#mainnav ul li {display: inline;
  margin-left: .3em;
	list-style-type: circle;
	padding: .3em;
  color: black;
  background: #ddddee;
  font-size: 85%;
}
#mainnav span#skiptocontent {display: none;
}

#content {margin-left: 3em;
	margin-right: 10em;
}
#content div#overflow {margin-left: 30%;}

#content #maincontent {margin-left: 28%;}
#content #maincontent div.newsitem {min-width: 25em; max-width:33em;}

h2 {color: #559955;
	font-size: 160%;
	font-variant: small-caps;
  letter-spacing: .18em;
  margin: 1em 0em .2em 0em;
  }
h2 span {font-size: 75%;
	font-variant: normal;
  letter-spacing: normal;
}
/* for an h2 on the calendar page with no calendar following */
h2.nocal {color: #ccccdd;}

.sidebar {float: left;
	clear: left;
	background: #eeeeff;
  border: 1px solid #559955;
  width: 23%;
  padding: .5em;
  margin: .5em 2em 1em 0;
  font-size: 90%;
}

.important {float: right;
	text-align: center;
	background: #eeeeff;
  border: 1px solid #ff9933;
  width: 26%;
  padding: .2em;
  margin: .5em;
  font-size: 90%;
	}
.important h2 {color: #ff9933;
	margin: .2em;}
.important ul, .important ul li {text-align: left;}

h3 span {font-size: 75%;}
h3 {color: #dd8800; margin-top: 1.4em; margin-bottom: .3em;}
h2+h3 {margin-top: .1em;}
h2+p {margin-top: .1em;}
h3+p {margin-top: .1em;}
.sidebar h3 {margin-top: .3em;}
.sidebar ul li {margin-left: -1em;}

h4 {}
h2 img, p img {float: left;
	margin: 1em;
  margin-top: 0;}
  
p.imgstack {clear: left;}
p.imgstack img {float: left;
	clear: left;
  margin-right: 3em;
  margin-bottom: 1em;
}

p.justify {text-align: justify;
	width: 25em;
  margin-left: 2em;
  line-height: 1.5em;
  }
.readmore {font-variant: small-caps;
	font-size: 90%;
  }
  
ul.plain li {list-style-type: none;
}

span.new, span.new a {color: blue;
	font-weight: bold;
}

table.visiblecells {width: 65%;
	}
table.visiblecells td {border: 1px solid black;
	border-spacing: 0px;
	padding: .2em;
/*  margin: 0px;*/
  }
  
/*************************************************/
/**	CALENDAR STYLES															**/
/*************************************************/
table.calendar {font-size: 80%;
}
td,th {background: white;
	width: 15%;
  margin: 0px;  padding: 3px;
  border: 1px solid #707077; /* barely bluish gray */
}
td.sun, th.sun {width: 10%;
}
td {vertical-align: top;
}
.date {float: right;
 width: 25%;
 background: #ffd205; /* gold */
 border: 1px solid black;
 text-align: center;
}
div.date div.off {color: gray;
	background: #f0f0e8; /* light tan */
}
.what {font-weight: bold; font-size: 110%; line-height: 1.3em;}
.when {font-style: italic;}
.where {font-variant: small-caps; color: #222299; /* blue */}
.who {color: #559955; /* green */}
.more {}
/*************************************************/
/**	end CALENDAR STYLES													**/
/*************************************************/

span.cdd8800 {color: #dd8800;}
span.c559955 {color: #559955;}

#footer {clear: both;
/*	width: 100%;*/
  font-size: 90%;
  text-align: center;
  margin-top: 3em;
  border-top: 2px solid #c0b5cc;
/*  position: relative; top: 150px; left: 0px;*/
}

a:link {color: #559955; /* green */
/*	border: 1px solid black; */
}
a:visited {color: #aaaaaa; /* gray */
	text-decoration: underline;
}
a:hover {color: #555566; /* blue */
	text-decoration: underline;
/*  background: #dddd88; their gold color */
  }
a:active {color: #ffd205; /* gold */
	text-decoration: none;
}

ul li a {font-weight: bold;}