/* 

Regarding "IE5 hack" and "Be nice to Opera", see:
  http://bluerobot.com/web/layouts/view_css.asp?layout=layout1
  http://glish.com/css/hacks.asp
  http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/

/*


    HTML tag defaults.
*/

body {
	margin: 10px;
	padding: 0;
	background: #f5e7b4;
	color: #000000;
}

h1, h2, h3, h4, h5, h6, caption, input.submit, .lookLike_h3, .lookLike_h4 {
	font-family: verdana,arial,sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, .lookLike_h3, .lookLike_h4  {
	margin-bottom: .25em;
}

h1 {
	/* Begin IE Win hack (font sizes are too big) */
	font-size: large;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: x-large;
}

/* Be nice to Opera */
#masthead>h1, #menu>h1, #navbar>h1, #content>h1, #sidebar>h1, #revised>h1, #copyright>h1 { font-size: x-large; }

h2 {
	/* Begin IE Win hack (font sizes are too big) */
	font-size: medium;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: large;
}

/* Be nice to Opera */
#masthead>h2, #menu>h2, #navbar>h2, #content>h2, #sidebar>h2, #revised>h2, #copyright>h2 { font-size: large; }

h3, h4, h5, h6, .lookLike_h3, .lookLike_h4  {
	/* Begin IE Win hack (font sizes are too big) */
	font-size: small;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: medium;
}

/* Begin be nice to Opera */
#masthead>h3, #menu>h3, #navbar>h3, #content>h3, #content>.lookLike_h3, #sidebar>h3, #revised>h3, #copyright>h3 { font-size: medium; }
#masthead>h4, #menu>h4, #navbar>h4, #content>h4, #sidebar>h4, #revised>h4, #copyright>h4 { font-size: medium; }
#masthead>h5, #menu>h5, #navbar>h5, #content>h5, #sidebar>h5, #revised>h5, #copyright>h5 { font-size: medium; }
#masthead>h6, #menu>h6, #navbar>h6, #content>h6, #sidebar>h6, #revised>h6, #copyright>h6 { font-size: medium; }

/* End be nice to Opera */

h1, h2, h3, .lookLike_h3, h4, h5, h6, caption, ul, li, dl, dt, dd, p, a, code, pre, .lookLike_preSmaller, input { text-align: left; }
.lookLike_preSmaller {font-size: smaller;}
dl.indent { margin: 1em 0em 1em 3em; }
dt { margin: 1em 0em 0em 0em; }
dd { margin: .2em 2em .5em 2em; }
blockquote { margin: 0em 2em 0em 2em; }
blockquote+p { margin: 1em 0em 1em 0em; }
blockquote:before { content: no-open-quote; }
blockquote:after { content: no-open-quote; }

dd, dt, ul, li, p, table, td, tr {
	font-family: Georgia,'New Century Schoolbook', 'times new roman', Times, Serif;
	background: inherit;
}

p {
	margin-top: 0px;
	margin-bottom: 1em;
}

ul, ol {
	margin-left: 1.2em;
	padding-left: 0;
}

ul.indent, ol.indent { margin-left: 3em; }
ul.noStyleType { list-style: none; }

li {
	margin-bottom: .5em;
	text-indent: 0em;
}

li.first { margin-top: 0px; }

input.text, code, pre, .linkText,  .lookLike_preSmaller {
	font-family: monaco, 'Courier New', courier, monospace;
	background: inherit;
	color: #666666;
}

.lookLike_preSmaller  {font-size: smaller;}

.linkText { font-size: smaller;}


input:focus { background-color: yellow; }

input.submit {
	font-family: verdana,arial,sans-serif;
	font-weight: normal;
	background-color: inherit;
}

a {
	text-decoration: none;
	border: none;
	outline: none;
}

a.noEffect:link, a.noEffect:visited, a.noEffect:active, a.noEffect:hover {
	color: inherit;
	background: inherit;
}

a:link, a:visited, a:active {
	color: #36571C;
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:focus {
	color: #ffffff;
	background: #36571C;
	text-decoration: underline;
}

abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

abbr.redundant, acronym.redundant, abbr.noShow, acronym.noShow {
	cursor: auto;
	border-bottom: none;
}

caption {
	caption-side: top;
	width: auto;
}

label {
	display: block;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
}

label.after {
	display: inline;
	font-size: inherit;
}

form dl { margin-left: 1em; }

form dd { margin-left: 0; }

fieldset { 
	margin-bottom: 2em;
	border: 1px solid #999;
}

legend { color: #999; }

.wrapperFieldSet { margin: 0px 1em 1em 1em; }

/*

    Div's
*/

#pageHeader {
	margin: 0px;
	padding: 0px;
	background: inherit;
}

#masthead {
	background-image: url("http://www.glencoehistoricalsociety.org/shared/images/logo.gif");
	background-color: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #36571C;
	white-space: nowrap;
	margin: 0px;
	padding: 5px 5px 0px 184px;
	/* Begin IE5 hack (IE adds padding and margin to height) */
	/* IE5 height is 100px + 5px + 0px = 105px */
	height: 105px;
	voice-family: "\"}\"";
	/* End IE5 hack */
	voice-family: inherit;
	/* Correct height does not include margin or padding */
	height: 100px;
}

/* Be nice to Opera 5 */
#pageHeader>#masthead { height: 100px; }

.mastheadBig {
	font-weight: bold;
	/* Begin IE Win hack (font sizes are too big) */
	font-size: large;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: x-large;
}

.mastheadTiny {
	/* Begin IE Win hack (font sizes are too big) */
	font-size: xx-small;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: x-small;
}

/* 

Horizontal list CSS menus adapted from "A List Apart" articles:

  http://www.alistapart.com/articles/taminglists/
  http://www.alistapart.com/articles/practicalcss/
  http://www.alistapart.com/copyright/
  
  See also:
  http://css.maxdesign.com.au/listamatic/
*/

/*  %%%  horizontal list menus  %%%  */
#menu {
	border-color: #fff7dd;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: verdana,arial,sans-serif;
	font-style: italic;
	color: #36571C;
	font-weight: bold;
	/* Begin IE Win hack (font sizes are too big) */
	font-size: x-small;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: small;
}

