html {
font-size : 100%;
}

body {
background-color : #fff;
color : #231f20;
font-family : arial narrow, arial, sans-serif;
line-height : 1.5em;
padding : 0;
margin : 0;
}

#skip {
position: absolute;
    top: -999em;
    width: 1em;
    overflow: hidden;
}


#container {
width : 900px;
margin-left : auto;
margin-right : auto;
}

#banner {
margin-bottom : 30px;
}


/*set min-height here and on content*/
#bodycontainer {
background-image:url("../images/yellowbkd.png");
background-repeat : repeat-y;
background-color : #fff;
color : yellow;
}



#sponsors {
background-image:url("../images/yellowbkd.png");
background-repeat : repeat-y;
color : #231f20;
float : left;
width : 200px;
padding-top : 20px;
padding-bottom : 40px;
text-align : center;
font-family : arial, sans-serif;
}

#sponsors h2 {
font-size : 1.6em;
}

#sponsors h3 {
font-size : 1em;
margin-bottom : 0;
margin-top : 90px;
}

#sponsors img {
border : none;
margin : 10px;
}

#sponsors A:hover, #sponsors A:focus, #sponsors A:active {
text-decoration : none;
background-color : #transparent;
color : yellow;
border : none;
}

#menu {
background-color : #fff;
color : #fff200;
float : left;
width : 105px;
font-size : .85em;
font-family : arial, sans-serif;
font-weight : bold;
line-height : 1.4em;
}

#menu ul {
margin : 0;
padding : 0;
}

#menu li {
list-style-type : none;
margin-top : 38px;
}

li #firstmenu {
margin-top : -38px;
}


#menu A:link, #menu A:visited {
text-decoration : none;
background-color : #231f20;
color : #fff200;
text-align : center;
width : 85px;
padding : 10px;
padding-top : 5px;
padding-bottom : 5px;
display : block;
}

#menu A:hover, #menu A:focus, #menu A:active {
text-decoration : none;
background-color : #fff200;
color : #231f20;
text-align : center;
width : 85px;
padding : 10px;
padding-top : 5px;
padding-bottom : 5px;
display : block;
}


#box {
width : 200px;
margin-left : 4.5em;
font-weight : bold;
font-size : 1.5em;
line-height : 1.1em;
}


#box A:link, #box A:visited {
text-decoration : none;
background-color : #231f20;
color : #fff200;
text-align : center;
width : 200px;
padding : 10px;
display : block;
}

#box A:hover, #box A:focus, #box A:active {
text-decoration : none;
background-color : #fff200;
color : #231f20;
text-align : center;
width : 200px;
padding : 10px;
display : block;
}


#content {
background-color : #fff;
color : #231f20;
float : left;
width : 565px;
padding-left : 15px;
margin-left : 15px;
font-size : 1em;
}

#content h1 {
font-family : arial, sans-serif;
font-weight : bold;
font-size : 2.2em;
line-height : 1em;
margin-top : 0;
}


#content h2 {
font-family : arial, sans-serif;
font-weight : normal;
font-size : 1.8em;
line-height : 1em;
margin-top : 0;
}


#content ul {
padding-left : 1em;
margin-left : 0;
}

#content li {
margin-top : .8em;
}


.box {
background-color : #fffddf;
padding : 10px;
}



.box ul {
padding-left : 0;
margin-top : 0;
}

.col {
float : left;
width : 245px;
padding-right : 0;
}

#colleft {
padding-right : 20px;
}

.col h3 {
margin-top : 20px;
font-size : 1.6em;
}

#tennisball {
background-image:url("../images/tennisball.jpg");
background-repeat : no-repeat;
text-align : center;
font-family : arial, sans-serif;
font-weight : bold;
font-size : 2em;
line-height : 1.1em;
height : 230px;
margin-top : -10px;
margin-left : 30px;
padding-top : 40px;
}



#tennisball A:link, #tennisball A:visited {
text-decoration : none;
background-color : transparent;
color : #231f20;
display : block;
padding : 10px;
}

#tennisball A:hover, #tennisball A:focus, #tennisball A:active {
text-decoration : none;
background-color : #231f20;
color : #fff200;
display : block;
padding : 10px;
}


.clear {
clear : all;
}


#footer {
clear : all;
float : left;
margin-top : 15px;
}




A:link, A:visited {
text-decoration : underline;
background-color : transparent;
color : #231f20;
}

A:hover, A:focus, A:active {
text-decoration : none;
background-color : #231f20;
color : #fff200;
}


hr {
height : 5px;
background-color : #231f20;
border : none;
margin-top : 30px;
margin-bottom : 30px;
}

em {
font-weight : normal;
}