/*this first part is to set the font style, color and size of your text, as well as the background color of the page */
body {
	background-image:url(http://www.the-gymnastics-zone.com/imgs/BACK.gif);
	background-position:top left;
	background-color:#fff;
	}
	
body, td {
	font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 0px;
	}

/*this changes the headings, you can alter the size font type, and the color of these */
h1, h2, h3 {
	margin:6px 0px 14px 0px;
	}
	
h1 { font-family: lucida calligraphy, Verdana, Arial, sans-serif; font-size:32px; font-weight: 900; color: #CC0066}
h2 { font-family: lucida calligraphy, Verdana, Arial, sans-serif; font-size:28px; font-weight: 900; color: #CC0066}
h3 { font-family: lucida calligraphy, Verdana, Arial, sans-serif; font-size:24px; font-weight: 900; color: #CC0066}

/*This affects how your links look. At the moment, they show as blue, and underlined. They change to white text with a blue background color when the pointer passes over them */

a { font-family: Verdana, Arial, sans-serif;
font-size: 100%; color: #CC0066; text-decoration: underline;
}

a:hover { font-family: lucida calligraphy, Verdana, Arial, sans-serif;
font-size: 100%;
background-color: #000000;
color: #fff;
}
/*This affects how your diferrnet styles will look.*/

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style17 {color: #CC0066}
.style20 {font-size: 12px}
.style22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style25 {font-size: 16px}
.style28 {font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; }
.style29 {font-size: medium}
.style31 {font-size: large; font-weight: bold; }
.style32 {font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; }
.style33 {
	font-family: lucida calligraphy, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: 900;
	color: #CC0066;
}