/*	------------------------------------------------------------
	Style Sheet
	eastwesticepalace.com
	by Tom Zepko
   	------------------------------------------------------------ */

/*	---- body ---- */
body
	{
	margin:						0;
	padding:					0;
	font-family:				"Times New Roman", "Times", serif;
	color:						black;
	font-size:					13px;
	border:						none;
	background: 				#ddd url(graphics/background2.gif) repeat-y;
	-webkit-text-size-adjust:	110%;
	}
/*
	border:						5px solid green;
*/

#navbar
	{
	width:				150px;
	}
#page-buttons
	{
	width:				80px;
	}
#home-button
	{
	width:				70px;
	}

/*	---- divisions ---- */
div.nav
	{
	width:				150px;
	margin:				0;
	padding:			0;
	border:				none;
	}
/*
	border:				1px solid red;
*/
div.content
	{
	width:				670px;
	border:				1px solid #558;
	margin:				10px 5px 10px 15px;
	padding:			0px 15px 10px 15px;
	background-color:	#fff;
	}

div.header
	{
	margin:				5px 5px 15px 5px;
	padding:			0 0 8px 0;
	border-width:		3px;
	border-style:		none none solid none;
	border-color:		#336;
	}
div.main
	{
	margin:				5px 5px 10px 5px;
	padding:			0;
	border:				none;
	text-align:			left;
	}
/*
	border:				1px solid red;
*/
div.footer
	{
	margin:				15px 5px 5px 5px;
	border-width:		3px;
	border-style:		solid none none none;
	border-color:		#336;
	padding:			12px 0 6px 0;
	text-align:			right;
	clear:				both;
	}
div.boxed, div.boxed-gray
	{
	margin:				15px 5px 10px 5px;
	border-width:		1px;
	border-style:		solid;
	padding:			0;
	clear:				both;
	}
div.boxed
	{
	border-color:		#555;
	background-color:	#fff;
	}
div.boxed-gray
	{
	padding:			5px;
	border-color:		#555;
	background-color:	#eee;
	}
div.boxed-attention, div.boxed-attention2
{
	margin:				20px 5px 20px 5px;
	border-width:		1px;
	border-style:		solid;
	padding:			0 0 5px 0;
	clear:				both;
}
div.boxed-attention
	{
	border-color:		#336;
	background-color:	#e2e2e8;
	}
div.boxed-attention2
	{
	border-color:		#b00;
	background-color:	#ffe8e8;
	border-width:		2px;
	}
div.center
	{
	margin-left:		auto;
	margin-right:		auto;
	}

/*	---- headings ---- */
h1, h2, h3, h4
	{
	font-family:		"Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-weight:		bold;
	}
h1
	{
	margin:				6px 0 0 0;
	font-size:			20px;
	text-align:			left;
	color:				#000;
	}
h2
	{
	margin:				20px 0 8px 0;
	font-size:			18px;
	text-align:			center;
	}
h3
	{
	margin:				16px 0 5px 0;
	font-size:			14px;
	text-align:			left;
	}
h4
	{
	margin:				8px 10px 5px 15px;
	font-size:			13px;
	text-align:			left;
	}

/*	---- paragraphs ---- */
p
	{
	margin:				5px 0 5px 0;
	}
p.nav-logo
	{
	margin:				15px 0 15px 0;
	text-align:			center;
	}
p.nav, p.nav-current, p.nav-indent, p.nav-indent-current, p.nav-indent2, p.nav-indent2-current
	{
	font-family:		"Lucida Grande", "Arial", "Helvetica", sans-serif;
	color:				#ff3;
	}
p.nav, p.nav-current
	{
	margin:				8px 4px 2px 10px;
	font-size:			12px;
	}
p.nav-indent, p.nav-indent-current
	{
	margin:				3px 4px 2px 19px;
	font-size:			11px;
	}
p.main-link, p.main-link2
	{
	margin:				8px 0 8px 0;
	font-size:			14px;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-weight:		bold;
	text-align:			center;
	}
p.main-link2
	{
	margin:				12px 0 12px 0;
	}
p.centerphoto
	{
	text-align:			center;
	margin-top:			12px;
	margin-bottom:		5px;
	}
