body { 
margin:10px 0 0 0; 
padding:0; 
font: 80% Verdana, Arial, sans-serif;
color:#ffffff;  
background: #CC0000 url(../images/grass-bg.jpg) top left repeat;
}


p {
margin: 0px;
padding: 15px;
color: #ffffff;
text-align: left;
}


a {
color: #ffffff;
background: inherit;
text-decoration:underline;
}



a:hover {
background: inherit;
text-decoration:none;
color: #00FF00;
}



.pink {
color: #BA007C;
}




.img {
border: none; 
background:none;
}


h1{
color:#ffffff;
font-size:170%;
line-height: 1.4em; 
padding: 20px 0 0px 15px;
}


h1 a {
text-decoration: none;
color: #004987;
margin-left: 5px;
}

h1 a:hover{ 
background: inherit;
text-decoration: none;
}


h2{
color:#ffffff;
font-size:130%;
padding: 0px;
font-weight: normal;
}

h2 a{
color: #ffffff;
text-decoration: none;
}



h3{
color:#696969;
padding: 0;
margin-left: 7px;
font-weight:bold;
letter-spacing:-0.05em;
text-align: right;
}




h4{
color: #C4C4C4;
font-size:165%;
font-weight:bold;
letter-spacing:-0.05em;
line-height: 0.75em;
padding:0px 0px 0px 0px;
margin: 0px;
}


h5{
color: #696969;
font-size:200%;
font-weight:bold;
letter-spacing:-0.05em;
line-height: 0.75em;
padding:0 0 5px 75px;
}

h5 a { background: inherit; color: #696969; text-decoration: none; }



h6{
color:#696969;
margin: 0 0 0 7px;
padding: 0;
font-size:100%;
font-weight:bold;
letter-spacing: -0.01em;
}


h6 a { background: inherit; color: #696969 }
h6 a:hover { background: inherit; color: #1c7ef4; text-decoration: none;  }


p ul { 
margin-left: 25px;
list-style:square; 
}



ul { 
margin-right: 47px;
list-style:square; 
}




.imgLeft {
	padding: 0px 8px 15px 0;
	/*margin-left: 100px;*/
	float: left;
}





/*-------Container-------*/



#container {
width: 960px;
margin: 0 auto;
padding:0;
}


/*-------Header-------*/



#header {
width: 960px;
height: 115px;
margin: 0 auto;
padding:0;
background: #cc0000;
}



/*-------Nav-------*/


#navRed {
width: 960px;
margin: 0 auto;
background: #cc0000;
height: auto;
}




.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 180px;
}

.glossymenu li a{
background: #CC0000;
font-weight: bold;
color: white;
display: block;
width: auto;
padding: 12px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}


.glossymenu li a:hover{
background: #FFFFFF;
color: #cc0000;
}

.glossymenu li .current{
background: #FFFFFF;
color: #cc0000;
}








/*------- Main -------*/


#main {
width: 960px;
margin: 0 auto;
margin-top: 10px;
background: #cc0000;
padding-bottom: 10px;
}


#left {
margin: 15px 0 10px 0px;
float: left;
width: 180px;
padding: 0px;
}


#right {
margin: 0px 0 10px 0px;
float: left;
width: 960px;
padding: 0px;
}





#right .RightText {
margin: 0px 0 10px 5px;
float: left;
width: 520px;
padding: 0px;
}


#right .RightPhoto {
margin: 6px 0px 10px 15px;
float: left;
width: 220px;
padding: 0px;
}





#product {
width: 940px;
margin: 35px 0 25px 0;
padding-top: 10px;
margin: 0 auto;
}


#product .product-photo {
float: left;
padding:0;
margin: 0 10px 25px 0px;
width: 220px;
text-align: right;
padding: 0px;
}

#product .product-text {
float: left; 
width: 190px;
margin-bottom: 25px;
padding:0;
margin:0 10px 0 15px;
}

#product p {
margin: 0px;
padding: 0px;
}



#productContainer {
width: 460px;
margin: 35px 0 25px 0;
padding-top: 10px;
float: left;
}










#sports {
width: 940px;
}


#sports .sportsPhoto {
width: 200px;
float: left;
}

#sports .sportsText {
float: left;
width: 200px;
}



#sports .sportsText2 {
float: left;
width: 940px;
text-align: center;
}










/*------- End of Main Structure -------*/













#main .AboutLeft {
margin: 10px 0 10px 15px;
float: left;
width: 290px;
padding: 0px;
}

#main .AboutCenter { 
margin: 10px 0px 10px 16px;
float: left;
width: 290px;
height: 1%; /* Holly hack for Peekaboo Bug */
}


#main .AboutRight {
margin: 10px 0px 10px 16px;
float: left;
width: 290px;
padding: 0px;
}


/*------- End of About Structure -------*/


















/*------- Logos -------*/


#logos {
width: 960px;
height: 78px;
margin: 0 auto;
padding: 0;
background: #ffffff;
}




/*-------footer-------*/

#footer {
width: 960px;
margin: 0 auto;
padding: 0;
background: #CC0000;
}

#footer p {
text-align: left;
padding: 5px 0 15px 15px;
font-size: 75%;
color: #ffffff;
}

#footer a {
color: #ffffff;
text-decoration: underline;
}

#footer a:hover {
color: #ffffff;
text-decoration: none;
}
