body 	{ font-family:	Verdana, Arial, Helvetica, Sans-Serif; }
tr	{ vertical-align: top; }

/* ----	Top banner, logo, navigation bar ---- */
#banner	{ height: 140px; } 
#logo	{ position:absolute; top: 0; left: 20; }
#navbar	{ position:absolute; top: 104; left: 200; }

#nav {
	margin: 	0;
	padding:	2px 10px 6px 10px;
	/* border-bottom:	1px solid #696;	*/
	/* border-left:	1px solid #696;	*/
	background-color: antiquewhite;
	}
#nav li {
	margin:		0;
	padding:	0;
	display:	inline;
	list-style-type: none;
	font-size:	8pt;
	}
#nav a	{
	line-height:	14px;
	/* font-weight:	bold; */
	margin:		0 2px 4px 2px;
	padding:	0.2em 0.5em;
	text-decoration: none;
	/* color:		#063;*/ 	/* dark green */
	color:		midnightblue;
	}
body#home 		a#nav_home,
body#services 		a#nav_services,
body#programs 		a#nav_programs,
body#photos		a#nav_photos,
body#instructors 	a#nav_instructors,
body#registration	a#nav_registration,
body#volunteering	a#nav_volunteering,
body#contact		a#nav_contact,
body#links		a#nav_links {
	padding-bottom:	2px;
	color:		white;
	background-color: #936;
	border-bottom:	4px solid #936;
	padding-bottom:	2px;
	}

#nav a:hover {
	padding-bottom:	2px;
	color:		white;
	background-color: #936;
	}

/* ---- Left sidebar ---- */
    #sidebar	{
  		width: 180px; 
  		border: thin solid #936; 
		position: absolute;
		top: 140;
		left: 10;
		background: antiquewhite;
		}
    .sidebarA	{
  		background: #936;
		color: white;
		padding: 0.3em;
  		font-size: 9pt;
		}
    #sidebar p, #sidebar li 	{
  		font-size: 8pt;
		padding: 0 1em 0 1em;
  		}

/* ---- Main content area ---- */
    #main	{ 
    		position:absolute; top: 140; left: 200; 
    		border: thin dotted blue; 
		margin-right: 5%; 
		background-color: seashell;
		}
    #main h1 {
    		font-weight: bold;
		background: lightgrey;
		color: midnightblue;
		padding: .5em 1em;
		margin: 0;
		font-size: 14pt;
    		}
    #maintable 	{
    		border-collapse: collapse;
    		}
    #maintable td {
    		padding: 6px;
		border: thin dotted midnightblue;
    		}
    #maintable  p, #maintable li {
    		font-size: 9pt;
		margin-top: 0;
		}
    #main h2  {
    		background: midnightblue;
		color: white;
		padding: .3em 1em;
		font-weight: bold;
		font-size: 10pt;
    		}
    #main h3	{
		font-size: 	9pt;
		color: 		midnightblue;
		background-color:	silver;
		margin-bottom: 	0;
		padding:	0.3em 1em;
    		}

/* ---- Other stuff -- need to review and trim ---- */
.remark	{
	font-style:	italic;
	color:		midnightblue;
	}
.topic	{
	margin-top:	.5em;
	padding:	.5em 0;
	margin-bottom:	.5em;
	width:		90%;
	border-top:	4px solid midnightblue;
	}
.topic span {
	padding:	.5em 1em;
	background-color: midnightblue;
	color:		lightgrey;
	font-weight:	bold;
	}
.subtopic {
	padding-left:	.67em;
	padding-top:	.5em;
	font-weight:	bold;
	color:		midnightblue;
	font-style:	italic;
	}
.detail	{
	margin-top:	0;
	margin-left:	10em;
	margin-right:	20%;
	}
tr	{
	vertical-align:	top;
	}
.TopicTable {
	width:		90%;
	}
.left	{
	padding:	.5em 1em 1em 0;
	font-size:	10pt;
	font-weight:	bold;
	color:		midnightblue;
	font-style:	italic;
	}
.right	{
	padding:	.5em 1em 1em 0;
	border-top:	thin solid midnightblue;
	font-size:	10pt;
	}
#FormIconTable {
	width:		100%;
	}
#FormIconTable tr {
	}
#FormIconTable td {
	text-align:	center;
	font-size:	9pt;
	padding:	1em;
	}

table.TableA {
	width:		90%;
	font-size:	10pt;
	padding:	.5em;
	border-spacing:	1em;
	}
table.TableA th {
	width:		22%;
	background-color:	midnightblue;
	color:		lightgrey;
	padding:	.5em;
	}
Table.PhotoTable {
	/* cellspacing: 5px; */
	}
Table.PhotoTable td {
	padding:	.5em;
	text-align:	center;
	font-size:	9pt;
	background-color: lightgrey;
	}
.photo {
	display:	inline-block;
	padding:	.5em;
	text-align:	center;
	font-size:	9pt;
	background-color: lightgrey;
	}
.grayout	{ color:	#AAA; }

table#schedule { 
	border-collapse:	collapse;
	}
table#schedule th.day { 
	background-color:	silver;
	color:			midnightblue;
	padding:		0.5em 1em;
	}
table#schedule tr.session th { 
	background-color:	lightgrey;
	color:			midnightblue;
	border-top:		2px solid midnightblue;
	padding:		0.2em 1em;
	}
table#schedule th, 
table#schedule td { 
	font-size:		9pt;
	text-align:		center;
	}
table#schedule td.month { 
	background-color:	silver;
	color:			midnightblue;
	font-weight:		bold;
	}
table#schedule td.date { 
	padding:		0 ;
	}
table#schedule td.gray { 
	background-color:	lightgrey;
	border:			thin solid lightgrey;
	}
table#schedule div.month { 
	position:		absolute;
	float:			left;
	padding:		0 .2em;
	color:			midnightblue;
	font-weight:		bold;
	}
table#schedule td.Amonth {
	background-color:	lightblue;
	}
table#schedule td.Bmonth {
	background-color:	antiquewhite;
	}
	
.hi { 	color:			midnightblue; 
	font-weight:		bold;
	}