body {
background-color: #000; 
min-width: 960px;
min-height: 960px;
font-size: 14px;
margin: 0px;
}

html { 
min-height: 100%; 
margin-bottom: 1px;
}

#nav { 
float: left;
margin-left: 50px;
margin-top: 121px;
}

#nav a{ 
color: #FFC411;
text-decoration: none;
line-height: 43px;
font-family: Trebuchet MS;
font-size: 16px;
font-weight: bold;
}

#nav a:hover{
color: #FFF;
}

#nav2 { 
float: left;
margin-left: 50px;
margin-top: 168px;
}

#nav2 a{ 
color: #FFC411;
text-decoration: none;
line-height: 43px;
font-family: Trebuchet MS;
font-size: 16px;
font-weight: bold;
}

#nav2 a:hover{
color: #FFF;
}

/* Primary menu focus */

body#about a#aboutnav,
body#camp a#campnav,
body#skate a#skatenav,
body#acamp a#adultnav,
body#register a#regnav,
body#private a#privnav,
body#dropin a#dropnav,
body#contact a#contnav,
body#links a#linknav {
	color: #ececec;
}


#container {
position: relative;
left: 50%;
margin-left: -480px;
background-image: url(images/bg.jpg);
background-color: #000; 
background-repeat: no-repeat;
color: white; 
margin-top: 18px;
width: 960px;
height: 800px;
font-family: Arial;
text-align: left;
}

#content{
color: #fff;
width: 700px;
position: relative;
top: -400px;
left: 25%;
padding: 0px 0px 25px 0px;
line-height: 1.5em;
}

table.content {
color: #fff;
}

.head {
font-family: Trebuchet MS; 
font-size: 18px; 
color: white; 
font-weight: bold;
}

a.link{
color: #FFC411; 
font-family: Trebuchet MS;
font-size: 18px; 
text-decoration: none;
border: 0px;
}

a.text{
color: #FFC411; 
font-family: Trebuchet MS;
text-decoration: none;
border: 0px;
}

a.link:hover {
font-family:arial, Trebuchet MS; 
font-size: 18px; color: #ececec; 
border-color: #ececec; 
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px;
}

a.small-link{
color: #FFC411; 
font-family: Trebuchet MS;
font-size: 14px; 
text-decoration: none;
border: 0px;
}

a.small-link:hover {
font-family:arial, Trebuchet MS; 
font-size: 14px; color: #ececec; 
border-color: #ececec; 
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px;
}

#logo {
position: relative;
left: 10%;
background-image: url(images/logo-new.gif);
top: 200px;
width: 600px;
height: 425px;
padding: 0px;
}

html>body #logo{
position: relative;
left: 300px;
margin-left: 0px;
}

#logo2 {
position: relative;
text-decoration: none;
left: 0px;
top: 0px;
width: 281px;
height: 62px;
text-align: left;
padding: 0px;
}

html>body #logo2 {
position: relative;
text-decoration: none;
left: 11%;
top: -525px;
width: 281px;
height: 62px;
text-align: left;
padding: 0px;
}

#logo2 a{
text-decoration: none;
}

#logosmall {
position: relative;
text-decoration: none;
right: 20px;
top: 0px;
width: 65px;
height: 66px;
text-align: left;
padding: 0px;
}

html>body #logosmall {
position: relative;
text-decoration: none;
left: 38px;
top: -525px;
width: 65px;
height: 66px;
text-align: left;
padding: 0px;
}

#phone{
background-image: url(images/phone.png);
width: 338px;
height: 639px;
position: relative;
top: -35px;
left: 120px;
}

#calendar{
position: relative;
top: 160px;
left: 27px;
}

#kevinpic{
float: right;
top: 10px;
letf: 10px;
}

#brianpic{
float: right;
top: 10px;
letf: 10px;
}

#petepic{
float: right;
top: 10px;
letf: 10px;
}

#phonetext{
width: 285px;
height: 50px;
background-color: gray;
color: white;
font-weight: bold;
position: relative;
top: 150px;
left: 27px;
}

html>body #ultimate {
position: relative;
left: 32%;
background-image: url(images/ultimate.png);
top: 220px;
width: 611px;
height: 52px;
text-align: left;
padding: 0px;
}

#ultimate {
position: relative;
left: 100px;
background-image: url(images/ultimate.png);
top: 260px;
width: 611px;
height: 52px;
text-align: left;
padding: 0px;
}

#pagetitle {
position: relative;
left: 685px;
top: -455px;
width: 115px;
height: 37px;
text-align: left;
padding: 0px;
}

#footer {
position: relative;
top: 270px;
height: 50px;
color: white;
text-align: center;
}

#clear
{
clear:both;
}

#clear2
{
clear:both;
}