/* 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(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/topcenter_tile_gif-1368450558);
}

#left-col
{
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 80px;
	bottom: 114px;
	width: 80px;
	height: auto;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/centerleft_tile_gif-1368450559);
}

#right-col
{
	position: fixed;
	z-index: 1;
	right: 0px;
	top: 80px;
	bottom: 114px;
	width: 80px;
	height: auto;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/centerright_tile_gif-1368450559);
}

#bottom-row
{
	position: fixed;
	z-index: 1;
	bottom: 34px;
	right: 80px;
	left: 80px;
	width: auto;
	height: 80px;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/bottomcenter_tile_gif-1368450560);
}

#top-left-corner
{
	position: fixed;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/topleft_corner_gif-1368450561);
}

#top-right-corner
{
	position: fixed;
	z-index: 1;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/topright_corner_gif-1368450562);
}

#bottom-left-corner
{
	position: fixed;
	z-index: 1;
	bottom: 34px;
	left: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/bottomleft_corner_gif-1368450563);
}

#bottom-right-corner
{
	position: fixed;
	z-index: 1;
	bottom: 34px;
	right: 0px;
	width: 80px;
	height: 80px;
	background-color: #000;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/bottomright_corner_gif-1368450564);
}

a:link#adorations, a:visited#adorations
{
	position: fixed;
	z-index: 1;
	bottom: 105px;
	left: 15px;
	width: 35px;
	height: 195px;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/adorations_off_gif-1368450565);
	background-repeat: no-repeat;
}

a:hover#adorations { background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/adorations_on_gif-1368450566); }

a:link#invocations, a:visited#invocations
{
	position: fixed;
	z-index: 2;
	top: 80px;
	right: 15px;
	width: 35px;
	height: 211px;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/invocations_off_gif-1368450568);
	background-repeat: no-repeat;
}

a:hover#invocations { background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/invocations_on_gif-1368450569); }

a:link#celebrations, a:visited#celebrations
{
	position: fixed;
	z-index: 2;
	top: 15px;
	left: 80px;
	width: 191px;
	height: 35px;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/celebrations_off_gif-1368450569);
	background-repeat: no-repeat;
}

a:hover#celebrations { background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/celebrations_on_gif-1368450571); }

a:link#meditations, a:visited#meditations
{
	position: fixed;
	z-index: 2;
	bottom: 40px;
	right: 80px;
	width: 172px;
	height: 44px;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/meditations_off_gif-1368450572);
	background-repeat: no-repeat;
}

a:hover#meditations { background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/meditations_on_gif-1368450572); }

#navbar
{
	position: fixed;
	z-index: 2;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: auto;
	height: 34px;
	background-color: #FC3;
	background-image: url(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/navbar_bg_gif-1368450573);
	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(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/navbar_bg_gif-1368450573);
	background-repeat: repeat;
	border-width: 1px 0px 0px 0px;
	border-color: #000;
	border-style: solid;
}

#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(https://cc567e6974a50a22af85-2e4ece1a03f39b1f2bd54674370404cc.ssl.cf2.rackcdn.com/navbar_bg_gif-1368450573);
	background-repeat: repeat;
	border-width: 0px 0px 1px 0px;
	border-color: #666;
	border-style: solid;
	text-align: center;
	padding: 4px 0px 4px 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;
	}
}