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


img{
border: none;
}


/* Main Structure Stuff */

body{
margin: 0 0 0 0;
background-color: #414141;
}

#facebookBox{
margin: 10px 0 0 0;
width: 1000px;
}

#mainContainer{
width: 1000px;
margin: 0 auto 0 auto;
}

#topBox{
width: 1000px;
height: 600px;
margin: 10px 0 10px 0;
background-color: #fff;
}
#topBoxALT{
width: 1000px;
margin: 10px 0 0 0;
background-color: #fff;
}

#midBox{
width: 920px;
padding: 40px 40px 0 40px;
background-color: #fff;
}

#bottomBox{
width:100%;
padding-bottom: 30px;
margin: 0 0 0 0;
background-color: #343434;
}

#copyBar{
height: 35px;
width: 1000px;
margin: -35px auto 0 auto;
background-color: #fff;
clear: both;
}



/* Sub Structure Stuff */

#topBoxButtonBar{
height: 80px;
width: 920px;
margin: 0 auto 0 auto;
}
#buttonsRight{
float: right;
width: 800px;
}
#buttonsRight ul{
list-style: none;
margin: 0 0 0 0;
}
#buttonsRight li a{
height: 80px;
text-align: center;
padding: 0 25px 0 25px;
background-color: #fff;
margin: 0 0 0 0;
float: right;
}
#buttonsRight li a:hover{
background-color: #ccc;
}
#exploreButton{ width: 45px; background-image: url(../images/exlporeButton.png); background-repeat: no-repeat; background-position: center center;}
#whatButton{ width: 64px; background-image: url(../images/whatButton.png); background-repeat: no-repeat; background-position: center center;}
#calendarButton{ width: 56px; background-image: url(../images/calendarButton.png); background-repeat: no-repeat; background-position: center center;}
#picsButton{ width: 84px; background-image: url(../images/picsButton.png); background-repeat: no-repeat; background-position: center center;}
#teamsButton{ width: 36px; background-image: url(../images/teamsButton.png); background-repeat: no-repeat; background-position: center center;}
#contactButton{ width: 48px; background-image: url(../images/contactButton.png); background-repeat: no-repeat; background-position: center center;}

#topBoxImage{
width: 920px;
height: 480px;
margin: 0 auto 0 auto;
background-image: url(../images/skatePic1.jpg);
}

#leftCol{
width: 520px;
float: left;
}

#rightCol{
width: 350px;
float: right;
}

#floatClear{
width: 920px;
height: 1px;
clear: both
}

#newsColHeader{
width: 520px;
height: 35px;
margin: 0 0 10px 0;
background-image: url(../images/newsHeadline.jpg);
}

#newsItem{
padding: 30px 0 30px 0;
border-bottom: 1px solid #ccc;
}

.newsTitle{
font-size: 26px;
margin: 0 0 6px 0;
letter-spacing: -.05em;
font-family: Verdana, helvetica, arial, sans-serif;
}

.newsInfo{
font-family: Verdana, helvetica, arial, sans-serif;
font-size:11px;
color: #444;
}

#bottomBoxInner{
margin: 0 auto 0 auto;
width: 1000px;
padding-bottom: 46px;
}

#whiteTop{
width: 1000px;
height: 40px;
background-color: #fff;
}

#copyBarLeft{
margin: 10px 0 0 20px;
float: left;
font-size: 11px;
font-family: Verdana, helvetica, arial, sans-serif;
}

#copyBarRight{
margin: 10px 20px 0 0;
float: right;
font-size: 11px;
font-family: Verdana, helvetica, arial, sans-serif;
}

#logoBox{
width: 920px;
margin: 25px auto 0 auto;
}
#logos{
width: 220px;
height: 100px;
margin: 4px;
float: left;
background-color: #1b1b1b;
overflow: hidden;
}
#logoClear{
clear: both;
}

#colContainer{
width: 920px;
margin: 0 auto 0 auto;
padding: 30px 0 0 0;
border-top: 1px solid #ccc;
}

.mainPara{
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #1b1b1b;
line-height: 24px;
margin: 15px 0 0 0;
}




/* What is 180 stuff */

#whatBox{
width: 920px;
background-color: #eaeaea;
}

#whatTitle{
height: 65px;
width: 820px;
margin: 0 auto;
padding: 30px 0 0 0;
}

#whatDesc{
width: 820px;
margin: 0 auto;
padding: 0 0 40px 0;
}



/* Calendar stuff */

#calendarEventBox{
width: 820px;
margin: 20px 0 20px 0;
background-color: #343434;
}

#calendarEventDate{
width:160px;
background-color: #343434;
float: left;
text-align: right;
color: #ccc;
padding: 20px;
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 18px;
font-style: italic;
}

#calendarEventDesc{
width: 580px;
float: right;
padding: 20px;
background-color: #eaeaea;
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 18px;
}

#calendarFloatClear{
clear: both;
width: 800px;
}




/* Pics Video stuff */

#mediaBox{
width:174px;
height: 110px;
margin: 5px;
float: left;
overflow: hidden;
}

#mediaClear{
clear: both;
}




/* Teams stuff */

#teamsEventDesc{
width: 570px;
float: right;
padding: 25px 20px 20px 30px;
background-color: #eaeaea;
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 12px;
}


.teamMemberName{
font-size: 14px;
font-weight: bold;
}

.teamMemberSkill{
font-size: 12px;
margin: 0 0 15px 0;
}




/* Contact stuff */

#contactLeftCol{
float: left;
width: 215px;
margin: 20px 0 0 52px;
text-align: right;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: italic;
line-height: 20px;
}

#contactRightCol{
float: right;
width: 570px;
margin: 20px 50px 0 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}

#contactClear{
clear: both;
height: 40px;
}