@charset "UTF-8";
/* CSS Document */

A:link {text-decoration: none; color: black}
A:visited {text-decoration: none; color: black}
A:active {text-decoration: none; color: black}

.rules_subtext A:hover { text-decoration: none; color: #000000}
.text A:hover {text-decoration: none; color: #FFFFFF}
.headline A:hover {text-decoration: none; color: red}
.navbar_small A:hover {text-decoration: none; color: FF5900}
H1 A:hover {text-decoration: none; color: #EC2127}
H2 A:hover {text-decoration: none; color: #0A72BA}
H3 A:hover {text-decoration: none; color: #F58220}
H4 A:hover {text-decoration: none; color: #01A645}

body  
{
font: 100% Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
background-color: #FFFFFF;
margin: 0; 
padding: 0;
color: #000000;
}

H1, H2, H3, H4
{
font-size: 30px;
line-height: 1.1;
margin: 0;
padding-left: 20px;
}

p.navbar_small
{
font-size: 16px;
line-height: 1.2;
margin: 0;
padding-left: 20px;
}

p.big
{
font-size: 30px;
line-height: 1.1;
margin: 0;
padding-left: 22px;
padding-right: 20px;
}

.headline
{
font-size: 23px;
color: #FFF;
line-height: 1.2;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}

.categories
{
font-size: 24px;
line-height: 1.2;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}

p.text
{
font-size: 20px;
line-height: 1.2;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}

p.quote
{
font-size: 20px;
line-height: 1.2;
margin: 0;
padding-left: 25px;
padding-right: 20px;
text-indent: -10px

}

p.small
{
font-size: 12px;
line-height: 1.3;
margin: 0;
padding-left: 25px;
padding-right: 20px;
}

p.email
{
font-size: 17px;
line-height: 1.3;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}

p.caption
{
font-size: 10px;
line-height: 1.2;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}

p.rules
{
font-size: 23px;
line-height: 1.2;
margin: 0;
padding-left: 45px;
padding-right: 20px;
text-indent: -25px
}

p.rules_subtext
{
font-size: 14px;
line-height: 1.4;
margin: 0;
padding-left: 45px;
padding-right: 20px;
}

p.rules_subtext_small
{
font-size: 10px;
line-height: 1.4;
margin: 0;
padding-left: 45px;
padding-right: 20px;
}

p.rules_secondary
{
font-size: 14px;
line-height: 1.4;
margin: 0;
padding-left: 72px;
padding-right: 20px;
text-indent: -27px
}


#NAVBAR {
text-align: left;
position: fixed;
top: 20px;
left: 630px;
padding: 0;
width: 240px;
margin: 0;
background: #D1D3D4;
padding-bottom: 20px;
}

#CONTENT { 
position: absolute;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
top: 20px;
left: 20px;
width: 590px;
margin: 0px;
background: #D1D3D4;
padding-top: 20px;
padding-bottom: 20px;

} 

/* body ids for background change, use "background-image: url(allshapes.gif); background-repeat: repeat; background-attachment: fixed" for image  */
#body { background-color: #FFFFFF}
#body2 { background-color: #EC2127}
#body3 { background-color: #0A72BA}
#body4 { background-color: #F58220}
#body5 { background-color: #01A645}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 5px 0 0 22px;
}

.redesigns {
	float: left;
	margin: 20px 0 0 20px;
}

.redesigns_last {
	float: left;
	margin: 20px 0 20px 20px;
}

.images { /* margin will be double if used within any <p> tag */
	float: left;
	margin: 10px 0 10px 20px;
}

.secondary_rule_images {
	margin: 0 0 0 73px;
}

.images_caption { /* margin will be double if used within any <p> tag */
	float: left;
	margin: 10px 0 3px 20px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 20px;
    line-height: 0px;
}