/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
background-color:#0096FA
}
img{border:0}
ul{ padding-top:0; margin-top:0}
p { padding: 8px 0 5px 0}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
/*end reset*/
/*golbal styles*/
body {
color: #333333;
margin: 0px;
padding: 0px;
font: 12px/normal Arial, Helvetica, sans-serif;
}
body a{
color: #006CBD;
margin: 0px;
padding: 0px;
font: 12px/normal Arial, Helvetica, sans-serif;
}
#homepage h1, #homepage h1 a{
color:#FFF; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:2px 0 0 4px; text-decoration:none
}
h1{ color:#D17105; font:28px Georgia, "Times New Roman", Times, serif; padding-bottom:5px}
#homepage h2 {
display: block;
font: 15px Georgia, "Times New Roman", Times, serif;
color:#FFF;
padding-bottom:8px
}
h2{ font:17px Georgia, "Times New Roman", Times, serif; color:#FFF; border-bottom:#0096FA 1px solid; padding-bottom:8px; margin-bottom:5px}
#homepage h3 {
display: block;
font: 15px Georgia, "Times New Roman", Times, serif;
color:#D17105;
background-image:url(images/line-white.gif); background-repeat:no-repeat; background-position:bottom left;
padding-bottom:6px;
margin-bottom:6px
}
h3{font:15px Arial, Helvetica, sans-serif; padding-bottom:3px; padding-top:10px; font-weight:bold}
h4 {
display: block;
font-weight: bold;
margin: 1.33em 0;
}
h5 {
display: block;
font-size: 0.83em;
font-weight: bold;
margin: 1.67em 0;
}
h6 {
display: block;
font-size: 0.67em;
font-weight: bold;
margin: 2.33em 0;
}
.whitetxt, .whitetxt a{ color:#FFF; font:12px Arial, Helvetica, sans-serif}
#bg{width:100%; height:774px; position:absolute; z-index:0; margin:0 auto; }
#pageWrapper{z-index:1; position:absolute; width:100%;}
#pagecontainer{width:971px; margin:0px auto 20px; position:relative; }
.clear{ clear:both}
.blueline{ background-image:url(images/line-blue.gif); background-repeat:no-repeat; background-position:bottom left;}
.promo{ font:16px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#00325D; padding:0; margin-bottom:3px}
.promosm{ font:13px Georgia, "Times New Roman", Times, serif; color:#00325D; padding:0; margin:0}
.caption{font:11px Arial, Helvetica, sans-serif; padding-top:0}
/*end golbal*/
/*index styles*/
#header{width:971px; height:124px; background-image:url(images/header-bg.jpg); margin-top:5px; }
#logo{ width:316px; height:83px; float:left; margin:7px 0 0 14px; }
#leftside{ width:210px; height:354px; float:left; padding:28px 20px 0 20px; }
#skatedays{ width:85px; float:left; color:#FFF; font:12px Arial, Helvetica, sans-serif; line-height:18px; }
#skatetimes{ width:125px; float:left; color:#FFF; font:12px Arial, Helvetica, sans-serif; line-height:18px;}
#indexbody{ width:537px; height:366px; float:left; background-color:#FFF; padding:16px 0 0 24px}
#rightside{ width:160px; height:382px; background-image:url(images/index-left-side.jpg); background-color:#FFF; float:left}
#news{ width:210px; float:left; margin-top:20px}
#promosection{ width:514px; float:left; background-color:#E8F6FF; height:179px; border-bottom:1px solid #0077D7}
#sponsor{ width:505px; float:left; background-image:url(images/button-sponsors.jpg); background-repeat:no-repeat; height:23px }
.sponsor{ color:#FFF; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:2px 0 0 8px}
#events{width:515px; float:left; padding:16px 0 0 0 }
.eventbox{ width:248px; float:left; padding-right:8px}
#viewall a{ float:right; font:11px Arial, Helvetica, sans-serif; color:#D17105; }
#banner{ width:120px; margin:29px 0 0 20px}
#promoimg{width:261px; float:right; margin-top:14px; background-image:url(images/promo-bg.jpg); background-repeat:no-repeat; padding:7px 0 15px 7px}
#promotxt{ width:217px; margin:35px 0 0 12px; float:left }
#bodycurve{ width:971px; height:74px; float:left; background-image:url(images/body-curve.jpg); background-repeat:no-repeat; }
#bodywrapper{background-color:#FFF; float:left; width:721px}
#bodywrapperbg{background-image:url(images/index-body-bg.jpg); float:left; width:971px; background-color:#007ED6; background-repeat:no-repeat}
/*end index*/
/*inside styles*/
#insidebodycontainer{background-image:url(images/body-bg.jpg); background-repeat: no-repeat; background-color:#007DD7; width:971px; float:left}
#sidebg{ width:224px; float:left;}
#bodycontainer{ width:610px; float:left; background-color:#FFF; margin:40px 10px 0 49px }
#bodybg{background-color:#FFF; background-image:url(images/bodycontentbg.jpg); background-repeat:no-repeat; float:left; width:747px}
#bodycurveinside{ width:971px; height:73px; float:left; background-image:url(images/body-curve-inside.jpg); background-repeat:no-repeat; }
.sitemap{ width:300px; float:left}
.indent{ margin-left:10px}
.archivecolor{ width:625px; padding:5px; background-color:#E8F6FF; float:left}
.archive{ width:625px; padding:5px; float:left }
.archivedate{ width:125px; float:left}
.archivetitle{ width:475px; float:left}
#sidenavbanner{ padding:10px 0 0 0}
#spacer{float:right; width:1px}
/*end inside*/
/*footer styles*/
#footerbg{ width:971px; height:59px; background-image:url(images/footer-bg.jpg); background-repeat:no-repeat; float:left}
#ascedialogo{ width:41px; padding-left:32px; float:left; padding-top:3px}
#sponsorlogos{ width:330px; float:left; padding:14px 0 0 257px}
.sponsorlogos, .sponsorlogos li {padding:0; margin:0; float:left; list-style:none; padding-right:12px;}
#footernavcontainer{ width:177px; float:right; padding:3px 0 0 0; }
.footernav a{ padding-right:20px; color:#FFF; text-decoration:none}
#footernav, #footernav li{padding:0; margin:0; list-style:none; float:left }
.footernavnopadding a{ float:left; list-style:none; padding-right:0}
#footertxt{ width:971px; float:left; text-align:center; color:#FFF; padding:11px 0 11px 0; font-size:11px; background-color:#0096FA}
/*end footer*/
/*nav styles*/
#utilitycontainer{ width:490px; float:right; margin:30px 0 5px 0; }
#utilitynav, #utilitynav li{padding:0; margin:0; list-style:none; float:left}
.utilitynav a { display:block; font:10px Arial, Helvetica, sans-serif; color:#8ACCFF; text-decoration:none; padding-right:22px;}
.utilitynavorange a { color:#ED9601; font:10px Arial, Helvetica, sans-serif; display:block; text-decoration:none; padding-right:22px;}
.utilitynavnopadding a{font:10px Arial, Helvetica, sans-serif; color:#8ACCFF; display: block; text-decoration:none;}
.utilitynavnopadding {padding-right:0; list-style:none; float: left;}
#mainnavcontainer{ width:890px; float:right; margin:10px 10px 8px 0px;}
#mainnav, #mainnav li{padding:0; margin:0; list-style:none; float:left}
.mainnav a{ display:block; color:#FFF; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding-right:40px; }
.mainnavnopadding a{color:#FFF; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding-right:0; list-style:none; }
#sidenavcontainer{ padding:34px 29px 0 31px}
#sidenav, #sidenav li {padding-left:0; margin-left:0; list-style:none; padding-top:5px; padding-bottom:5px}
.sidenav a{ color:#FFF; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
#subnav {padding:0; margin:0; list-style:none; }
.subnav{font:12px Arial, Helvetica, sans-serif; color:#6AC4FF; width:148px; padding-left:0; margin-left:0; background-color:#0055AA; padding-left:10px;}
.subnav a{ font:12px Arial, Helvetica, sans-serif;
color:#6AC4FF;
text-decoration:none;
list-style:none;
font-weight:bold;
}
.subnav a:hover{ font:12px Arial, Helvetica, sans-serif;
color:#40B3FF;
text-decoration:none;
list-style:none;
margin:0;
background-image:none;
font-weight:bold;
}
#mainNav_1{display:none;}
/*end nav*/
#mainimg{width:971px; float:left;
position:relative;
height:249px; background-image:url(images/index-main-img-bg.jpg); background-repeat:no-repeat; margin:4px 0 5px 0;}
/*slideshow styles*/
#slideshow { width:971px; float:left;
position:relative;
height:249px; background-image:url(images/index-main-img-bg.jpg); background-repeat:no-repeat; margin:4px 0 5px 0;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow IMG.active {
z-index:10;
}
#slideshow IMG.last-active {
z-index:9;
}
/*end slideshow*/