body		{font-family:  arial, times;
		 background:#66FF66;
		 font-size:12pt;
		 margin:0;		}
		 
p		{font-family:  arial, times;
		font-size:12pt;}
		
.import		{font-family: arial times ! important;
		 font-size:10pt ! important;
		 background:#CCFFFF ! important;
		 margin:0 ! important;
		}
		
td.leftmenu a, td.content a			{color:green;}

a:hover		{background-color:transparent}

#footer		{font-size:smaller;
		 text-align:center;
		 background:#CCFF66;
		 border-top: #0099CC thin solid}

#counter	{margin-left: 450px;
		 width:100px;
		 text-align: right;
		 border:#0099CC thin solid;
		 background:#CCCCFF;
		}
		

h3		{text-decoration:underline;
		 color:green;}

h4		{margin-bottom:0;
		color:green;}	/*tighten up the left side menue */

table.main	{width:1000px;
		 background:#CCFF66;
		 cols:3;
		 border-collapse:collapse;
		 table-layout:fixed}

.hdng		{text-decoration:underline;
		 font-weight:bold}
		 
.ctr	{text-align:center;}

.grid		{border:#0099CC thin solid}
.da		{width:15%;
		 border:#0099CC thin solid}
.ti		{width:15%;
		 border:#0099CC thin solid}
.evt		{width:35%;
		 border:#0099CC thin solid}
.pl		{width:35%;
		 border:#0099CC thin solid}

.results	{font-size:smaller}

#ww		{background:#FFFF00}

#banner		{width:1000px;
		 text-align:center;
		 background-image: thankyou_banner.jpg;
		 font-variant:small-caps;
		 color:green;
		 border-bottom:#0099CC thin solid;}
		 
#line1	{font-size:24pt;
		letter-spacing:0.1em;}

#line2	{}

/* borders between sections */
#banner		{border-bottom:#669933 thin solid;}
td.ctrmenu	{border: #669933  thin solid;}
td.leftmenu	{border-right: #669933  thin solid;}
td.rightmenu {border-left: #669933 thin solid}
/*td.rightft	{border-top: #669933 thin solid}*/
			
td.ctrmenu a {text-decoration:none;
			color: green;
			background:#99CC00;
			font-weight:bold;}

td.leftmenu 	{width:15%;
		 background:#CCFF99;
		 vertical-align:top}

td.leftft 	{width:15%;
		 background:#CCFF66;
		 vertical-align:top}

td.content	{width:60%;
		 background:#FFFF99;
		 text-align: left;
		 vertical-align:top;
		 border:0}

td.rightmenu	{width:25%;
		 background:#CCFF99 ;
		 vertical-align:top;}
td.rightft	{width:25%;
		 background:#CCFF66;
		 vertical-align:top;}

ul.menu		{list-style: square outside none;
		 margin-left:1em;
		 padding-left:1em;
		 margin-top:0;
		 margin-bottom:0;}
ul ul.menu	{list-style: circle outside none;
		 margin-left:1em;
		 padding-left:1em}

/* article useful for making sure articles have physical separation esp. when graphics are involved however if floating text height is 
is shorter than picture you may have to make adjustments - e.g. pad the text*/
		 
.article	{width:100%;
			min-width:20em;
			margin-top:1em;
			padding-bottom:0.5em;}
/* .article .txt is an attempt to make the adjustment for text shorter than picture - min height
set to max height of picture img.lt*/

.article .txt {min-height:250px;}

/*IMAGES*/

/*.content will be for images to appear on right with uniform dimensions*/
.head	{float:left;}   /*wrapper for head shot image */
		
.lsthd	{border:thin green solid;		
		 max-width:150px;
		 max-height:125px;} /*for last picture in the row if you dont want taec to float left*/
		 
.cap	{font-size:0.8em;
		text-align:center;} /*for the caption below the head shot image*/

.rt		{float:right;
		 margin-top:2px;
		 margin-bottom:2px;		 
		 margin-left:2px;
		 max-width:300px;
		 max-height:250px}
		 

img.lt		{float:left;
		 margin-right:2em;
		 margin-bottom:2em;
		 max-width:300px;
		 max-height:250px}
		 
img.lst		{ margin:2px;
		 max-width:300px;
		 max-height:250px}
		 
img.sm	{float:top;
		 margin:2px;
		 max-width:150px;
		 max-height:125px;}