html, body
{
margin:0;
padding:0;
border;0;
}

body
{
background:#000 no-repeat fixed 0% 0%;
font:normal normal normal 86% Verdana, Arial, Helvetica, Sans-Serif;
color:#000;
margin:5px 0;
text-align:left;
}

p
{
margin:0 25px;
padding-bottom:6px;
text-indent:12px;
line-height:1.4;
}

p.noindent
{text-indent:0;}

p.attention
{
text-align:center;
font-weight:bold;
font-size:15px;
letter-spacing:1.2pt;
}

p.box
{
margin:10px 100px;
background:#f7e77b;
border:4px solid #000;
border-color:#aaa #ccc #ddd #bbb;
text-align:center;
font-weight:bold;
font-size:15px;
line-height:1.5;
padding:10px;
text-indent:0;
line-height:normal;
}


a, a:visited
{
color:#c20808;
font-weight:bold;
font-variant:none;
text-decoration:underline;
}

a:hover, a:active
{
color:#2a316e;
font-variant:small-caps;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6
{
text-align:center;
font-family:georgia, times new roman, times, serif;
font-weight:bold;
margin:5px 20px;
}

h3.leftalign
{
text-align:left;
margin:10px 30px;
}

img
{border:0;}

img.left
{
float:left;
margin:5px 30px;
margin-right:5px;
}

img.right
{
float:right;
margin:5px 30px;
margin-left:5px;
}

.imgctr /* style for the shadow below the text boxes */
{
margin:0 0 0 150px;
border:0;
padding:0;
}

ul.listbox, ul.listbox2
{
border:0;
margin:5px 50px 5px 120px;
}

ul.listbox li, ul.listbox2 li
{
list-style-image:url(bullet_red.jpg);
padding:0 0 5px 5px;
font-size:14px;
line-height:1.3;
font-weight:normal;
}

ul.listbox2 li
{list-style-image:url(questionmark_bullet.jpg);}

.clear
{clear:both;}

.bold
{font-weight:bold;}

.red
{color:#c20808;}

.blue
{color:#2a316e;}

.green
{color:#008b3c;}

.orange
{color:#e46b00;}

.clear
{clear:both;}

.hilite
{
background:#f7e77b;
color:#c20808;
font-weight:bold;
font-variant:smallcaps;
font-style:normal;
}

.strike
{text-decoration:line-through;}

.cap /* creates the large drop-cap first-letter in the paragraphs */
{
font-family:georgia, times new roman, serif;
font-size:35px;
color:#c20808; /*red */
font-weight:bold;
float:left;
height:35px;
line-height:35px;
margin-top:-4px;
margin-right:3px;
}

.image_holder, .image_holder2
{
width:200px;
height:100px;
margin:0 auto;
}

.image_holder2
{
width:386px;
height:422px;
float:left;
margin:0 5px 0 20px;
}

.image_holder a, .image_holder2 a
{
display:block;
width:0;
height:0;
position:relative;
}

.image_holder a img, .image_holder2 a img
{
position:absolute;
left:0;
top:0;
border:0;
}

.image_holder a:active, .image_holder2 a:active
{background:#fff;}

.image_holder a:active img, .image_holder a:focus img,
.image_holder2 a:active img, .image_holder2 a:focus img
{background:#fff;}

#wrapper
{
width:675px;
margin:0 auto;
background:#fff;
border:1px solid #000;
}

#header
{
display:block;
height:150px;
background:url(champion_header.jpg) #000;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

#footer
{
width:100%;
height:50px;
background:url(champion_footer.jpg) #000;
border-top:1px solid white;
}

#footer p
{
margin:5px 10px;
color:white;
font-weight:bold;
font-size:11px;
padding-top:5px;
text-align:center;
}

#footer a, #footer a:visited
{
color:#fff;
font-weight:bold;
font-variant:none;
text-decoration:underline;
}

#footer a:hover, #footer a:active
{
color:#fff;
font-variant:small-caps;
text-decoration:none;
}

#textbox /* this is the text box with the yellow background */
{
width:400px;
margin:20px auto;
margin-bottom:0;
padding:0;
background:#f7e77b;
border:3px solid #000;
border-color:#aaa #ccc #ddd #bbb;
}

#textbox h2
{
margin:10px;
font-family:courier;
font-size:100%;
text-indent:5px;
line-height:1.5;
}

#textbox p
{
text-indent:0;
font-size:100%;
line-height:1.5;
text-indent:5px;
}

#textbox form
{
text-align:center;
margin:0 auto;
}