p.current-path
	{
	margin:				1px 0 4px 0;
	font-family:		"Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size:			11px;
	}
p.attention-title, p.attention-title2
	{
	margin:				0 0 6px 0;
	padding:			6px;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-weight:		bold;
	text-align:			center;
	}
p.attention-title
	{
	color:				white;
	background-color:	#336;
	}
p.attention-title2
	{
	color:				white;
	background-color:	#b00;
	}
p.attention
	{
	margin:				10px 20px 10px 20px;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			12px;
	}

/*	---- lists ---- */
ul, ol
	{
	margin:				4px 20px 5px 0;
	}
li
	{
	margin:				2px 20px 2px 10px;
	}

/*	---- tables ---- */
table.center
	{
	margin:				auto;
	}
table.full-width
	{
	width:				100%;
	}
th.head
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	line-height:		140%;
	padding:			4px 8px 4px 8px;
/*
	padding:			0.4em 1em 0.4em 1em;
*/
	
	text-align:			center;
	color:				#fff;
	background-color: 	#336;
	}
th.subhead
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			12px;
	line-height:		140%;
	padding:			3px 8px 3px 8px;
	text-align:			center;
	color:				#fff;
	background-color: 	#668;
	}
/*
	padding:			0.4em 1em 0.4em 1em;
*/
td.item, td.item1, td.item2, td.item3
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	line-height:		140%;
	text-align:			left;
	}
td.item1
	{
	font-size:			12px;
	background:			#eee;
	}
td.item2
	{
	font-size:			12px;
	background:			#dddde4;
	}
td.item3
	{
	background:			#eee;
	border:				1px solid #888;
	}
td.text
	{
	font-family:		"Times New Roman", "Times", serif;
	font-size:			13px;
	padding:			0.2em 2em 0.2em 0em;
	}
td.text2
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			13px;
	padding:			0.2em 2em 0.2em 0em;
	}
td.text3
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			13px;
	padding:			0.4em 1em 0.4em 1em;
	}
td.text4
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			11px;
	padding:			2px 5px 2px 5px;
	}

/*	---- horizontal rules ---- */
hr
	{
	clear:				both;
	margin:				15px auto 15px auto;
	border:				2px 0 0 0 solid black;
	padding:			0;
	}
hr.nav
	{
	width:				80%;
	margin:				10px auto 10px auto;
	}
hr.attention
	{
	width:				40%;
	}
hr.fright
	{
	width:				80%;
	margin:				10px auto 10px auto;
	border-color:		#810;
	}

/*	---- images ---- */
img
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			10px;
	border:				none;
	margin:				0;
	padding:			0;
	}
img.icon
	{
	vertical-align:		middle;
	}
img.home-icon
	{
	margin:				8px 0 0 0;
	border:				none;
	}
img.photo
	{
	border:				1px solid #555;
	}

/*	---- classes for any element ---- */

.clear
	{
	clear:				both;
	}
.centered
	{
	text-align:			center;
	}
.right
	{
	float:				right;
	clear:				both;
	margin:				5px 5px 10px 15px;
	}
.left
	{
	float:				left;
	clear:				both;
	margin:				5px 15px 10px 0;
	}
.body
	{
	margin:				8px 20px 5px 15px;
	}
.indent
	{
	margin:				3px 20px 5px 30px;
	}
.indent2
	{
	margin:				3px 20px 5px 45px;
	}
.note
	{
	margin:				6px 10px 6px 10px;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			11px;
	}

/*	------------------------------
	special-purpose classes
   	------------------------------ */
p.homepagedesc
	{
	margin:				10px 0 10px 0;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			15px;
	line-height:		120%;
	text-align:			center;
	}
p.caption
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			13px;
	margin:				0 0 .3em 0;
	}
p.date
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			11px;
	margin:				.3em 0 .2em 0;
	}
p.filename
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			14px;
	}
p.revised
	{
	margin:				6px 10px 6px 10px;
	text-align:			center;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			12px;
	color:				#e00;
	}

/*	------------------------------
	styles for schedule pages
   	------------------------------ */

table.schedule
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			15px;
	width:				100%;
	}
th.schedule
	{
	text-align:			center;
	padding:			6px 2px 6px 2px;
	color:				#fff;
	background-color: 	#336;
	}
