
/* -----Homepage Containers----- */

.welcomeContainer {
	position: relative;
	border: #CFB898 1px solid;
	border-bottom-width: 0px;
	padding: 6px;
	width: 227px;
	height: 300px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(/images/tornpaneltile.png);
	vertical-align: top;
}

.newsContainer {
	position: relative;
	border: #CFB898 1px solid;
	border-bottom-width: 0px;
	padding: 6px;
	width: 227px;
	height: 172px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(/images/tornpaneltile.png);
}

.messageContainer {
	position: relative;
	border: #CFB898 1px solid;
	border-bottom-width: 0px;
	padding: 6px;
	width: 227px;
	height: 90px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(/images/tornpaneltile.png);
}

.videoContainer {
	position: relative;
	border: #CFB898 1px solid;
	border-bottom-width: 0px;
	padding: 6px;
	width: 227px;
	padding-left: 8px;
	padding-right: 0px;
	background: url(/images/tornpaneltile.png);
}

.hpWWWW {
	float: left;
	width: 36px;
	text-align: center;
	padding-right: 27px;
	padding-bottom: 5px;
	cursor: pointer;
}

.lasthpWWWW {
	padding-right: 0px;
}

.WWWWbutton {
	padding-bottom: 0px;
}

.hpBase1,
.hpBase2,
.hpBase3 {
	width: 245px;
	height: 10px;
}

.hpBase1 {
	background: url(/images/tornpanelend1.png) no-repeat top left;
}
.hpBase2 {
	background: url(/images/tornpanelend2.png) no-repeat top left;
}
.hpBase3 {
	background: url(/images/tornpanelend3.png) no-repeat top left;
}

.slideShowWell {
	z-index: 1;
}

#welcomeContent0 {
	visibility: visible; 
	display: table-row;
	position: relative;
}

#welcomeContent1,
#welcomeContent2,
#welcomeContent3,
#welcomeContent4 {
	visibility: hidden; 
	display: none; 
	position: relative;
}

/*-----------------------------------------------------------------------------
version:   1.0
author:    brian rhinehart
date:      10.21.07
email:     brian@kineticshadows.com
website:   http://www.easthill.com/
-----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
	CONTAINERS
-----------------------------------------------------------------------------*/
#tornPanelsHome {
/*	width: 760px;
	height: 360px;*/
	background: url(/images/tornPanelsMural.png) no-repeat left top;
}

#panel5ws {}

#panelNews {}

#panelCurrentMessage {}

#panelVideos {
	width: 240px;
}


/* =Torn End Panels
-----------------------------------------------------------------------------*/
.panelTornHeader01 {
	height: 28px;
	font-family: Verdana, monospace;
	font-size: 16px;
	font-weight: bold;
	color: #414141;
}

.panelTornHeader02 {
	height: 16px;
	padding-top: 10px;
	font-family: Verdana, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #414141;
}

.panelTornTop {
	height: 2px;
	width: 245px;
	background: url(/images/tornPanelCap.png) no-repeat left top;
}

.panelTornBody01,
.panelTornBody02,
.panelTornBody03 {
	width: 245px;
	background: url(/images/tornPanelTile.png) repeat-y left top;
}

.panelTornBody01 {
	height: 310px;
}

.panelTornBody02 {
	height: 180px;
}

.panelTornBody03 {
	height: 90px;
}

.panelTornBottom1,
.panelTornBottom2,
.panelTornBottom3 {
	height: 10px;
	width: 245px;
}

.panelTornBottom1 {
	background: url(/images/tornPanelEnd1.png) no-repeat left top;
}

.panelTornBottom2 {
	background: url(/images/tornPanelEnd2.png) no-repeat left top;
}

.panelTornBottom3 {
	background: url(/images/tornPanelEnd3.png) no-repeat left top;
}


#calendarBox {
	background: url(/images/homepage/icn_calendar.png) no-repeat top left;
	font-size: 12px;
	font-weight: bold;
	width: 27px;
	height: 23px;
	float: left; 
	padding-top: 8px;
	text-align: center;
}

.calendarArrowLeft,
.calendarArrowRight {
	margin-top: 8px;
	float: left;
	width: 7px;
	height: 10px;
	cursor: pointer;
}

.calendarArrowLeft {
	background: url(/images/btn_left_arrow.png) no-repeat top left;
}

.calendarArrowRight {
	background: url(/images/btn_right_arrow.png) no-repeat top left;
}


