*						{ margin:0; padding:0; }
body 					{ margin:0; font:normal 1em/125% Verdana,Arial,Helvetica,sans-serif; background:#007cc3 url('images/bkgd-site.jpg') repeat-x fixed; behavior:url(csshover.htc); }
img						{ border:0; }

/* NAV BANNER defines top banner */
#topbanner				{ border: none; width:900px; height: 108px; margin:36px auto 0 auto; background:#000; }
#topbanner ul			{ list-style:none; margin:18px;float :right; text-align:right; font-size:.72em; font-weight:normal; color:#fff; }
#topbanner ul li		{ margin:6px 0; }
#topbanner a			{ text-decoration:none; color:#fff; }
#topbanner a:hover		{ text-decoration:underline; color:#9ff; }
.toplogo				{ float:left; margin:-36px 0 0 0; } 


/* MAIN MENU defines dropdown menu system */
/* FIRST LEVEL MENU */
div#menu				{ width:900px; margin:0 auto; text-align:center; font:bold .80em/100% Verdana,Arial,Helvetica,sans-serif; background-color:#000; }
div#menu ul				{ width:auto; margin:0 auto; padding:6px 0 0 24px; background:#000; }
div#menu li				{ width:140px; float:left; position:relative; border-right:2px solid #555; list-style-type:none; }
div#menu li:first-child { border-left:2px solid #555; }
div#menu li a			{ display:block; padding:6px 16px; text-decoration:none; color:#ccc; font-weight:bold; }
div#menu li a:hover 	{ color:#cff; background:#999; }

/* MENU DROPDOWNS */
div#menu ul li ul		{ position:absolute; left:-1px; z-index:10; width:180px; padding:0; border-right:0; margin:0; }
div#menu ul li ul li	{ width:100%; padding:0; border-left:1px solid #888; border-bottom:1px solid #888; border-right:1px solid #888; background:#555; text-align:left; }
div#menu ul li ul li:first-child 	{ border-top:1px solid #888; }
div#menu ul li ul li a 	{ padding:6px 12px; }

/* make the drop-down display as the menu is rolled over */
div#menu ul li ul					{display:none;} 		/* conceals the drop-down when menu not hovered */
div#menu ul li:hover ul 			{display:block; } 		/* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#menu ul li ul li ul  		{ position:absolute; visibility:hidden; top:-1px; left:10em; }
div#menu ul li ul li:hover ul 		{visibility:visible;}	/* same effect as display:block in this situation */

/* second level popouts start here*/
div#menu ul li ul li:hover ul li ul {visibility:hidden;}
div#menu ul li ul li ul li:hover ul {visibility:visible;}	/* same effect as display:block in this situation */

/* HACKS */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#menu ul 					{ float:left; border-left:1px solid #888; } 	/* first makes the ul wrap the li's , then adds the rightmost menu vertical line to the ul */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#menu ul li ul { border-top:2px solid #345; border-left:0; }			/* stops the drop inheriting the ul border */
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#menu ul li ul li ul { left:9.85em; voice-family: "\"}\""; voice-family:inherit; left:10em; } 
/* and the "be nice to Opera" rule */
html>body div#menu ul li ul li ul { left:10em; } 
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul. the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs. the pop-out menu stays open for 22px below the bottom but at least it works */
@media all and (min-width: 0px)		{ body div#menu ul li ul {padding-bottom:100px;} body div#menu ul li ul li ul {padding-bottom:22px;} ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */ }
/*  END OF MENU SYSTEM */

/* SITE FOOTER  */
div#foot				{ width:900px; margin:0 auto; padding:18px 0; clear:both; background:#000; font:normal .75em/150% Verdana,Arial,Helvetica,sans-serif; color:#fff; text-align:center; }
div#foot p				{ color:#bbb; }
div#foot a				{ text-decoration:none; color:#9ff; }
div#foot a:hover		{ text-decoration:underline; color:#933; }
/* End of footer */


/*  SITE CSS */
.clearfix				{ clear:both; }

/* HOME PAGE CONTENT AREA */
div#contenthome			{ width:828px; clear:both; margin:0 auto; padding:24px 36px; background:#fff url('images/bkgd-content.jpg') repeat-x; }
.perform				{ float:left; width:360px; border:1px #555 solid; padding:24px; margin:0; background-color:#def; }
.learn					{ float:right; width:324px; border:1px #555 solid; padding:24px; margin:0; background-color:#fff; }
.about					{ float:right; width:324px; border:1px #555 solid; padding:24px; margin:24px 0 0 0; background-color:#fff; }

.perform ul				{ margin:12px 0; }
.perform ul li a		{ font-weight:bold; text-decoration:none; }
.perform ul li a:visited { text-decoration:none; color:#036; }
.perform ul li a:hover	{ text-decoration:underline; color:#09c; }
.perform .note			{ font-style:italic; margin-top:24px }


/* CONTENT AREA */
div#content				{ width:756px; clear:both; margin:0 auto; padding:24px 72px; background:#fff url('images/bkgd-content.jpg') repeat-x; }

h1						{ font:bold   1.0em/125% Verdana,Arial,Helvetica,sans-serif; color:#069; margin:18px 0 0 0; }
h2						{ font:bold   .90em/125% Verdana,Arial,Helvetica,sans-serif; color:#069; margin:18px 0 0 0; }
h3						{ font:bold   .80em/125% Verdana,Arial,Helvetica,sans-serif; color:#600; margin:12px 0 0 0; }
h4						{ font:bold   .80em/125% Verdana,Arial,Helvetica,sans-serif; color:#555; margin:12px 0 0 0; }
p						{ font:normal .80em/140% Verdana,Arial,Helvetica,sans-serif; color:#333; margin:06px 0 0 0; }
p.intro					{ font:normal .72em/140% Verdana,Arial,Helvetica,sans-serif; color:#555; margin:06px 0 0 0; }
a						{ text-decoration:none; }
a:hover					{ text-decoration:underline; }
ul						{ margin-left:18px; }
li						{ margin:4px; font:normal 10pt/140% Verdana,Arial,Helvetica,sans-serif; color:#555; margin:06px 0 0 0; }

ol.std					{ font:normal 0.8em/140% Verdana,Arial,Helvetica,sans-serif; color:#555; margin: 0 0 12px 0; list-style-type:square; margin:12px 36px; }
ul.std					{ font:normal 0.8em/140% Verdana,Arial,Helvetica,sans-serif; color:#555; margin: 0 0 12px 0; list-style-type:square; margin:12px 36px; }


.left					{ float:left; text-align:left; }
.center					{ float:center; text-align:center; }
.right					{ float:right; text-align:right; }
.imglt					{ float:left; margin-right:12px; }
.imgrt					{ float:right; margin-left:12px; }
.imgctr					{ float:none; margin:12px; text-align:center; }

.quote					{ font-weight:bold; color:#779; }
.name					{ font-weight:bold; font-style:italic; color:#99a; margin:6px 0 18px 36px; }

.caption				{ text-align:center; font-size:.75em; font-weight:bold; color:#779; }

.clearfix				{ clear:both; }

div#funeral				{ width:360px; background-color:black; padding:18px; margin:24px auto; }

/* FOR FORM */
.labelrt				{ text-align:right; padding-right:6px; }
p.detail				{ margin-left:180px; font-style:italic; color:#779; }


/* end of styles */