/* MAIN BODY & DESIGN LAYERS */

body {
background: #6890BA url(images/bg.jpg) repeat-x;
text-align: center;
margin: 0 auto;
padding: 0;
cursor: default;

}

a {
text-decoration: none;
color:#1354A5;
}

a:hover {
text-decoration: none;
color:#1354A5;
}


#container {

width: 800px;

margin: 0 auto;

}

#back {
	width: 800px;
	background: url(images/back.jpg) repeat-y;
	float: left;
	padding:0;
}

#top {

background: url(images/top.gif) top no-repeat;

float: left;

width: 800px;

height: 61px;

margin: 0;

padding: 0;

}



#top ul {

list-style: none;

margin: 0 10px 0 0;

padding: 28px 0 0 0;

float: right;

}



#top li {

float: left;

font-family: tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

height: 10px;

padding: 10px;

margin: 0;

}



#top li a:link, #top li a:visited {

background: url(images/top_arrow.png) top no-repeat;

color: #D7D9DD;

padding: 12px 0 0 0;

}



#top li a:hover, #top li a:active {

background: url(images/top_arrowhv.png) top no-repeat;

color: #F0DB7E;

padding: 12px 0 0 0;

}



#design {
	background: url(images/design.jpg) top no-repeat;
	float: left;
	width: 800px;
	height: 205px;
	margin: 0;
	padding: 0;
}



#navigation {
	background: url(images/nav.jpg) top no-repeat;
	float: left;
	width: 800px;
	height: 30px;
	margin: 0;
	padding: 1px 0 0 0;
}

#navigation ul {
	list-style: none;
	float: left;
	margin: 0 0 0 17px;
	padding: 0;
}

#navigation li {
	float: left;
	height: 30px;
	background: url(images/div.jpg) right no-repeat;
	font-family:  century gothic, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

#navigation li.last {background: none;}

.navigation li a, .navigation li a:link, #navigation li a:visited {
	font-size:13px;
	color: #ffffff;
	margin: 8px 20px 10px 20px;
	padding: 0;
	float: left;
}

.navigation li a:hover, #navigation li a:active {
	color: #16418D;
	margin: 8px 20px 10px 20px;
	padding: 0;
	float: left;
}

.last { background: none ; }



#content {

font-family: tahoma, arial, helvetica, sans-serif;

font-size: 12px;

float: left;

padding: 20px 0 0 20px;

padding-left:10px;

margin: 0;

line-height: 19px;

width: 800px;

color: #595959;

}



#content hr {

height: 1px;

color: #D8D8D8;

margin: 12px 0 12px 0;

}



#content img {

float: left;

margin: 0 17px 15px 0;

}

#right_col img{

border: #E9C670 solid 8px;

float: left;

margin: 0 17px 0 0;

}



#content ul {

list-style: none;

padding: 0;

margin: 10px;

}



#content li {

padding: 0 0 0 20px;

margin: 0 0 3px 0;

background: url(images/heart.jpg) no-repeat left top;

}



#hr_v {

background: url(images/d_v.jpg) repeat-y;

float: left;

width: 10px;

}



p {

margin: 9px 0 9px 0;

padding: 0;

}





/* SUB CONTENT LAYERS */



#left_col {

text-align: left;

float: left;

margin: 0 20px 0 20px;

padding: 0;

width: 200px;

}





#right_col {

text-align: justify;

float: left;

width: 455px;

margin: 0 10px 0 10px;

}



h1 {

font-family: century gothic, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #DB9925;

font-size: 20px;

margin: 0 0 10px 0;

padding: 0;

}



h2 {

font-family: tahoma, Arial, Helvetica, sans-serif;

font-weight: bold;

color: #4177D3;

font-size: 14px;

margin: 0 0 8px 0;

padding: 0;

}



h3 {

font-family: arial narrow, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #DB9925;

font-style: italic;

font-size: 16px;

margin: 0 0 8px 0;

padding: 0;

}



span {

text-transform: uppercase;

font-weight: bold;

color: #1354A5;

}



#footer {

color: #C78D4A;

text-align: justify;

float: left;

width: 800px;

clear: both;

padding: 10px 0 20px 38px;

font-family: tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

}



#button {

background: url(images/button.jpg) no-repeat;

height: 32px;

width: 90px;

padding: 5px 2px 2px 2px;

margin: 10px 0 0 0;

text-align: center;

}



#button a:link, #button a:visited {

color: #7097DD;

}



#button a:hover, #button a:active {

color: #B3B3B3;

}





.quest {

color: #5685D7;

}



.sig {

text-align: right;

font-style: italic;

color: #FF8000;

}



.more {

background: url(images/arrow.jpg) no-repeat;

color: #FF8000;

padding: 0 0 0 15px;

}



.more a:link, .more a:visited {

color: #FF8000;

}



.more a:hover, .more a:active {

color: #D8D8D8;

}



/* FORMS */



input, select, textarea {

border: none;

font-family: tahoma, Arial, Helvetica, sans-serif;

color: #275198;

font-size: 11px;

padding: 3px;

margin: 5px;

width: 150px;

float: left;

background: #E8E8E8;

}


input, select {height: 18px;}



textarea {

height: 70px;

}



label {

font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
float: left;
padding: 5px 0 0 0;
width: 70px;
text-align: left;
color: #26A7E1;
font-weight: bold;
font-size: 11px;

}



.textfield {

background: url(images/input.jpg) left top no-repeat;

padding: 2px;

}



.button {

background: url(images/button.jpg) no-repeat;

height: 32px;

width: 90px;

color: #878787;

}

#newsimage{border: #ffffff solid 8px; height:97px; width: 100px}

/** Added for button banner ********/
.buttonRetreat {
	display: block;
	width: 216px;
	height: 26px;
	background:  url("/images/retreats.png") bottom;
	text-decoration:none;
	text-indent: -99999px;
}

.buttonCounseling {
	display: block;
	width: 216px;
	height: 26px;
	background: url("/images/counseling.png") bottom;
	text-indent: -99999px;
}

.buttonSingle {
	display: block;
	width: 216px;
	height: 26px;
	background: url("/images/singles.png") bottom;
	text-indent: -99999px;
}

.buttonRetreat:hover, .buttonCounseling:hover, .buttonSingle:hover{
	background-position: 0px 0px;
}

/* Adding a non-standard font face (begin) */
@font-face {
	font-family:'Perpetua_Italic';
	src: url('/fonts/PERI____.TTF') format('truetype'); /* TTF file for CSS3 browsers */
}

/*
@font-face{ 
		font-family:'Perpetua_Italic_ie'; 
    src: url('/fonts/PERI__.eot'); 
}
*/
/* Adding a non-standard font face (end) */

#customLine {
	font-family:"Perpetua_Italic";
	font-weight: bold;
	text-shadow: 0 0 5px #FFFFFF;
  font-size:26px;
  color:#1e5d85;
  padding: 0 0 0 110px;
}

/********** Browser specific hacks *****/
.safari #navigation ul {	margin: 0 0 0 3px;}


