/* CSS Document */

body
{
	margin: auto auto auto auto;
	background-image: url(../layoutImages/tanTile.gif);
	font-family: Georgia,Verdana,Times New Roman,Times,Sans Serif;
	font-size: 11px;
	line-height: 15px;
	color: #815E4A;
}

a
{
	text-decoration: none;
	color: #6699ff;
}

#mainContainer
{
	position: relative;
	width: 816px;
	height: 645px;
	margin: auto auto auto auto;
	text-align: center;
}

#mainTop
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../layoutImages/mainTop.gif);
	width: 816px;
	height: 20px;
}

#mainBottom
{
	position: absolute;
	left: 0px;
	top: 625px;
	background-image: url(../layoutImages/mainBottom.gif);
	width: 816px;
	height: 20px;
}

#mainLeft
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../layoutImages/mainLeft.gif);
	width: 20px;
	height: 645px;
}

#mainRight
{
	position: absolute;
	left: 796px;
	top: 0px;
	background-image: url(../layoutImages/mainRight.gif);
	width: 20px;
	height: 645px;
}

#mainContent
{
	position: absolute;
	left: 20px;
	top: 20px;
	background-color: #FFFFFF;
	width: 776px;
	height: 605px;
}

#logoPanel, #retreatsLogoPanel
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 228px;
	height: 496px;
}

#logoPanel
{
	background-image: url(../layoutImages/logoAndBarbara.jpg);
}

#retreatsLogoPanel
{
    background-image: url(../layoutImages/retreatsLogoAndBarbara.jpg);
}

#headerPanel
{
	position: absolute;
	left: 228px;
	top: 10px;
	background-image: url(../layoutImages/headerTile.gif);
	background-repeat: repeat-y;
	width: 539px;
	height: 118px;
	border-bottom: 2px solid #B4C7EE;
}

.headerText
{
	margin-top: 38px;
}

#menuPanel
{
	position: absolute;
	left: 228px;
	top: 127px;
	width: 539px;
	height: 35px;
	font-size: 10px;
	border-bottom: 2px solid #B4C7EE;
	margin: auto auto auto auto;
}

#subMenuPanel
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 27px;
	font-size: 10px;
    background-color: #e0ebff;
	margin: auto auto auto auto;
}

#menuPanel a, #menuPanel a:visited, #menuPanel a:active, #menuPanel a:link,
#subMenuPanel a, #subMenuPanel a:visited, #subMenuPanel a:active, #subMenuPanel a:link
{
	text-decoration: none;
	text-transform: uppercase;
	color: #815E4A;
	margin: auto 4px auto 4px;   
}

#menuPanel a:hover, #subMenuPanel a:hover
{
	color: #6699ff;
}

#menuPanel a.selectedMenuItem, #subMenuPanel a.selectedMenuItem
{
	color: #6699ff;
}

#menuPanel table
{
	margin: 7px auto auto auto;
}

#subMenuPanel table
{
    margin: 3px auto auto auto;
}

#contentPanel
{
	position: absolute;
	left: 228px;
	top: 164px;
	width: 549px;
	height: 332px;
	border-bottom: 2px solid #B4C7EE;
}

#contentText
{
	position: absolute;
	left: 41px;
	top: 0px;
	width: 367px;
	height: 297px;
	border-left: 2px solid #B4C7EE;
	border-right: 2px solid #B4C7EE;
	padding: 35px 55px 0px 38px;
	text-align: left;
}

.contentImage
{
    float: left;
    padding: 5px 5px 0px 0px;
}

#contentHeading
{
    position: relative;
	left: 0px;
	top: -18px;
}

#contentText .intro
{
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    color: #6699ff;
    padding: 0px 0px 10px 0px;
}

#contentText .title
{
    width: 110%;    
}

#contentText .title, #contentText .highlight
{
    color: #6699ff;
}

#scrollers
{
	position: absolute;
	right: 65px;
	bottom: 15px;
	text-align: center;
	font-size: 9px;
}

#scrollers td
{
	padding: 0px 0px 0px 0px;
}

#scrollers img
{
	cursor: pointer;
}

.initialImage
{
	float: left;
}

.show
{
	display: inline;
}

.hide
{
	display: none;
}

#contactPanel
{
	position: absolute;
	left: 0px;
	top: 496px;
	background-image: url(../layoutImages/contactTile.gif);
	background-repeat: repeat-y;
	width: 227px;
	height: 109px;
}

#contactText
{
	position: absolute;
	left: 0px;
	top: 13px;
	width: 167px;
	height: 81px;
	font-size: 14px;
	padding-left: 40px;
	padding-right: 20px;
	text-align: left;
}

#contactText td
{
	padding-right: 10px;
}

#contactText a
{
	text-decoration: none;
	color: #FFFFFF;
}

#footerPanel
{
	position: absolute;
	left: 228px;
	top: 498px;
	width: 539px;
	height: 109px;
}

#footerPanel a
{
    text-decoration: underline;
}

.footerText
{
	margin-top: 38px;
}

.retreatsFooter
{
    background-color: #e5e5cc;
    padding-right: 10px;
}

.retreatsFooterText
{
    position: relative;
    display: block;
    left: 62px;
    top: 23px;
    margin-right: 114px;
    text-align: left;
}

.retreatsFooterText .title
{
    display: block;
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 5px;
}