@CHARSET "UTF-8";

ghtml,body{
margin:0;
padding:0;
}

body{
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 11pt;
text-align: center;
color: gray;
background: #1A1819;
background-repeat: repeat-y;
}

a, a:hover, a:visited, a:active{
color: gray;
}

p{
margin:0 10px 10px 10px ;
}

#header{
position: relative;
top: 0;
height:50px; 
width:1003px; 
margin-left: auto ;
margin-right: auto ;
line-height:10px;  
padding-top:5px; 
padding-bottom:5px;
background: #1A1819;

}

#content{
border-top: 5px solid white;
position: relative;
top: 0px;
height: 345px;
width: 1003px;
display: block;
background-color: #1A1819;
margin-left: auto ;
margin-right: auto ;
padding: 0;
}

#content img{
position: relative;
top: 0px;
margin-left: auto ;
margin-right: auto ;
height: 345px;
display: block;
background-color: transparent;
margin: 0;
padding: 0;
border: 0px
}

#navigation{
position: relative;
top: 0px;
background:#1A1819;
width:1003px; 
height: 130px;
margin-left: auto ;
margin-right: auto ;
z-index: 10;
border-top: 5px solid white;
border-bottom: 5px solid white;
}

/*Footer with sponsor logos*/

#footer{
position: relative;
top: 0px;
background: #FFFFFF;
color: #FFF;
clear:both;
width:1003px;
margin-left: auto ;
margin-right: auto ;
padding: 0;
height: 60px;
}

#footer p{
margin:0;
padding:5px 10px;
color: #1A1819;
}

#footer img{
vertical-align: top;
margin-left: auto;
margin-right: auto;
}


/*styles for the scrolling pics in the navigation div */

#motioncontainer {
margin:0 auto;  /*Uncomment this line if you wish to center the gallery on page */
width: 999x; /* Set to gallery width, in px or percentage */
height: 125px; /* Set to gallery height */
left: 0px;
margin: 0;
padding: 0;
border: 0px;
}

#motioncontainer a img {
border: 0px solid #1A1819; /* Set image border color */
position: relative;
vertical-align: center;
}

#motioncontainer a:hover img {
border: 0px solid #FFB619; /* Set image border hover color */
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

/*styles for the athlete profile images*/
#biopic {
position: absolute;
left: 750px;
top: 40px;
height: 345px;
width: 200px;
background-color: transparent;
z-index: 801;
border-top: 5px solid white;
}

#biopic img{
height: 150px;
width: 150px;
margin: 0px;
padding: 0px;
}

#biotext{
position: absolute;
top: 5px;
left: 25px;
text-align: left;
color: #FFFFFF;
height: 340px;
width: 650px;
z-index: 100;
}

#biotext img{
position: absolute;
left: 0;
top: 0;
height: 340px;
width: 650px;
z-index: 802;

}

/*Team page structure*/

#namescenter{
position: absolute;
top: 0px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
height: 345px;
left: 176px;
width: 651;
background-color: #1A1819;
}

#namescenter img{

width: 650px;
height: 345px;
left: 0px;
}


/*sponsor page style*/

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

#sponsor{
position: absolute;
top: 0px;
right: 0px;
height: 345px;
width: 80%;
margin: 0;
padding: 0;
z-index: 90;
border-bottom: 5px solid white;
background-color: #1A1819;
}

#sponsor img{
float: right;
width: 800px;
height: 340px;
z-index:90;
}



/*picture stuff*/
#picture{
position: relative;
top: 0px;
height: 460px;
width: 1003px;
display: block;
background-color: #1A1819;
padding: 0;
margin-left: auto;
margin-right: auto;
border-top: 5px solid white;
}

/*style for blog page - which is longer horizontally than normal content*/
#blog{
position: relative;
top: 0px;
height: 500px;
width: 1003px;
display: block;
background-color: #1A1819;
margin-left: auto ;
margin-right: auto ;
padding: 0;
border-top: 5px solid white;
border-bottom: 5px #1a1819;
}

#ichi{
position: relative;
top: 0px;
height: 345px;
width: 1003px;
display: block;
background-color: #1A1819;
margin-left: auto ;
margin-right: auto ;
padding: 0;
border-top: 5px solid white;
}

#ichi img{
position: relative;
margin-left: auto ;
margin-right: auto ;
vertical-align: center;
display: block;
background-color: transparent;
padding: 0;
border: 0px
}