html { margin:0; padding:0 }
body {
	margin:0;
	padding:0;
	background-color: #fff;
	font-size: 90%;
	font-size: 12px;
	background: #fff url("/oh/backdrop-wider.gif") top left repeat-y;
	font-family: 'bitstream vera sans', verdana, helvetica, sans-serif;
}
* html body { /* this uses the gradient only for IE, as it doesn't recognize max-width */
	background: #fff url("/oh/gradient.gif") top left repeat-y; }
p a, li a { font-weight:500 }
a:link { color: rgb(0,72,127); }
a:visited { color: rgb(88,100,127) }
a:hover { color: rgb(127,65,0); background-color: rgb(249,246,241); }
a:focus { color: rgb(127,65,0); background-color: rgb(249,246,241); }
a:active { color: rgb(195,68,7); }

a img { border: 0 none }

#logo {
	position: absolute;
	top: 35px;
	left: 30px;
	line-height:normal;
	width: 164px; /* needed only for IE5 Mac, otherwise it extends the box all the way to the right */
	background-color: transparent;
	background-image:none;
}
#logo img { display:inline }
#logo * { padding:0; margin:0; }
#logo a { display:block; }

#leftband {
	width: 175px;
	margin: 0 0 0 25px;
	padding: 200px 0 0 0;
	float: left;
	background: transparent url("/oh/gradient-break.gif") 0 20px no-repeat;
	display:inline;
}
#leftband a { text-decoration:none; font-weight:700 }
#leftband a:hover { color: rgb(0,72,127); }
#leftband a:focus { color: rgb(0,72,127); }
#leftband ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 30px 0;
	background: transparent url("/oh/gradient-break.gif") bottom left no-repeat;
}
#leftband ul li {
	margin: .5em 5px 0 5px;
	padding: 0;
	border-bottom: 1px rgb(194,201,217) solid;
}
#leftband ul li a { padding-left: 18px; display: block; background: transparent url("/oh/bullets.gif") 1px 2px no-repeat; }
#leftband ul li a:hover { background-position: 1px -98px; }
#leftband .here {
	background-position: 1px -48px;
}
#content {
	margin: 0 20px 0 220px;
	padding: 0 15px 18px 0;
	max-width: 600px;
	min-width: 400px;
	color: rgb(88,100,127);
	line-height: 1.5em;
	background-color: #fff;
}
#content h1, #content h2, #content ul, #content ol { margin-top:0; }
#content h3 { color:rgb(21,70,107); }
#content h4 { margin-bottom:0; color:rgb(21,70,107); }
#content h4+p { margin-top:0 }
#content ul, #content ol { padding:0; margin-left: 2em }
#content h3:target, #content h4:target, #content h5:target { color:rgb(200,68,7) }

* html p { margin-top:0 }

#banner {
	height: 200px;
	background: #fff none center left no-repeat;
}
#copyr {
	clear:both;
	margin: 10px 20px 0 35px;
	max-width: 700px;
	padding: 0;
	font-size: .95em;
	color: rgb(88,100,127);
	background: transparent url("/oh/30.gif") center right no-repeat;
}

/* for home page announcements */
#special {
	width: 200px;
	float: right;
	margin-left: 15px;
	padding: 10px; padding-top:0;
	border-left: 1px #ccc solid;
	color: rgb(61,69,88);
	background-color: rgb(240,235,235);
	font-size: .9em;
	line-height: 1.3em;
}
* html #special { padding-top:10px !important; }
#special h3 {
	font-size: 1.6em;
	font-size: 1em;
	font-weight:normal;
	font-weight:bold;
	font-family: garamond, georgia, serif;
	font-family:inherit;
	border-bottom: 1px rgb(0,72,127) dotted;
	border-bottom: 0 none;
}

/* for inside pages */
#content p.firstchild { color:rgb(21,70,107); }
#content p.date { text-align:right; margin:0; font-size:.90em; }
#content p.date:before { content: "["; }
#content p.date:after { content:"]"; }
#content p.also, #content div.also {
	padding-top: 10px;
	background: transparent url("/oh/dotted-line.gif") top left no-repeat;
	font-size: .95em;
}
#content ul.also, #content ol.also {
	padding-top: 10px;
	background: transparent url("/oh/dotted-line.gif") top left no-repeat;
	font-size: .95em;
}
#pix {
	font-size: 0.9em;
	width: 200px;
	float: right;
	margin-left: 15px;
	padding-left: 4px;
	border-left: 1px #ccc solid;
	text-align:center;
	color: rgb(61,69,88);
	line-height:1.3em;
}
#pix p { margin-top:0; }
#pix img {
	margin-bottom:.5em;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
}
#pix a img {
	padding:0;
	border: 0 none;
	border-top:4px solid #e7e2c7;
	border-bottom:4px solid #ddd6b0;
}
#pix a:hover img {
	border-top:4px solid rgb(88,100,127);
	border-bottom:4px solid rgb(88,100,127);
}
#pix h4 {
	text-transform:uppercase;
	font-size:.8em;
	letter-spacing: .4em;
	color: rgb(131,149,191);
	font-weight:normal;
}
.nocss { display:none }

/* for when internal nav links are needed */
/* remember to make no CRs between <li>s */
.intnav {
	list-style-type:none;
	margin:1.5em 0 !important; padding: 0;
}
.intnav li {
	padding: 1px .5em; margin: 0 !important;
	margin-right: 2px !important;
	line-height: 2.5em;
	display: inline;
	border-color: rgb(225,220,213);
	border-width: 1px .4em;
	border-style: solid;
}
/* hide the next rule from ie5 mac \*/
.intnav li a { white-space:nowrap; }

/* end of hide */
.intnav li.here { color:rgb(195,68,7); }
.intnav li.here a { color:rgb(195,68,7); }

/* format for event programs, a.k.a. agendas */
#agenda { font-size:.9em }
#agenda h5 {
	margin: 1em 0 0 0; padding:0;
	font-size: 1em;
	width: 12em;
	border-bottom: 1px rgb(225,220,213) solid;
}
#agenda p {
	margin-left: 2em;
	padding-left: 8px;
	border-left: 1px rgb(225,220,213) solid;
	margin-top:0;
	padding-top: 1em;
	margin-bottom:0;
}
#agenda ul {
	margin-left: 2em;
	border-left: 1px rgb(225,220,213) solid;
	padding-left: 8px;
}
#agenda li { margin-left: 1em; }