/* CSS Document */

*
		{
	margin: 0;
	padding: 0;
		}

body
		{
	background-color: #3366cc;
	background-image: url(images/graphics/background.jpg);
	background-repeat: repeat-x;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	
		}
		
#content p, .copySect p, .copyFloatSect p

		{
	font-size: 80%;
	padding: 0px 30px 10px 35px;
	/*width: 330px;*/
		}
		
#content marquee
		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00247e;
	background-color: #999999;
	margin-left: 33px;
	padding: 1px 3px;
	width: 330px;
		}
		
#content ul, .copySect ul, .copyFloatSect ul
		{
	width: 330px;
	padding-bottom: 10px;
		}

#content ul li, .copySect ul li, .copyFloatSect ul li
		{
	font-size: 80%;
	margin-left: 50px;
		}
		
/* =Headers
-----------------------------------------------------------------------------------------------------------------------*/

h1
		{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -5000px;
		}
		
h2
		{
	text-indent: -5000px;
	width: 700px;
	height: 55px;
	margin-left: 30px;
	background-repeat: no-repeat;
		}

h2#welcomeHeader
		{
	background-image: url(images/graphics/h2_welcome.gif);
		}
		
h2#newHeader
		{
	background-image: url(images/graphics/h2_new.gif);
		}
		
h2#tourHeader
		{
	background-image: url(images/graphics/h2_tour.gif);
		}
		
h2#skateHeader
		{
	background-image: url(images/graphics/h2_skate.gif);
		}
		
h2#programHeader
		{
	background-image: url(images/graphics/h2_programs.gif);
		}
		
h2#galleryHeader
		{
	background-image: url(images/graphics/h2_gallery.gif);
		}
		
h2#exhibitHeader
		{
	background-image: url(images/graphics/h2_exhibit.gif);
		}
		
h2#functionHeader
		{
	background-image: url(images/graphics/h2_function.gif);
		}
		
h2#contactHeader
		{
	background-image: url(images/graphics/h2_contact.gif);
		}
		
h2#corporateHeader
		{
	background-image: url(images/graphics/h2_corporate.gif);
		}
		
h2#formsHeader
		{
	background-image: url(images/graphics/h2_forms.gif);
		}

		

		
h3
		{
	text-align: left;		
	font-size: 100%;
	font-weight: bold;
	color: #00247e;
	margin: 5px 0 5px 33px;
		}
		
h4
		{
	font-size: 80%;
	font-weight: bold;
	color: #00247e;
	padding: 0px 0 3px 36px;
		}
		
/*----------------------------------------------------------------------------------------------------------------------------*/

hr
		{
	
	margin: 0 33px 0 33px;
	color: #3366cc;
	background-color: #3366cc;
	height: 3px;
		}



#navbar
		{
	text-align: right;
	font-size: 62.5%;
	font-weight: bold;
	padding-top: 140px;
	padding-right: 5px;
	margin-bottom: 0;
		}
		
#navbar a
		{
	display: inline;
	padding-left: 7px;
	color: #ffffff;
	text-decoration: none;
		}
		

		
#navbar a:hover, a:active 
		{
	color: #00ffff;
	
		}
		
/* Rollover Nav on index page
---------------------------------------------------------------------------------------------------------------------------------*/

a img
		{
	border: 0;
		}

#function
		{
	border: 0;
	position: absolute;
	top: 430px;
	left: 530px;
	z-index: 7;
		}
		
#tour
		{
	position: absolute;
	top: 290px;
	left: 520px;
	
	z-index: 4;
		}
		
#skating
		{
	position: absolute;
	top: 240px;
	left: 390px;
	
	z-index: 3;
		}
		
#programs
		{
	position: absolute;
	top: 370px;
	left: 400px;
	z-index: 6;
		}
		
#corporate
		{
	position: absolute;
	top: 520px;
	left: 490px;
	z-index: 8;
		}
		
#welcomeroll
		{
	position: absolute;
	top: 580px;
	left: 405px;
	z-index: 9;
		}
		
#find
		{
	position: absolute;
	top: 640px;
	left: 530px;
	z-index: 9;
		}
		
a#welcomeroll:hover
		{
	text-indent: 0;
	z-index: 10;
		}
		
a#tour:hover
		{
	text-indent: 0;
	z-index: 10;
		}
		
a#skating:hover
		{
	text-indent: 0;
	z-index: 10;
		}
a#programs:hover
		{
	text-indent: 0;
	z-index: 10;
		}

a#function:hover
		{
	text-indent: 0;
	z-index: 10;
		}
		
a#corporate:hover
		{
	text-indent: 0;
	z-index: 10;
		}

a#find:hover
		{
	text-indent: 0;
	z-index: 10;
		}
/*------------------------------------------------------------------------------------------------------------------------------*/
		
