/* experimental values...

#main_fixedwidth {height:95%; background-color:#fff; border:0px solid #ccc; font-size:18px; width:47em; padding:0 5px; margin: auto;}
#main_variablewidth {height:95%; background-color:#fff; border:0px solid #ccc; padding:5px; margin:5px 10%;}
#main {height:95%; background-color:#fff; border:0px solid #ccc; font-size:18px; width:47em; padding:0 5px; margin: auto;}

// end experimental values
*/

body {font-size: 16px; font-family: tahoma, verdana, serif; text-align:center; }
h2 {font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant: small-caps; text-align:center; color:#999;}
h2#subsection {font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant: small-caps; text-align:left; color:#999;}
h3 {font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; text-align:left; color:#999; margin-bottom:.25em;}
#h3_old {font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant: small-caps; text-align:center; color:#666; font-size:18px; }
#h3 {font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant: small-caps; text-align:center; color:#999; font-weight:bold; font-size:18px; }
#h4 {font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant: small-caps; text-align:center; color:#999; font-weight:bold; font-size:19px; }
#main {height:95%; background-color:#fff; border:0px solid #ccc; font-size: 16px; width:865px;  margin: auto;}
#popup { background-color:#fff; border:2px solid #6b9eff; font-size:16px; padding:10px; margin: auto;}

#content_original {background:url(images/yellow_checker2.gif); background-color:#ffffce; text-align:left; position:relative;}
#content {background-color:#ffffce; text-align:left; position:relative;}
#content2 {background:url(images/yellow_checker2.gif); height:100%; background-color:#ffffce; text-align:left;}

#content3 {background-color:#ffffce; text-align:left; position:relative;}

li { list-style:disc outside;}
ol li { list-style:decimal outside;}

ul#checklist {
	list-style:none;
	margin: 0;
	padding: 0;
}

li#checkitem {
	list-style-image: url(images/check.gif);
	margin-left:20px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: auto;
	width:44em;
	list-style: none;
	line-height: 1;
	text-align:center;	
}
#nav a {
	display: block;
/*	text-align:center;	*/
	padding:2px;
	color:black;
}
#nav li:hover, #nav li.hover {
	/* to fix a sticky menu problem in IE7 */
    position: static;
}
#nav li a:link, #nav li a:visited, #nav li a:active {text-decoration:none;}
#nav li a:hover {text-decoration:none; color:black; background-color:#ddd;}
#nav li a#mainitemlink:link, #nav li a#mainitemlink:visited, #nav li a#mainitemlink:active {text-decoration:none; background-color:#ddd;}
#nav li a#mainitemlink:hover {text-decoration:none; color:#999; font-weight:bold; background-color:#ddd;}

#nav li { /* all list items */
	z-index: 5;
	font-size:12px; line-height:20px; font-family: Bookman Old Style, Times New Roman, Times; text-align:center; 
	text-align:left;
	float: left;
	width: 18em; /* width needed or else Opera goes nuts */
	border: solid black;	
	border-width: 0 1px 1px 1px;
	padding:0px -2px;
	list-style: none;
}

#nav li#narrowtopitem, li#narrowsubitem {
	width: 12em;
}

#nav li #cell {
	border: solid black;
	border-width: 1px;
	margin:1px;
	font-variant:normal;
}
#nav li ul { /* second-level lists */
	z-index:5;
	position: absolute;
	background:white;
	font-size: 12px;
	width: 18em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:-1px;
	font-variant:normal;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -27px 0 0 18em;
}
#nav li ul ul#left { /* third-and-above-level lists */
	margin: -27px 0 0 -18em;
}

#nav li ul#narrow { /* second-level lists */
	width:12em;
}
#nav li ul#narrow ul { /* third-and-above-level lists */
	margin: -27px 0 0 12em;
}

li#topitem, li#narrowtopitem  {
	border-top:1px solid black; 
	text-align:left;	
}

#nav li#maintopitem  {
	border:0;	
	background-color:#ddd;
	text-align:left;
	font-size:18px;
	font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif;
	font-variant:small-caps;
}

li#maintopitem, li#subitem, li#topitem, li#narrowsubitem, li#narrowtopitem {
	font-weight:normal;
	color:black;
}

/* this one doesn't seem to be working for IE 6.0...  */

