/* FRAME CSS */
html, body { background-color: #FFF; }

#top-row
{
	position: fixed;
	z-index: 1;
	top: 0px;
	right: 80px;
	left: 80px;
	width: auto;
	height: 80px;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/topcenter_tile.gif);
}

#left-col
{
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 80px;
	bottom: 114px;
	width: 80px;
	height: auto;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/centerleft_tile.gif);
}

#right-col
{
	position: fixed;
	z-index: 1;
	right: 0px;
	top: 80px;
	bottom: 114px;
	width: 80px;
	height: auto;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/centerright_tile.gif);
}

#bottom-row
{
	position: fixed;
	z-index: 1;
	bottom: 34px;
	right: 80px;
	left: 80px;
	width: auto;
	height: 80px;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/bottomcenter_tile.gif);
}

#top-left-corner
{
	position: fixed;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/topleft_corner.gif);
}

#top-right-corner
{
	position: fixed;
	z-index: 1;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/topright_corner.gif);
}

#bottom-left-corner
{
	position: fixed;
	z-index: 1;
	bottom: 34px;
	left: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/bottomleft_corner.gif);
}

#bottom-right-corner
{
	position: fixed;
	z-index: 1;
	bottom: 34px;
	right: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(../../archive/art/frame/border_tiles/bottomright_corner.gif);
}

a:link#adorations, a:visited#adorations
{
	position: fixed;
	z-index: 1;
	bottom: 105px;
	left: 15px;
	width: 35px;
	height: 195px;
	background-image: url(../../archive/art/frame/border_links/adorations_off.gif);
	background-repeat: no-repeat;
}

a:hover#adorations, a:active#adorations, a:focus#adorations { background-image: url(../../archive/art/frame/border_links/adorations_on.gif); }

a:link#invocations, a:visited#invocations
{
	position: fixed;
	z-index: 2;
	top: 80px;
	right: 15px;
	width: 35px;
	height: 211px;
	background-image: url(../../archive/art/frame/border_links/invocations_off.gif);
	background-repeat: no-repeat;
}

a:hover#invocations, a:active#invocations, a:focus#invocations { background-image: url(../../archive/art/frame/border_links/invocations_on.gif); }

a:link#celebrations, a:visited#celebrations
{
	position: fixed;
	z-index: 2;
	top: 15px;
	left: 80px;
	width: 191px;
	height: 35px;
	background-image: url(../../archive/art/frame/border_links/celebrations_off.gif);
	background-repeat: no-repeat;
}

a:hover#celebrations, a:active#celebrations, a:focus#celebrations { background-image: url(../../archive/art/frame/border_links/celebrations_on.gif); }

a:link#meditations, a:visited#meditations
{
	position: fixed;
	z-index: 2;
	bottom: 40px;
	right: 80px;
	width: 172px;
	height: 44px;
	background-image: url(../../archive/art/frame/border_links/meditations_off.gif);
	background-repeat: no-repeat;
}

a:hover#meditations, a:active#meditations, a:focus#meditations { background-image: url(../../archive/art/frame/border_links/meditations_on.gif); }

#navbar
{
	position: fixed;
	z-index: 2;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: auto;
	height: 34px;
	background-color: #FC3;
	background-image: url(../../archive/art/backgrounds/navbar_bg.gif);
	background-repeat: repeat;
}

#subnavbar
{
	position: fixed;
	z-index: 0;
	bottom: 114px;
	right: 80px;
	left: 80px;
	width: auto;
	height: 24px;
	background-color: #FC3;
	background-image: url(../../archive/art/backgrounds/navbar_bg.gif);
	background-repeat: repeat;
	border-width: 1px 0px 0px 0px;
	border-color: #000;
	border-style: solid;
/*
	box-shadow: 0px -2px 10px #999;
	-moz-box-shadow: 0px 2px 10px #999;
	-webkit-box-shadow: 0px 2px 10px #999;
*/
}

#toolbar
{
	position: fixed;
	z-index: 2;
	bottom: 114px;
	left: 80px;
}

#announcements
{
	/* USE display: none TO TURN ANNOUNCEMENTS OFF */
	/*display: none;*/
	/* USE display: block TO TURN ANNOUNCEMENTS ON */
	display: block;
	position: fixed;
	z-index: 0;
	top: 80px;
	right: 80px;
	left: 80px;
	width: auto;
	height: auto;
	background-color: #FC3;
	background-image: url(../../archive/art/backgrounds/navbar_bg.gif);
	background-repeat: repeat;
	border-width: 0px 0px 1px 0px;
	border-color: #666;
	border-style: solid;
	text-align: center;
	/* padding: 8px 0px 8px 0px; */
	padding: 10px 0px 10px 0px;
	box-shadow: 0px 2px 10px #999;
	-moz-box-shadow: 0px 2px 10px #999;
	-webkit-box-shadow: 0px 2px 10px #999;
}

/* ************************************************** */
/* MOBILE DEVICES */

@media only screen and (max-width:580px), only screen and (max-height:480px)
{
	#top-row, #bottom-row, #left-col, #right-col { background-image: url(none); }
	
	#top-row, #bottom-row
	{
		right: 35px;
		left: 35px;
		height: 35px;
	}
	
	#bottom-row { bottom: 26px; }
	
	#left-col, #right-col
	{
		top: 35px;
		bottom: 61px;
		width: 35px;
	}
	
	#top-left-corner, #top-right-corner, #bottom-left-corner, #bottom-right-corner
	{
		width: 35px;
		height: 35px;
		background-image: url(none);
	}
	
	#bottom-left-corner, #bottom-right-corner { bottom: 26px; }
	
	a:link#adorations, a:visited#adorations
	{
		left: 0px;
		bottom: 60px;
	}
	
	a:link#invocations, a:visited#invocations
	{
		right: 0px;
		top: 35px;
	}
	
	a:link#celebrations, a:visited#celebrations
	{
		top: 0px;
		left: 35px;
	}
	
	a:link#meditations, a:visited#meditations
	{
		bottom: 17px;
		right: 35px;
	}
	
	#navbar { height: 20px; }
	
	#subnavbar
	{
		bottom: 60px;
		right: 35px;
		left: 35px;
		width: auto;
		height: auto;
	}
	
	#toolbar
	{
		bottom: 61px;
		left: 35px;
	}
	
	#announcements
	{
		top: 35px;
		right: 35px;
		left: 35px;
	}
}