#container
		{
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #62b7f3;
	width: 760px;
	
	margin-left: -380px;
	border: 2px solid #000000;
		}
		
#header
		{
	margin-top: 0px;
	width: 760px;
	min-height: 140px;
	background-color: #00247e;
	background-image: url(images/graphics/header_back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
		}
		
#content
		{
	width: 760px;
	min-height: 500px;
	background-color: #dbdbdb;
	background-image: url(images/graphics/content_back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
		}

#footer
		{
	clear: both;
	width: 760px;
	min-height: 100px;
	background-color: #62b7f3;
	background-image: url(images/graphics/footer_back.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	
		}
		
#footer p
		{
	font-size: 62.5%;
	text-align: center;
		}

#footer p#contactinfo
		{
	margin-top: 3px;
	color: #00247e;
		}
		
#footer p#siteinfo
		{
	color: #62b7f3;
	padding-top: 55px;
	margin-bottom: 3px;
		}
		
/* content divs
--------------------------------------------------------------------------------------------------------------------------------*/

.horizSect
		{
	width: 760px;
		}

.copySect
		{
	width: 360px;
	padding-top: 10px;
	/*background-color: #ccccff;*/
		}

.copyFloatSect     /* Used when copy takes up less collumn space than image section. */
		{
	width: 360px;
	float: left;
	padding-top: 10px;
	/*background-color: #ccccff;*/
	/*border: 1px solid #ffff00;*/
		}
		
.imgSect
		{
	width: 360px;
	margin-left: 380px;
	padding-top: 10px;
	padding-bottom: 20px;
	/*background-color: #999999;*/
	/*border: 1px solid #00ff00;*/
		}

.imgFloatSect
		{
	width: 360px;
	float: right;
	padding-top: 10px;
	/*background-color: #999999;*/
		}

.imgSect img, imgFloatSect img
			{
		border: 1px solid #000033;
		margin: 5px 0 0 10px;
			}
		
.imgHolder
		{
	width: 280px;
	margin: 0 0px 20px 50px;
	font-size: 70%;
	text-align: right;
	/*border: 1px solid #ff0000*/
	
		}



.imgHolder img
		{
	border: 1px solid #000033;
		}

/*------------------------------------------------------------------------------------------------------------------------------*/

/* Image Gallery
--------------------------------------------------------------------------------------------------------------------------------*/

#thumbnails {
width: 654px;
margin: 10px 20px 10px 43px;
padding:  5px;

background-color: #ffffff;
}

#thumbnails img {
float: left;
border-top: 2px solid #e5e2d3;
border-left: 2px solid #e5e2d3;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
margin: 0 5px 5px 0;
}
.separator {
clear: both;
height: 0;
}

.logo {
margin: 0 auto 0 auto;
width: 600px;
}
.logo img {
margin: 0 0 -27px -64px;
position: relative;
}

#textContainer {
width: 400px;
margin: 0 auto;
}
h1, p {
color: #2b2b2b;
}
h1 {
font: normal 110% Arial, sans-serif;
text-transform: none;
margin: 0;
}
p {
font-size: 85%;
margin: 0 0 1em;
}


#frameBorder,#frameBackground,#displayArea {
left: 50%;
top: 50%;
position: absolute;
}

#frameBorder {
width: 650px;
margin-left: -330px;
height: 510px;
margin-top: -250px;
background-color: #000066;
z-index: 1;
}

#frameBackground {
width: 620px;
margin-left: -315px;
height: 480px;
margin-top: -245px;
background-color: #ffffff;
border-left: 5px solid #e5e2d3;
border-top: 5px solid #e5e2d3;
border-right: 5px solid #f5f0e1;
border-bottom: 5px solid #f5f0e1;
}

#displayArea {
width: 500px;
height: 376px;
margin-left: -250px;
margin-top: -188px;
}

#displayArea img {
border-top: 2px solid #e5e2d3;
border-left: 2px solid #e5e2d3;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
margin-bottom: .5em;
}

#frameBorder p {
width: 500px;
padding: 0;
font: 11px Arial, sans-serif;
color: #888888;
}

#caption, #credit {
font-weight: bold;
color: #555555;
}

p#closeWidget {
position: absolute;
top: 50%;
left: 50%;
margin-top: -235px;
margin-left: 255px;
width: 50px;
text-align: right;
}
#closeWidget img {
border: 0;
margin: 0 0 -1px;
}



/*------------------------------------------------------------------------------------------------------------------------------*/

		
img#homelink
		{
	width: 300px;
	height: 130px;
	float: left;
	position: absolute;
	top: 8px;
	left: 20px;
	border: 0;
		}
		
img#seallink
		{
	width: 65px;
	height: 85px;
	float: right;
	position: absolute;
	right: 10px;
	bottom: 3px;
	border: 0;
		}