li#maintopitem:hover a#mainitemlink, li#maintopitem:sfhover a#mainitemlink{
	color:#999;
	text-decoration:none;
	font-weight:bold;
	background-color:#ddd;
}


li#subitem:hover, li#topitem:hover, li#narrowsubitem:hover, li#narrowtopitem:hover, li#subitem:sfhover, li#topitem:sfhover, li#narrowsubitem:sfhover, li#narrowtopitem:sfhover {
	background-color:#ddd;
	font-weight:normal;
	color:#999;
}

li#subitem:hover a, li#topitem:hover a, li#narrowsubitem a, li#narrowtopitem a, li#subitem:sfhover a, li#topitem:sfhover a, li#narrowsubitem:sfhover a, li#narrowtopitem:sfhover a {
	color:black;
	text-decoration:none;
}

li#subitem:hover a:hover, li#topitem:hover a:hover, li#narrowsubitem a:hover, li#narrowtopitem a:hover, li#subitem:sfhover a:hover, li#topitem:sfhover a:hover, li#narrowsubitem:sfhover a:hover, li#narrowtopitem:sfhover a:hover {
	color:#999;
	background-color:#ddd;
	text-decoration:none;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}


/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*
#nav li>ul { 
	top: auto;
	left: auto;
}
*/
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	color:#000;
}
#checkers_top {position:relative; background:url(images/blue_checker.gif) repeat; height:7px; font-size:7px; z-index:1;}
#checkers_middle {position:relative; z-index:2; padding-bottom: 3px;}
#checkers_bottom {position:relative; background:url(images/blue_checker.gif) repeat; height:7px; font-size:7px;}
#footer {
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	font-family: "Kristen ITC", "Comic Sans MS", cursive;
}

