/*
** LAYOUT AREAS
**
**	+-------------------------------------------------------+
**	|			masthead			|
**	+---------------+---------------------------------------+
**	|		|					|
**	| +-----------+	|					|
**	| |  submenu  |	|					|
**	| +-----------+	|	main				|
**	|		|					|
**	|     menu	|					|
**	|		|					|
**	|		|					|
**	+---------------+---------------------------------------+
**	|			footer				|
**	+-------------------------------------------------------+
**
** Each of the labeled area is defined as a class.
**
** COLOR GUIDES
**
**	Season	Masthead	Menu	Submenu	Main	Footer
**	======	========	====	=======	====	======
**	Winter	#0000ff (bg)	#99ccff #ffffff	#ffffff	#0000ff
**		#bbbbbb (font)	#000000 #000000	#000000	#bbbbbb
**		#ffffff (link)	#0000ff #0000ff	#0000ff	#ffffff
**
**	Spring	#009900 (bg)	#ccffcc	#ffffff	#ffffff	#009900
**		#000000 (font)	#000000	#000000	#000000	#000000
**		#ffffff (link)	#009900	#009900	#009900	#ffffff
**
**	Summer	#bb3333 (bg)	#ffdddd	#ffffff	#ffffff	#bb3333
**		#000000 (font)	#000000	#000000	#000000	#000000
**		#ffffff (link)	#bb3333	#bb3333	#bb3333	#ffffff
**
**	Fall	#cc9933	(bg)	#ffff00	#ffffff	#ffffff	#cc9933
**		#000000 (font)	#000000	#000000	#000000	#000000
**		#ffffff (link)	#cc9933	#cc9933	#cc9933	#ffffff
*/

/*
** Overall document baselines.  Later style definitions alter
**  these base styles--at least in theory, assuming true CSS1/CSS2
**  support.
*/

@import 'google-searchbox.css';

body {
	margin:					0;
	font-family:				Verdana, sans-serif;
	font-size:				12pt;
	background-color:			#c24f4f;
}

h1 {
	font-family:				Verdana, sans-serif;
	font-size:				1.5em;
	padding-left:				5px;
}

h2 {
	font-family:				Verdana, sans-serif;
	font-size:				1.2em;
	padding-left:				5px;
}

h3 {
	font-family:				Verdana, sans-serif;
	font-size:				1em;
	padding-left:				5px;
}

a {
	text-decoration:			underline;
	font-style:				italic;
	color:					#aa1111;
}

a:hover {
    text-decoration: none;
}

p {
	font-family:				Verdana, sans-serif;
	padding-left:				15px;
	padding-right:				15px;
}

/*
** Masthead definition
*/

td.masthead {
	text-align:				left;
}

td.mastheadlogo {
	text-align:				left;
}

td.masthead a {
	color:					#ffffff;
	font-style:				italic;
}

td.masthead a img.logo {
	float:					left;
	margin:					10px 10px 10px 10px;
}

/*
** Menu definitions
**
** Lighter color than Masthead/footer
** Smaller type
*/

p.menu {
	margin:					0px 0px 0px 1em;
	text-indent:				-1em;
}

td.menu {
	width:					20%;
	text-align:				left;
	background-color:			#ffdddd;
}

td.menu p.menu {
	font-size:				0.8em;
	margin:					0px 0px 0px 1em;
	text-indent:				-1em;
}

/*
** Submenu definitions
**
** White background and dark small type
** Stands out on top of Menu
*/

table.submenu {
	margin:					0em 0em 0em 1em;
	padding:				0em 0em 0em 1em; 
}

table.submenu tr {
	margin:					0em 0em 0em 0em;
}

table.submenu tr td {
	margin:					0em 0em 0em 0em;
	border-width:				thin;
	border-color:				#bb3333;
	background-color:			#ffffff;
}

table.submenu tr td p.submenu {
	margin:					0em 1em 0em 1em;
	font-size:				0.8em;
	text-align:				left;
	text-indent:				-1em;
}

p.submenu {
	background-color:			#ffffff;
	margin:					0em 2em 0em 2em;
	font-size:				0.8em;
	text-align:				left;
	text-indent:				-1em;
}