/* Be nice to Opera 5 */
#pageHeader>#menu { font-size: small; }

#menu ul {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

#menu li {
	margin: 0px 5px 0px 0px;
	list-style: none;
	background: #fff7dd;
	display: inline;
}

#menu a {
	text-decoration: none;
	padding: 0;
}

#menu a:link, #menu a:visited, #menu a:active {
	color: #36571C;
	background: inherit;
}

#menu a:hover, #menu a:focus {
	color: #fff7dd;
	background: #36571C;
}

#pageBody {
	margin: 0px;
	background: #ffffff;
	padding: 10px;
	border-color: #FFFFFF #fff7dd #fff7dd #fff7dd;
	border-style: none solid solid solid;
	border-width: 1px;
}

/*


Multicolum content CSS adapted from glish.com:

  http://glish.com/css/home.asp

*/

#sidebar {
	width: 40%;
	padding: 0px 8px 10px 8px;
	border-color: #fff7dd;
	border-width: 1px;
	border-style: dotted;
	background-color: #fff7dd;
}

.sidebarRight, .floatRight, .goUpRight {
	float: right;
	margin: 0px 0px 0px 10px;
}

.sidebarLeft, .floatLeft {
	float: left;
	margin: 0px 10px 0px 0px;
}

#sidebar a:hover { color: #f6f8de; }

#navbar {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: verdana,arial,sans-serif;
	color: #36571C;
	/* Begin IE Win hack (width incorrectly includes padding and margin) */
	/* IE5 width is 125px + 5px + 5px = 135px */
	width: 135px;
	/* IE Win font sizes are too big */
	font-size: x-small;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct width does not include margin or padding */
	width: 125px;
	/* Correct font size */
	font-size: small;
}

/* Be nice to Opera 5 */
#pageBody>#navbar {
	width: 125px;
	font-size: small;
}

.navbarRight {
	float: right;
}

.navbarLeft {
	float: left;
}

#navbar li {
	margin: 0px 5px 0px 0px;
	list-style: none;
}

