/*
** 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	#bb7777 (bg)	#ffdddd	#ffffff	#ffffff	#bb7777
**		#000000 (font)	#000000	#000000	#000000	#000000
**		#ffffff (link)	#bb7777	#bb7777	#bb7777	#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.
*/

body {
	margin:					0;
	font-family:				Verdana, sans-serif;
	font-size:				12pt;
	background-color:			#009900;
	background-image:	whirling1.jpg;
	background-repeat: no-repeat;
}

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:					#009900;
}

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

/*
** Masthead definition
*/

td.masthead {
	text-align:				left;
	background-color:			#009900;
	color:					#000000;
}

td.mastheadlogo {
	text-align:				left;
	background-color:			#009900;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
** 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:			#ccffcc;
}

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

td.menu p.menu a:link {
	color:					#009900;
	font-style:				italic;
}

td.menu p.menu a:active {
	color:					#009900;
	font-style:				italic;
}

td.menu p.menu a:visited {
	color:					#009900;
	font-style:				italic;
}

/*
** 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:				#009900;
	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;
}

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

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:				#009900;
	border-width:				thin;
}

td.mailing a:link {
	color:					#009900;
	font-style:				italic;
}

td.mailing a:active {
	color:					#009900;
	font-style:				italic;
}

td.mailing a:visited {
	color:					#009900;
	font-style:				italic;
}

div.mailing {
	margin:					5px 5px 5px 5px;
	padding:				5px 5px 5px 5px;
	border:					solid;
	border-width:				thin;
	text-align:				left;
	border-color:				#009900;
	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:				#009900;
	background-color:			#ffffff;
}

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

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

td.main p {
	font-size:				1em;
	background-color:			transparent;
/*	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:			transparent;
}

td.main a:link {
	color:					#009900;
	font-style:				italic;
}

td.main a:active {
	color:					#009900;
	font-style:				italic;
}

td.main a:visited {
	color:					#009900;
	font-style:				italic;
}

/*
** 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 {
	background-color:			#009900;
	color:					#000000;
	font-style:				italic;
}

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

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

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

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

/*
** content-specific styles
*/

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%;
}

div.center {
	text-align:		center;
}

p.comment {
	margin:			2em;
	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;
}