@font-face {
  font-family: "Roboto";
  src: url("Roboto-Regular.ttf");
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: "Limelight";
  src: url("Limelight.ttf");
}




html {
min-width:840px;
font-size:12px;
font-family:"Roboto", "Lucida Grande", Arial, Helvetica, san-serif;
}

body {
background:#fff;
font-family:"Roboto", "Lucida Grande", Arial, Helvetica, san-serif;
margin:0;
padding:0;
text-align:center;
}





p, td, ul {
text-align:left;
}
th {
font-weight:bold;
}

h1, h2, h3, h4 {
font-weight:bold;
padding-bottom:0;
margin-bottom:4px;
text-align:left;
color:#155282;
}
h1, h2 {
font-family:"Limelight";
color:#158;
}

h1 {
font-size:2em;
text-transform: uppercase;
}
h2 {
font-size:1.75em;
border-bottom: solid 1px gray;
}
h3 {
font-size:1.4em;
}
h4 {
font-size:1.0625em;
}

h2+h3 {
margin-top:6px;
}

a:link,
a:visited {
color:#158;
/* text-decoration:none; */
}
a:hover,
a:active {
color:#b70;
text-decoration:underline;
}



hr {
border-top:0;
border-bottom:1px solid #b70;
}





div#page {
margin:0 auto 0 auto;
min-height:100%;
}

div#topwrap {
position:fixed;
top:0;
width:100%;
z-index:100;
background-image:url('/nyc/gfx/background3_144.png');
background-repeat:repeat-x;
background-position:center top;
height:144px;
border-left:12px solid transparent;
border-right:12px solid transparent;
}

div#header {
padding-top:32px;
position:relative;
width:900px;
height:80px;
margin:0 auto;
}
div#header h1 {
text-align:left;
font-size:40px;
}
div#header h1 a {
color:#fff;
text-decoration:none;
}


div#topnav {
position:relative;
width:900px;
height:24px;
text-align:left;
margin:0px auto;
}

div#topnav ul#xnav {
position:absolute;
background:#155282;
color:#fff;
list-style:none;
margin:0;
padding:0;
}

div#topnav ul#xnav li {
float:left;
margin:0;
padding:0;
font-size:16px;
font-weight:bold;
}
div#topnav ul#xnav li a {
color:#fff;
text-decoration:none;
}

div#topnav ul#xnav > li {
padding-right:12px;
}
div#topnav ul#xnav > li > a {
display:inline-block;
padding:4px 4px 6px 4px;
}

div#topnav ul#xnav li a:hover,
div#topnav ul#xnav li a:active {
background:rgba(255,255,255,0.25);
}

div#topnav ul#xnav li ul {
position:absolute;
top:30px;
left:0px;
width:250px;
margin:0;
padding:0;
x-index:25;
display:none;
list-style:none;
background:#155282;
border-top:solid 3px #bb7700;
}
div#topnav ul#xnav li:hover ul {
display:block;
}
div#topnav ul#xnav li:hover ul li {
display:inline;
width:100%;
text-align:left;
margin:0;
padding:0;
}
div#topnav ul#xnav li:hover ul li a {
color:#fff;
display:block;
text-decoration:none;
padding:5px 8px;
}







div#paperwrap {
margin:0 auto;
width:100%;
padding-top:144px;    /* equal to height of topwrap and any gap */
padding-bottom:36px; /* equal to height of footer and any gap */
min-height:100%;
border-left:12px solid transparent;
border-right:12px solid transparent;
}
div#paper {
position:relative;
margin:0 auto;
width:900px;
}





div#content {
background:#fff;
padding-bottom:20px;
margin-right:12px;
text-align:left;
width:900px;
}
div#content.widepage {
width:900px;
}


div#content p,
div#content ul,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content dd,
div#content dl,
div#content ud,
div#content ul {
width:600px;
}

div#content h1 + h2,
div#content h2 + p,
div#content h3 + p,
div#content h4 + p,
div#content h6 + p,
div#content h6 + div.imgright,
div#content h6 + figure.imgright {
margin-top:0;
padding-top:0;
}


div#advert {
border:dotted 1px #b70;
}

div#footerwrap {
clear:both;
width:100%;
height:36px;
margin:-36px auto 0 auto;
border-left:12px solid transparent;
border-right:12px solid transparent;
}
div#footer {
position:relative;
margin:0 auto;
width:900px;
height:36px;
}
div#footer p {
font-style:italic;
font-size:0.9em;
text-align:center;
}

.blue  {
color:#158;
}

.listbig {
font-weight:bold;
}





table.cal {
border-collapse:collapse;
margin-bottom:8px;
}

table.cal td {
border:solid #333 1px;
color:black;
text-align:left;
vertical-align:top;
width:130px;
height:100px;
min-height:100px;
padding:3px;
}
table.cal th {
font-size:16px;
font-weight:bold;
color:#158;
}
table.cal td.calmonth,
table.cal th.calmonth {
font-family:"Trebuchet MS", sans-serif;
font-size:24px;
font-weight:bold;
text-align:center;
}
table.cal td.calhdr,
table.cal th.calhdr {
background:#158 url(http://www.skatecity.com/nyc/gfx/bg2bx.jpg) top repeat-x;
color:#fff;
border-left:1px solid #99b;
border-right:1px solid #116;
border-top:1px solid #99b;
border-bottom:1px solid #116;
font-size:14px;
font-family:"Trebuchet MS", sans-serif;
font-weight:bold;
padding:3px;
min-width:100px;
text-align:center;
}

table.cal td.calWD {
background:#fff;
}
table.cal td.calWE {
background:rgba(21,62,130,0.125);
}
table.cal td.calXX {
background:#e4e4e4;
border:solid #999 1px;
}
table.cal td.calWD:hover,
table.cal td.calWE:hover {
background:rgba(187,119,0,.125);
}

.caldate {
font-size:20px;
font-weight:bold;
}
.caldata {
font-size:14px;
}




div.secbreak {
height:4px;
clear:both;
}


div.imgcenter {
clear:both;
padding:0 0 4px 0;
width:880px;
text-align:center;
}

div.imgright,
figure.imgright {
clear:right;
float:right;
width:288px;
margin:0 0 6px 8px;
padding:0 0 4px 0;
text-align:left;
border-bottom:1px solid #b70;
}


div.imgleft,
figure.imgleft {
float:left;
margin:0 8px 6px 0;
width:160px;
}


.imgright a img,
.imgleft a img {
border:0;
padding:0;
margin:0 0 6px 0;
}

figcaption,
.caption {
color:#333;
font-size:0.9em;
margin:0;
padding:0;
}

.indent {
margin-left:20px;
}


.anchorpad:before {
content:"";
display:block;
height:144px;
margin: -144px 0 0;
}