body{color:black;
	background:white
	font: 16px "veranda","helvetica","arial"sans-serif;
	}

table.meet{border-collapse:collapse; border-style:solid; border-width:1px;border-color:#000000;
        width:100%;
	font:16px "veranda","helvetica","arial"sans-serif;
        }

table.menu{border-collapse: collapse; 
        width:100%;
	font:16px "veranda","helvetica","arial"sans-serif;
        }
 
td.menu{border-style:none;}

td.meeting{border-width:1px;border-color:#000000}
td.alanon{border-width:1px;border-color:#000000;
		    font:bold 20px "comic sans MS","veranda","helvetica","arial"sans-serif;color:blue}

td.alateen{border-width:1px;border-color:#000000;
		font:bold 20px "comic sans MS","veranda","helvetica","arial"sans-serif;color:red;}  

#text{font:16px "veranda","helvetica","arial"sans-serif}

#incorrect{font:14px "veranda","helvetica","arial"sans-serif}

#update{font:10px "veranda","helvetica","arial"sans-serif;text-align:right;font-style:italic;color:gray}  

#change{font:bold 12px "veranda","helvetica","arial"sans-serif}

h2{font:bold 22px "veranda","helvetica","arial"sans-serif;text-align:center}

h3{font:bold italic 16px "veranda","helvetica","arial"sans-serif;text-decoration:underline}   

#title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    background-color: #5675A5;
    color: #D9E1ED;
	border: solid 1px #5675A5;
	font-family: "veranda","helvetica","arial"sans-serif;
    font-weight: bold;
    font-size: 36px;
	padding: 10px 20px 10px 20px;
	width: 780px;
}



  
#title3 
{
    background-color: #5675A5;
    color: #D9E1ED;
	border: solid 1px #5675A5;
	font-family: "veranda","helvetica","arial"sans-serif;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
}