head { border-style: none; }

body {
	background-image: url('Images/ice_background_(240x240).gif');
	background-attachment: scroll;
	background-repeat: repeat;
	background-color: #000000;
	font-family: Arial MT Bold, Arial, Helvetica;
	font-size: 8pt;
	border-style: none;
	border-width: 0px;
	color: #000000;
}

/* general default formatting */

/* a:link { color: rgb(0,51,204); }
a:visited { color: rgb(51,153,102); } 
a:active { color: rgb(255,153,0); } */

div h1, h2, h3, h4, h5, h6 { color: #008080; }
dt dd { font-weight: bold; font-style: normal; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { padding: 5px; }
p { padding: 2px; margin: 0px;}
h1 { font-size: 2em; color: #99CCCC;}
h2 { font-size: 1.25em; }
h3 { font-size: 1.5em; display:inline;}
h4 { font-size: .85em; display:inline;}
h5 { font-size: .85em; display:inline; color:#ff33cc  }
h6 { font-size: .25em; }

dt { float: left; margin-right: 0.3em; }

#header {
	margin: 0px 10px 10px 180px; /* clearance for club logo */
	padding: 0px;
	border: solid #008080;
	border-width: 0px;
}

#footer {
	padding: 0px 10px 0px 10px;
	text-align: center;
	border: solid #008080 ;
	border-width: 1px 0px 0px 0px;
}

#header H1 { font-size: 2.5em; TEXT-TRANSFORM: lowercase; COLOR: #008080; display: inline; }
#header H2 { font-size: 4.5em; TEXT-TRANSFORM: uppercase; COLOR: #33CC99; display: inline; }

/* for misc images */

img { border-width: 0px; border-color: #000000; }
.jright { float: right; clear: right; margin: 10px 0 0 10px; }

/* basic tables */

table {
	padding:0px;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

/* settings for variable width center column table layout */

td#left {WIDTH:200px; }
td#center {width:100%;}
td#right {WIDTH:250px;}

/* settings for bordered boxes in columns */

td#center div {
	margin: 0px 5px 5px 10px;
	padding: 2px;
	border: 1px solid #008080;
}
td#center div h3 {
	padding: 2px;
	margin: 0px;
	font-size: 1.2em ;
	font-weight: bold;
}
td#center div h2 {
	padding: 2px;
	margin: 0px;
	font-size: 1.7em ;
	font-weight: bold;
}

/* these may need to be adjusted for the column setup */

td#left div {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 1px solid #008080;
}

td#left div h2 {
	margin: 0px;
	DISPLAY: block;
	BORDER: #000 0px solid;
	PADDING: 2px 3px 1px 3px;
	FONT-SIZE: .75em;
	BACKGROUND: #008080;
	TEXT-TRANSFORM: uppercase;
	color: #FFF;
}

td#right div {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 1px solid #008080;
}

td#right div h2 {
	margin: 0px;
	DISPLAY: block;
	BORDER: #000 0px solid;
	PADDING: 2px 3px 1px 3px;
	FONT-SIZE: .75em;
	BACKGROUND: #008080;
	TEXT-TRANSFORM: uppercase;
	color: #FFF;
}

/* clear wrap */

.clearm {
	clear: both;
	border: 0px none;
	margin:0;
	padding:0;
}

/* removed embedded div borders */

td#left div div, td#right div div, td#center div div div{
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

/* formatting for the calendar page content */

TABLE.calendar {
	border-collapse: separate;
	border-spacing: 5px;
	width:90%;
}

TABLE.calendar THEAD TD {
	BORDER: 1px #008080 solid; 
	background: #008080;
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 2px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: White; 
}

/* formatting for the volunteers tables */

TABLE.volunteers {
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	width:90%;
}
TABLE.volunteers COL {
	width:20%;
}
TABLE.volunteers TD	{
	border-spacing:0;
	border: 1px solid #008080;
	vertical-align: top;
	text-align: center;
}

/* for positioning the upper left logo */

img.logo {
	position: absolute;
	margin: 0px;
	border: none;
	width: 180px;
	height: 200px;
} 

#logospacer {height:90px;}

/* rollover button styles */

a.button {
	width: 136px;
	height: 20px;
	background-image: url('/Images/rb/btnBackground-134x20x27.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	display:block;
 	margin: 0px auto;
	padding-left:0;
	padding-right:0;
	padding-top:3px;
	padding-bottom:0;
	text-decoration: none;
	text-align:center;
	float: left;
}

/* wide rollover button styles */

a.wbutton {
	width: 182px;
	height: 28px;
	background-image: url('/Images/rb/btnBackground-180x28x36.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	display:block;
 	margin: 0px auto;
	padding-left:0;
	padding-right:0;
	padding-top:5px;
	padding-bottom:0;
	text-decoration: none;
	text-align:center;
	float: left;
}

a.wbutton:link, a.wbutton:visited {
	color: #002577;
}

a.wbutton:hover, a.wbutton:active {
	background-position: 0 -36px;
	color: #FF7200;
}

/* disabled
a.wbutton:link, a.wbutton:visited, a.wbutton:hover, a.wbutton:active {
	background-position: 0 -72px;
	color: #5F5F5F; 
	cursor: default;
}
*/

a.button:link, a.button:visited {
	color: #002577;
}

a.button:hover, a.button:active {
	background-position: 0 -27px;
	color: #FF7200;
}

/* disabled
a.button:link, a.button:visited, a.button:hover, a.button:active {
	background-position: 0 -54px;
	color: #5F5F5F; 
	cursor: default;
}
*/

span.icon {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* formatting for free-floating in-line button menus */

#ffromenu { padding:0; margin:0;}
#ffromenu li {display:inline;}

/* formatting for loaded csv frontpage calendar */
 
UL.csvfpcal { list-style:none; margin:0px;padding:0px; width:100%;}
UL.csvfpcal LI { margin: 3px; padding: 0px; }

/* styling for the expanding form button messages */

div.spoiler-wrapper{
	border: 0px none;
	outline:none;
}

div.spoiler-wrapper input[type=button] {
	border: 0px none;
	outline:none;
}

div.spoiler-wrapper input[type=button]:hover {
	background-position: 0 -27px;
	color: #FF7200;
	border: 0px none;
	outline:none;
}

span.spoiler-wrapper-button {display:inline; float:right; clear:right; border:none; outline:none; }

/* for changing the default font size */
.TxtSizer  { float:right; margin:0; padding:0;}
.TxtSizerS { font:8pt bold; font-family: Arial; text-decoration: none; }
.TxtSizerM { font:10pt bold; font-family: Arial; text-decoration: none; }
.TxtSizerL { font:12pt bold; font-family: Arial; text-decoration: none; }
.TxtSizerV { font:14pt bold; font-family: Arial; text-decoration: none; }