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

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    margin-top: 4px;
    position:relative; 
    overflow:hidden; 
    width: 705px; 
    height: 305px; 
    background: #fff !important;
    border-top: none !important;
    border-bottom: none !important;
    z-index:1000;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
    width: 705px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* Nav */

/* position and dimensions of the navigator */ 
.navi { 
    float:right; 
    width:90px; 
    height:20px; 
    position: relative;
    background: #fff;
    margin-top: 290px;
    padding-bottom: 10px;
} 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(/images/skating/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}

.natrel { margin-bottom: -4px; }


#top {
	width:655px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom: 20px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:2px solid #f5f5fa;
	overflow:hidden;
	margin-bottom:20px;
}
#top #left {
	width:355px;
}
#top #left h1 {
	font-size:18px;
	color:#16325c;
	margin:0;
	padding-bottom:8px;
	line-height:25px;
}
#top #left h2 {
	font-size:13px;
	margin:0;
	color:#16325c;
	padding-bottom:16px;
}
#top #left p {
	margin:0;
	font-size:12px;
	padding-bottom:16px;
}
#top #right ul {
	font-size:12px;
	margin:0;
	padding-left:15px;
	padding-bottom:10px;
}
#top #right li {
	margin:0;
	padding-bottom:6px;
}
#top #right {
	width:243px;
	float:right;
	border-left:#f5f5fa 2px solid;
	padding-left:25px;
}
#top #right h1 {
	font-size:16px;
	margin:0;
	color:#16325c;
	padding-bottom:16px;
}
#top #right h2 {
	font-size:13px;
	margin:0;
	color:#16325c;
}
#top #right p {
	font-size:12px;
	margin:0;
	padding-bottom:16px;
}
p.closed {
	font-size:12px;
	font-weight:bold;
	color:#d70000;
	padding:10px;
	border:1px solid #d70000;
	margin:0;
	width:280px;
}
.row {
	width:680px;
	clear: left;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	overflow:hidden;
}
.row .item {
	float: left;
	width: 200px;
	margin-right: 26px;
}
.row .item h2 {
	color: #16325c;
	font-size:16px;
	margin:0;
	padding-bottom:11px;
	padding-top:7px;
}
.row .item p {
	font-size:12px;
	margin:0;
	padding-bottom:14px;
}
.rinkmaintenance table {
	border:2px solid #16325c;
	width:400px;

	padding:0;
	margin:0;
}
.rinkmaintenance tr {
	border-bottom:1px solid #16325c;
	border-left:1px solid #16325c;
	border-right:1px solid 16325c;
}
.rinkmaintenance th {
	background-color:#16325c;
	color:#fff;
}
.rinkmaintenance td {
	font-weight:normal;
	color:#000;
	font-size:12px;
}
 .new {
 color: red;
 font-weight: normal;
 font-size: 7pt;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 margin-top: -4px;
}

.dates { clear: left; width: 160px; display: block; float: left; font-weight: bold; }
.times { float: left; }