#navbar a {
	text-decoration: none;
	width: auto;
	font-style: italic;
	border-width: 1px;
	border-style: solid;
}

#navbar a:link, #navbar a:visited, #navbar a:active { border-color: #fff; }
#navbar a:hover { border-color: #f6f8de; }

#wrapper {
	border-style: dotted;
	border-color: #ccc;
	height: 100%;
}

.wrapperNavbarLeft {
	border-width: 0px 0px 0px 1px;
	margin: 0px 0px 0px 135px;
	padding: 0px 0px 0px 10px;
}

.wrapperNavbarRight {
	border-width: 0px 1px 0px 0px;
	margin: 0px 135px 0px 0px;
	padding: 0px 10px 0px 0px;
}

#content {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#pageFooter {
	clear: both;
	margin: 10px 0px 0px 0px;
	background: inherit;
}

#copyright, #revised {
	color: #345279;
	text-align: center;
	/* Begin IE Win hack (font sizes are too big) */
	font-size: x-small;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: small;
}

/* Be nice to Opera */
#pageFooter>#revised { font-size: small; }
#pageFooter>#copyright { font-size: small; }
#revised { margin: 0px 0px 0px 0px; }

#cssWarn {
	font-size: small;
	font-weight: bolder;
	color: red;
	border-color: red;
	background: #ffffff;
	margin: 30pt 0pt 0pt 0pt;
	border-style: double;
	padding: 5pt;
	font-style: italic;
}

/*


    Classes
*/

#program .t {
	text-align: right;
	white-space: nowrap;
	margin-right: 10em;
}

#program .d {
	height: 2em;
	font-style: italic;
	border-bottom: 1px #cccccc solid;
}

#program caption {
	/* Begin IE Win hack (font sizes are too big) */
	font-size: medium;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: large;
}

.wsDescription { margin-left: 2em; }

div.wsDescription li {
	margin-top: 0;
	margin-bottom: 0;
}

.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }

.signature {
	font-family: zapfino, 'zapf chancery', author, 'comic sans', 'comic sans ms', 'brush script mt', sans-serif;
	margin-bottom: 0px;
}

.photoLeft, .photoRight {
	color: #666;
	font-family: verdana, arial, sans-serif;
	/* Begin IE Win hack (font sizes are too big) */
	font-size: xx-small;
	voice-family: "\"}\"";
	/* End IE Win hack */
	voice-family: inherit;
	/* Correct font size */
	font-size: x-small;
}

.photoLeft {
	float: left;
	margin-right: 8px;
	text-align: left;
}

.photoRight {
	float: right;
	margin-left: 8px;
	text-align: right;
}

.photoLeft img, .photoRight img {
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

.emphasis, .exhibit, .editorial, .publication, .foreign, .ship, .play, .presentation { font-style: italic; }

.navbarHead {
	font-size: x-small;
	text-align: left;
}

.navbarDetail {
	font-size: xx-small;
	text-align: right;
}

.subHead {
	font-style: italic;
	font-family: verdana, arial, sans-serif;
}

.tableOfContentsIndented { margin: .25em 0px 1em 2em; }
.tableOfContents { margin: .25em 0px 1em 0px; }
dl.tableOfContents>dt, dl.tableOfContentsIndented>dt { margin: 0px; }
dl.tableOfContents>dd, dl.tableOfContentsIndented>dd { margin: 0px 0px .25em 2em; }
.noTopMargin { margin-top: 0px; }
.noBottomMargin { margin-bottom: 0px; }
.formTextBlock { margin: .5em 0 1em 2em; }
.nowrap, .more, .telephone { white-space: nowrap; }

.goUpRight {margin-top: 1em;
	display: block;
	border-style: solid;
	border-width: 1px;
}
.hr {
	margin: 1em auto 2em auto;
	border-top: 1px solid #ccc;
	clear: both;
	width: 80%;
}

.finishOtherDivs {
/*	Used to make sure that div tags above this expand their containers to fit all their content. */
	height: 0;
	clear: both;
}
.url {
	font-family: 
}
.clearLeft, .clearBoth {
	clear: left;
}
.clearRight, .clearBoth {
	clear: right;
}