/*
** Mailing list box definintions
** White background and dark small type
** Stands out on top of menu
*/

p.mailing {
	margin:					0px 0px 0px 0px;
	padding:				0px 1em 0px 1em;
	font-size:				0.8em;
}

td.mailing {
	width:					25%;
	text-align:				left;
	background-color:			#ffdddd;
}

td.mailing p.mailing {
	margin:					5px 5px 5px 5px;
	padding:				5px 5px 5px 5px;
	font-size:				0.8em;
	background-color:			#ffffff;
	border:					solid;
	border-color:				#bb3333;
	border-width:				thin;
}

div.mailing {
	margin:					5px 5px 5px 5px;
	padding:				5px 5px 5px 5px;
	border:					solid;
	border-width:				thin;
	text-align:				left;
	border-color:				#bb3333;
	background-color:			#ffffff;
}

div.mailing p {
	margin:					5px 5px 5px 5px;
	padding:				5px 5px 5px 5px;
	font-size:				0.8em;
	text-align:				left;
	border-color:				#bb3333;
	background-color:			#ffffff;
}

/*
** Main definition
**
** White background, black easily-legible type
*/

td.main {
	font-size:				1em;
	background-color:			#ffffff;
}

td.main p {
	font-size:				1em;
	background-color:			#ffffff;
/*	text-align:				justify; */
}

td.main p.listing {
	margin:					1em 2em 1em 2em;
	text-indent:				-2em;
}

td.main ul {
	font-family:				Verdana, sans-serif;
	font-size:				1em;
	background-color:			#ffffff;
}

/*
** Footer definitions
**
** Similar to Masthead definitions,
**  except type much smaller
*/

td.footer {
	text-align:				left;
	font-size:				0.8em;
	font-family:				Verdana, sans-serif;
}

td.footer {
	font-style:				italic;
}

td.footer a {
	color:					#ffffff;
	font-style:				italic;
}

/*
** content-specific style
*/

blockquote {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

p.dance {
	margin:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		12pt;
	color:			#000000;
	text-align:		left;
}

p.location {
	margin:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		0.8em;
	text-align:		left;
}

h1.dance {
	font-size:		1.5em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:			#993300;
	text-align:		center;
}

h2.dance {
	font-size:		1.2em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

h3.dance {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

b.date {
	color:			#993300;
}

table.main {
	text-align:		center;
}

table.main td.top {
	height:			26px;
}

table.main td.bottom {
	height:			33px;
}

table.main td.bodyleft {
	width:			73%;
}

table.main td.bodyright {
	width:			25%;
}

table.main td.bodyright button {
        padding-top:            2px;
        width:                  200px;
}

div.center {
	text-align:		center;
}

p.comment {
/*  1mar08 edb
	margin:			2em;
*/
	margin:			0 1em 3em 1em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		0.8em;
	text-align:		left;
	color:			#993300;
}

form.search {
	text-align:		right;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

/* the new date links on each entry, they're just there for google to crawl,
 * so take off the italics we added, and take off the standard underline for links  */
p.dance b.date a { 
	text-decoration:           none;
}
p.dance b.date a:link {
	font-style:                normal;
}

/*
** NHC -- div.tonight styles tonight's listing by wrapping the block in a
**        border
*/
div.tonight {
	border:					solid;
	border-color:				#bb3333;
	border-width:				3px;
}

/*
** NHC -- use CSS to style the tables in the right-hand side of the main
**        page
*/
td.yellow {
	background:				#ffff00;
}

p#noshow {
	display:	none;
}

.noshow {
	display:	none;
}


/* this is for covidStatus.html */
#covid-status-announcement {
    /* these are from main.p in base.css */
    /* but we're using a div here, not a p */
    padding-left: 15px;
    padding-right: 15px;
}
#covid-current {
    border-radius: 30px;
    color: white;
    padding: 2px 4px 2px 4px;
    margin: 2px;
}

.series-display-text {
    margin: 10px;
}

.special-event-name {
    font-size: 120%;
    font-weight: bolder;
    font-style: italic;
    font-variant: small-caps;
    font: italic small-caps bold;
}

.canceled-event {
    text-decoration: line-through;
    color: purple;
    font-style: italic;
}