body {
max-width: 1050px;
background-color:#ccccff<h1></h1>; 
font-family: Arial, Verdana,  sans-serif;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}

.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}

/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of 93%. No need to touch this if you dont want to */
table {
font-size:100%; /*leave this font size, change the individual cells below, if the default size isnt to your liking*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


/*class to set thinner horizontal rule. Change color if you like.*/
hr{
border: 0;
color:inherit;
background-color: #999;
height: 1px;
width: 80%;
text-align: center;
}


p {
text-align:left;
}
 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}


/*http://www.taekwondo-information.org/images/taekwondo-bullet.jpg*/ 
 
li.custom {
background: url(http://www.taekwondo-information.org/images/taekwondo-bullet.jpg) left center no-repeat; 
padding-left: 20px;
margin-bottom: 10px;

 }
 
/* this area below is for your  Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #0f4791; 

}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 
 color: #a1845b;
 }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #000; text-align:center;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 116%;  color: #000; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000; text-align:center;}



td.logo {
background-color:#fff;
font-size: 100%; 
}

td.headerbg {
background-image: url('http://www.taekwondo-information.org/images/TaekInfo-Header3-RepSlice.jpg'); background-repeat: repeat;
font-size: 93%; 
}



td.spacerbg {
border-top: 1px solid  #a1845b;
background-color:#fff;
 font-size: 93%;  
}

td.contentbg {
background-color:#fff;
border-left: 1px solid #a1845b;
border-right: 1px solid  #a1845b;
border-top: 0px solid  #a1845b;
border-bottom: 1px solid  #a1845b;
font-size: 93%; 
color:inherit;
padding:10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#fff; 
padding:5px;
}

td.leftbg {
font-size: 86%;
color:inherit;
margin-left: 5px;
background-color:#fff;
padding:5px; 
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#fff;
padding:5px; 
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color:#0f4791; 
color:#fff;
width: auto;

}


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}