td.time
	{
	padding:			4px 2px 4px 2px;
	text-align:			center;
	background-color: 	#ccd;
	}
td.description
	{
	padding:			4px 8px 4px 8px;
	text-align:			left;
	background-color: 	#ccd;
	}
td.duration
	{
	padding:			4px 8px 4px 2px;
	text-align:			right;
	background-color: 	#ccd;
	}
td.empty
	{
	background-color: 	#fff;
	padding:			4px 8px 4px 8px;
	}

td.resurface
	{
	padding:			2px;
	text-align:			center;
	background-color: 	#fff;
	color:				#aaa;
	font-size:			9px;
	}
td.public
	{
	background-color: 	#c0ffc0;
	}
td.private
	{
	background-color: 	#fcd;
	}
td.rental
	{
	background-color: 	#ebf;
	}
td.freestyle
	{
	background-color: 	#ffb;
	}
td.class
	{
	background-color: 	#fd7;
	}
td.hockeyGame
	{
	background-color: 	#abf;
	}
td.hockeyPractice
	{
	background-color: 	#cdf;
	}
td.hockeyStickTime
	{
	background-color: 	#9ff;
	}
td.hockeyPickup
	{
	background-color: 	#9ef;
	}
td.other
	{
	background-color: 	#eee;
	}
td.synchro
	{
	background-color:	#ffa078;
	}

/*	------------------------------
	link color and feedback
   	------------------------------ */
/* normal link - within this site */
a:link
	{
	color:				#33f;
	}
a:visited
	{
	color:				#009;
	}
a:active
	{
	color:				#093;
	background-color:	#ff9;
	}
a:hover
	{
	color:				#f00;
	}

/* main link */
a.main:link
{
	color:				#222;
	text-decoration:	none;
}
a.main:visited
	{
	color:				#222;
	text-decoration:	none;
	}
a.main:active
	{
	color:				#093;
	background-color:	#ff9;
	text-decoration:	underline;
	}
a.main:hover
	{
	color:				#f00;
	text-decoration:	underline;
	}

/* navbar link */
a.navbar:link
{
	color:				#fff;
	text-decoration:	none;
}
a.navbar:visited
	{
	color:				#fff;
	text-decoration:	none;
	}
a.navbar:active
	{
	color:				#0f3;
	text-decoration:	underline;
	background-color:	#336;
	}
a.navbar:hover
	{
	color:				#0f3;
	text-decoration:	underline;
	}

/* haloween link */
a.fright:link
{
	color:				#c42;
	text-decoration:	none;
}
a.fright:visited
	{
	color:				#c42;
	text-decoration:	none;
	}
a.fright:active
	{
	color:				#e00;
	text-decoration:	underline;
	background-color:	#336;
	}
a.fright:hover
	{
	color:				#e00;
	text-decoration:	underline;
	}

/* web link - to another site */
a.web:link
	{
	color:				#090;
	}
a.web:visited
	{
	color:				#060;
	}
a.web:active
	{
	color:				#090;
	background-color:	#ff9;
	}
a.web:hover
	{
	color:				#f00;
	}

/* download file */
a.download
	{
	font-family:		"Lucida Grande", "Arial", "Helvetica", sans-serif;
	}
a.download:link
	{
	color:				#b00;
	}
a.download:visited
	{
	color:				#b00;
	}
a.download:active
	{
	color:				#090;
	}
a.download:hover
	{
	color:				#f00;
	}

/* email address */
a.email:link
	{
	color:				#c60;
	}
a.email:visited
	{
	color:				#c60;
	}
a.email:active
	{
	color:				#900;
	background-color:	#ff9;
	}
a.email:hover
	{
	color:				#c00;
	}

/* photo link */
a.photo:link
	{
	color:				#000;
	}
a.photo:visited
	{
	color:				#000;
	}
a.photo:active
	{
	color:				#000;
	background-color:	#eee;
	}
a.photo:hover
	{
	color:				#000;
	}

/* icon link */
a.icon:link
	{
	color:				#000;
	}
a.icon:visited
	{
	color:				#000;
	}
a.icon:active
	{
	color:				#000;
	background-color:	#f8f8f8;
	}
a.icon:hover
	{
	color:				#000;
	}