#footer2 { text-align:center; color:gray; font-size:10px; font-family:tahoma, verdana, serif;}
#tagline {color:white; font: 20px bold; font-family:"Kristen ITC", "Comic Sans MS", cursive;}
h2#tagline1 {color:#6b9eff;}
#tagline2 {color:white; font: 18px bold; font-family: Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant:small-caps;}
#tagline3 {font-size: 20px; }
#clear {font-size: 1px; height: 1px;}
a:link, a:visited, a:active {color: #6b9eff; text-decoration:none;}
a:hover {color: #6b9eff; text-decoration:underline;}
a.emaillink:link, a.emaillink:visited, a.emaillink:active {color: gray; text-decoration:none;}
a.emaillink:hover {color: #bbb; text-decoration:none;}
#footer a:link, #footer a:visited, #footer a:active {color: gray; text-decoration:none;}
#footer a:hover {color: #bbb; text-decoration:none;}
#link1 a:link, #link1 a:visited, #link1 a:active {color: gray; text-decoration:none;}
#link1 a:hover {color: #bbb; text-decoration:none;}
#link2 a:link, #link2 a:visited, #link2 a:active {color: gray; text-decoration:none;}
#link2 a:hover {color: #bbb; text-decoration:none;}
#link3 a:link, #link3 a:visited, #link3 a:active {color: gray; text-decoration:none;}
#link3 a:hover {color: #bbb; text-decoration:none;}
#link4 a:link, #link4 a:visited, #link4 a:active {color: gray; text-decoration:none;}
#link4 a:hover {color: #bbb; text-decoration:none;}
#link5 a:link, #link5 a:visited, #link5 a:active {color: gray; text-decoration:none;}
#link5 a:hover {color: #bbb; text-decoration:none;}
#boxlink a:link, #boxlink a:visited, #boxlink a:active {color: gray; text-decoration:none;}
#boxlink a:hover {color: #bbb; text-decoration:none;}
#container {background-color:#6b9eff; width:95%; margin:auto;}
b.rtop, b.rbottom{display:block;background: #FFF;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #6b9eff;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop_gray b.r4, b.rbottom_gray b.r4{margin: 0 1px;height: 2px;}
b.rtop_gray, b.rbottom_gray {display:block;background: #FFF;}
b.rtop_gray b, b.rbottom_gray b{display:block;height: 1px;
    overflow: hidden; background: #ddd;}
b.r1_gray{margin: 0 5px;}
b.r2_gray{margin: 0 3px;}
b.r3_gray{margin: 0 2px;}
b.rtop_gray b.r4_gray, b.rbottom_gray b.r4_gray {margin: 0 1px;height: 2px;}
.ll_white_sidebar {background: url(images/white_bottom.gif) 0 100% no-repeat;}
.ul_white_sidebar {background: url(images/white_top.gif) 0 0 no-repeat;}
.ul_white_sidebar_midbottom {background: url(images/white_midbottom.gif) 0 0 no-repeat;}
.ll {background: url(images/corner_ll.gif) 0 100% no-repeat;}
.lr {background: url(images/corner_lr.gif) 100% 100% no-repeat;}
.ul {background: url(images/corner_ul.gif) 0 0 no-repeat;}
.ur {background: url(images/corner_ur.gif) 100% 0 no-repeat; padding:30px;} 
.ll_gray {background: url(images/corner_gray_ll.gif) 0 100% no-repeat;}
.lr_gray {background: url(images/corner_gray_lr.gif) 100% 100% no-repeat;}
.ul_gray {background: url(images/corner_gray_ul.gif) 0 0 no-repeat;}
.ur_gray {background: url(images/corner_gray_ur.gif) 100% 0 no-repeat; padding:5px;} 
.t_gray {background: url(images/dot.gif) 0 0 repeat-x #ddd;}
.ur_top {background: url(images/corner_ur.gif) 100% 0 no-repeat; padding:30px 30px 0 30px;} 
.ll_yel {background: url(images/corner_yellow_ll.gif) 0 100% no-repeat;}
.lr_yel {background: url(images/corner_yellow_lr.gif) 100% 100% no-repeat;}
.ul_yel {background: url(images/corner_yellow_ul.gif) 0 0 no-repeat;}
.ur_yel {background: url(images/corner_yellow_ur.gif) 100% 0 no-repeat; padding:30px; background:#ffff94;} 
.t {background: url(images/dot.gif) 0 0 repeat-x;}
.b {background: url(images/dot.gif) 0 100% repeat-x; overflow:visible;}
.l_white_sidebar {background: url(images/white_middle.gif) 0 0 repeat-y;}
.l_office_sidebar {background: url(images/meeting_house_bg4.jpg) 0 0 no-repeat;}
.l {background: url(images/dot.gif) 0 100% repeat-y;}
.r {background: url(images/dot.gif) 100% 0 repeat-y;} 
.t_yel {background: url(images/dot.gif) 0 0 repeat-x; padding:0 -30px;}
.b_yel {background: url(images/dot.gif) 0 100% repeat-x; overflow:visible; height:100%;}
.l_yel {background: url(images/dot.gif) 0 0 repeat-y;}
.r_yel {background: url(images/dot.gif) 100% 0 repeat-y;} 
#sidebar {position:relative; top:-30px; left:-30px; margin:0 0 -30px 0;}
#boxlink {background:#ffff66; width:204px; font-size:12px; font-family: "Kristen ITC", "Comic Sans MS", cursive; text-align:center; padding:5px; 		margin:10px 0; border-top:1px solid gray; border-bottom:1px solid gray;}
#link1 {font-size:16px; font-family: "Kristen ITC", "Comic Sans MS", cursive; text-align:center; }
#link2 {font-size:16px; font-family: "Kristen ITC", "Comic Sans MS", cursive; text-align:center; }
#link3 {font-size:16px; font-family: "Kristen ITC", "Comic Sans MS", cursive; text-align:center; }
#link4 {font-size:16px; font-family: "Kristen ITC", "Comic Sans MS", cursive; text-align:center; }
#link5 {font-size:16px; font-family: "Kristen ITC", "Comic Sans MS", cursive; text-align:center; }
#link1a {background:50% 0 no-repeat; text-align:center;}
#link2a {background:50% 0 no-repeat; text-align:center;}
#link3a {background:50% 0 no-repeat; text-align:center;}
#link4a {background:50% 0 no-repeat; text-align:center;}
#link5a {background:50% 0 no-repeat; text-align:center;}
.note {font-size:14px; color:gray; font-style:italic;}
.quote {font-size:15px; color:black; font-style:italic;}
.title (font-size:20px; color:blue; font-weight:bold;}
#blue_button {font-class:Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif; font-variant: small-caps; background:#6b9eff; color:white; font-size:16px; font-weight:bold; }

#slideshow {
	z-index:-5;
	position: absolute;
	left:0; top:0;
}
#slideshow_curtain {
	z-index:10;
	position: absolute;
	top:0;
}