@charset "utf-8";
/* CSS Document */

/* colours

pale pink/brown - #e9ce9f
green - #a8a661
dark green - #8a8951
grey border - #9b9b9d
grey title - #af9b7a

*/

/*--- template stylz ---
--------------------- */
body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    background-color: #2E4B1D;

}

p
{
    margin-top:10px;
    margin-bottom:10px;
}

#container{
	position:relative;
	width:1003px;
	background:#ffffff;
	margin:0px auto;
	padding:0px;
	text-align:left;
	font-size:10px;
	color:#666666;
	background-image:url(../images/webpage/background.jpg);
	background-repeat:repeat-y;
    border-bottom: 12px solid #fff;
    margin-top:25px;
}

#leftBar{
	float:left;
	width:114px;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

#leafImage{
	position:relative;
	width:114px;
	height:260px;
	margin:0px;
	padding:0px;
	background-image:url(../images/webpage/left-bar.jpg);
	background-repeat:no-repeat;

}

#contactButton{
	position:relative;
	width:114px;
	height:119px;
	margin:0px;
	padding:0px;
	
}

#contactForm{
	float:right;
	width:100px;
	margin:0px;
	padding:0px;
	background:#a8a661;

}

#topBar{
	float:right;
	height:100px;
	width:889px;
	margin:0px;
	padding:0px;
	background:#ffffff;
	background-image:url(../images/webpage/top-bar.jpg);
	background-repeat:no-repeat;

}



.linkHolder{

	float:left;
	width:125px;
	height:24px;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	border:none;

}

#content{
	float:left;
	width:871px;
	margin:0px;
	padding:0px;
	background:#e9ce9f;
	border-right:2px solid #9b9b9d;
	border-left:2px solid #9b9b9d;
}

#borderBottom{
	clear:both;
	width:1003px;
	height:4px;
	background-image:url(../images/webpage/border-bottom.jpg);
	background-repeat:no-repeat;
	
}

.title{
	position:relative;
	width:600px;
	height:56px;
	margin:0px;
	padding:0px;
}

.clear{
    clear:both;
}

/*--- Navigation menu ---
-------------------------*/

* :focus{
	 outline: 0;
}

a img {
	border:none;
}

#newMenuBar{
	float:left;
	width:869px;
	height:24px;
	margin:0px;
	padding:0px;
	background:#ffffff;
	background-image:url(../images/webpage/menu-bar.jpg);
	background-repeat:repeat-x;
	border-left:3px solid #9b9b9d;
	border-right:3px solid #9b9b9d;
        z-index:300;
}

.sep
{
	border-right:3px solid #9b9b9d;
}

#newMenuBar ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;	
}

#newMenuBar ul li{

        float:left;
	display:block;
	margin:0px;
	padding:0px;
	height:24px;
}

#newMenuBar ul li a{

	height:24px;
	margin:0px;
	padding:5px;
	padding-left:2.13em;
	padding-right:2.13em;
	line-height:24px;
	color:#666666;
	text-decoration:none;
}

#newMenuBar ul li a:hover{
	
	color:#ffffff;
}

#newMenuBar ul li ul
{
    display:none;
    list-style:none;
    margin:0px;
    padding:0px;
}

#newMenuBar ul li:hover > ul
{
    position:relative;
    display:block;
    list-style:none;
    margin:0px;
    padding:0px;
}

#newMenuBar ul li ul li
{
    position:relative;
    margin:0px;
    padding:0px;
}

#newMenuBar ul li ul li a
{
    position:relative;
    display:block;
    height:48px;
    width:109px;
    text-align:center;
    vertical-align:middle;
}

/*--- Headers and Paragraphs ---
-------------------------*/

h1.mainHeader{
	
	font-size:40px;
	color:#b7a181;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:0px;
	padding:0px;
	text-transform:uppercase;
	text-align:left;
}

h2.blackBold{

	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:0px;
	padding:0px;
      
}
h2.blackBoldItalic{

	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:0px;
	padding:0px;
      margin-left:20px;
}

h2.grey{
	
	font-size:10px;
	color:#b7a181;
}

p.nonJustified{

	text-align:left;
}

p.noSpacing{
	margin:0px;
	padding:0px;
        width:570px;
}


/*--- Home Page ---
-------------------*/

#homeContent{
	position:relative;
	width:879px;
	height:270px;
	margin:0px;
	padding:0px;
}

#homeInfo{
	float:left;
	width:600px;
	height:190px;
	margin:0px;
	padding:0px;
}



#homeText{
	position:relative;
	width:575px;
	height:184px;
	margin-left:15px;
	padding:0px;

}

#workShopsTitle{
	position:relative;
	width:600px;
	height:22px;
	margin:0px;
	padding:0px;
	background-image:url(../images/webpage/home/work-shop.jpg);
	background-repeat:no-repeat;
       
}

#workshopScroll {
    height:450px;
    width:865px;
    overflow:auto;
   
}
#workShops{
	float:left;
	width:249px;
	height:170px;
	margin:0px;
	padding:0px;
	
}

#workImage{
	position:relative;
	width:243px;
	height:89px;
	margin:0px;
	padding:0px;
	background-image:url(../images/webpage/home/work.jpg);
	background-repeat:no-repeat;

}

#products
{
    position:absolute;
    top:190px;
    right:27px;
    height:49px;
    width:249px;
    margin:0px;
    padding:0px;
}

/* product order button */
#orderButtonHome
{
    float:left;
    height:49px;
    width:107px;
    margin:0px;
    padding:0px;
}

#orderButtonHome a
{
    display:block;
    height:49px;
    width:107px;
    background-image:url(../images/webpage/order/orderButton.png);
    background-repeat:no-repeat;
}

#buttonsHolder
{
    float:left;
}
/* apprenticeship button */
#buttonApprenticeship
{
    position:relative;
    height:22px;
    width:128px;
    margin-top:2px;
    padding:0px;
}

#buttonApprenticeship a
{
    display:block;
    height:22px;
    width:128px;
    background-image:url(../images/webpage/apprenticeship-button.jpg);
    background-repeat:no-repeat;
}

/* retreats button */
#buttonRetreats
{
    position:relative;
    height:22px;
    width:128px;
    margin-top:2px;
    padding:0px;
}

#buttonRetreats a
{
    display:block;
    height:22px;
    width:128px;
    background-image:url(../images/webpage/retreat-button.jpg);
    background-repeat:no-repeat;
}


#timetableButton{
	float:left;
	width:122px;
	height:75px;
	margin:0px;
	padding:0px;
	

}

#bookButton{
	float:left;
	width:121px;
	height:75px;
	margin:0px;
	padding:0px;
	

}

#seasonsContent{
	position:relative;
	width:864px;
	height:300px;
	margin:5px;
	padding:0px;

}

.season{
	float:left;
	width:216px;
	height:286px;
	margin:0px;
	padding-bottom:1px;

}

.seasonImage{
	position:relative;
	width:216px;
	height:65px;
	margin:0px;
	padding:0px;

}

.seasonText{
	position:relative;
	width:181px;
	height:211px;
	margin-left:10px;
	margin-right:25px;
	padding:0px;
	font-size:9px;
	text-align:justify;
}

/*--- About Page ---
-------------------*/

#aboutInfo{
	float:left;
	width:550px;
	margin:0px;
	padding:0px;
	
}

#aboutText{
	position:relative;
	width:550px;
	margin-left:12px;
	padding:0px;

}

#aboutImageHolder{
	position:relative;
	width:580px;
	height:100px;
	margin:0px;
	padding:0px;
	background-image:url(../images/webpage/about/pics.jpg);
	background-repeat:no-repeat;
}

#update{
	float:right;
	width:232px;
	height:350px;
	overflow:auto;
	margin-right:14px;
	margin-top:15px;
	background:#ffffff;
	border:2px solid  #9b9b9d;
}

#updateHead{
	position:relative;
	width:232px;
	height:27px;
	background-image:url(../images/webpage/about/update.jpg);
	background-repeat:no-repeat;
}

#updateContent{
	position:relative;
	width:215px;
	height:303px;
	background:#ffffff;
	padding:7px;
	text-align:none;
	overflow:auto;
}

.updateHolder{
    position:relative;
    width:190px;
    margin:0px;
    padding:5px;

}

.updateTitle{
    position:relative;
    width:190px;
    margin-top:5px;
    margin-bottom:5px;
    padding:0px;
    font-weight:bold;
}

.updateDate{
    position:relative;
    width:190px;
    margin-top:5px;
    margin-bottom:5px;
    padding:0px;
    font-weight:bold;
}

.updateTextContent{
    position:relative;
    width:190px;
    margin:0px;
    padding:0px;
}


#clickHere{
	position:absolute;right:18px;bottom:10px;
	width:244px;
	height:93px;
	margin-top:58px;
	margin-right:10px;
	
}


/*--- Product Page ---
--------------------*/

#productInfo{
	float:left;
	width:270px;
	height:375px;
}

#productText{
	width:240px;
	height:270px;
	margin-left:15px;
	text-align:justify;
}

#productImage{
	float:right;
	width:581px;
	height:208px;
	margin-right:12px;
	margin-top:12px;
	background-image:url(../images/webpage/products/product-images.jpg);
	background-repeat:no-repeat;
}

#workShopsProduct{
	float:right;
	width:249px;
	height:170px;
	margin-top:83px;
	margin-right:10px;
	padding:0px;	
}

#productInfo2{
	float:right;
	width:320px;
	height:75px;
	margin-top:15px;
	margin-right:10px;
	padding:0px;
}

#landscapeImages{
	float:left;
	width:562px;
	height:100px;
	background-image:url(../images/webpage/products/landscape-images.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
	padding:0px;
}

/*--- Order Page ---
--------------------*/

#orderInfo
{
    float:left;
    width:270px;
}

#orderText
{
    width:240px;
    margin-left:15px;
    text-align:justify;
}

.greenLink a
{
    color:#586f49;
    text-align:left;
    text-decoration:none;
}

#orderFormHolder
{
    float:left;
    height:422px;
    width:566px;
    margin:0px;
    padding:10px;
    background-color:#F4E5CD;
    border:2px solid #7A6B53;
    overflow:scroll;  
}

.orderFormItemCategory, .orderFormItemCategory a
{
    color:#586f49;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    text-decoration:none;
}

.itemDescription
{
    font-size:12px;
}

.itemDetails
{
    float:left;
    width:415px;
    margin:0px;
    padding:0px;
}

.numberOfItems
{
    float:left;
    width:110px;
    margin-left:15px;
    margin-top:30px;
    padding:0px;
}

.numberOfItemsB
{
    float:left;
    width:110px;
    margin-left:15px;
    margin-top:15px;
    padding:0px;
}

.inputLabel
{
    float:left;
    height:12px;
    width:50px;
    margin-bottom:5px;
    padding-top:6px;
}

.inputFieldHolder
{
    float:left;
    width:50px;
    margin-bottom:5px;
    padding:0px;
}

#totalAmountDisplay
{
    float:left;
    width:75px;
    height:18px;
    background:#ffffff;
    text-align:center;
    font-weight:bold;
    margin-bottom:5px;
    padding-top:6px;
}

.clearBoth
{
    clear:both;
}

#total
{
    float:right;
    margin-right:15px;
}

#submitButton
{
    position:relative;
    margin-left:475px;
    padding:0px;
}

#errorMessageShow
{
    position:relative;
    height:30px;
    width:500px;
    color:red;
}

#errorMessageHide
{
    display:none;
    position:relative;
    height:30px;
    width:500px;
    color:red;
}

/*--- Process Order ---
--------------------*/

#orderCustomerDetails
{
    position:relative;
    height:500px;
    width:700px;
    margin-left:50px;
    padding:0px;
    font-size:14px;
}

.contactDetailsLabel
{
    float:left;
    width:130px;
    margin:0px;
    padding-top:5px;
}

.inputFieldHolderContactDetails
{
    float:left;
    width:100px;
    margin-bottom:5px;
    padding:0px;
}

#contactDetailsSubmit
{
    position:relative;
    margin-left:200px;  
    padding:0px;
    padding-top:20px;
}

/*--- responseMessage Page ---
----------------------------*/

#message
{
    position:relative;
    height:20px;
    width:300px;
    margin-top:200px;
    margin-left:250px;
    margin-bottom:300px;
    padding:0px;
}

/*--- Location Page ---
--------------------*/

#locationInfo{
	float:left;
	width:430px;
	height:250px;

}

#locationText{
	float:left;
	width:415px;
	height:200px;
	margin-top:5px;
	margin-left:13px;
	padding:0px;
	text-align:justify;

}

#locationLandscapes{
	float:left;
	width:404px;
	height:201px;
	margin-left:15px;
	padding:0px;
	background-image:url(../images/webpage/location/location-landscapes.jpg);
	background-repeat:no-repeat;
}

#addressHolder{
	float:right;
	width:240px;
	margin-top:20px;
	margin-right:10px;
	padding:0px;
	background:#ffffff;
	
}

#address{
	position:relative;
	width:240px;
	height:154px;
	margin:0px;
	padding:0px;
	background-image:url(../images/webpage/location/address-top.jpg);
	background-repeat:no-repeat;
}

#getTo{
	position:relative;
	width:200px;
	height:252px;
	margin:0px;
	padding-top:5px;
	padding-right:15px;
	padding-left:25px;
	background:#ffffff;
	border-bottom:25px solid #8a8951;
	
	
}

ul.getTo{
	
	margin:0px;
	padding:0px;
}

#mapHolder{
	float:right;
	width:171px;
	height:467px;
	margin-top:20px;
	margin-right:10px;
	padding:0px;
		
}	

#mapImage{
	position:relative;
	width:171px;
	height:248px;
	padding:0px;
	background-image:url(../images/webpage/location/map.jpg);
	background-repeat:no-repeat;

}

#googleHolder{
	position:relative;
	width:169px;
	height:187px;
	margin:0px;
	padding:0px;
	border-left:1px solid #a8a661;
	border-bottom:1px solid #a8a661;
	border-right:1px solid #bebc89;
	background:#ffffff;

}
	



/*--- Articles Page ---
--------------------*/

.articlesInfo{
	float:left;
	width:520px;
	}

#articlesText{
	width:510px;
	height:80px;
	margin-left:10px;
	padding:0px;
	text-align:justify;
}

#publicationHolder{
	float:left;
	width:540px;
	margin:0px;
	padding:0px;
}

.publicationImageLink{
	float:left;
	width:120px;
	height:200px;
	margin-left:10px;
	padding:0px;
}

.publicationText{
	float:left;
	width:115px;
	margin-left:5px;
	padding-right:0px;
}

#testimonials{
	float:right;
	width:288px;
	height:430px;
	margin-right:10px;
	margin-top:15px;
	margin-bottom:10px;
	padding:0px;
	border-bottom:25px solid #8a8951;
	background:#a8a661;
	}

#testimonialsHeader{
	position:relative;
	width:288px;
	height:41px;
	background-image:url(../images/webpage/articles/testimonial.jpg);
	background-repeat:no-repeat;
}

#testimonialsText{
	position:relative;
	width:268px;
	height:360px;
	margin:0px;
	padding:10px;
	text-align:justify;
	overflow:auto;

}

/*--- Workshop Page ---
--------------------*/

#workshopInfo{
	float:left;
	width:545px;
	height:450px;
	margin-top:15px;
	margin-left:15px;
	padding:0px;
}

#tour{
	float:right;
	width:273px;
	height:450px;
	margin-right:10px;
	margin-top:50px;
	padding:0px;
}

#tourImage{
	position:relative;
	width:273px;
	height:84px;
	margin-top:10px;
	padding:0px;
	background-image:url(../images/webpage/workshop/tour.jpg);
	background-repeat:no-repeat;
}

#tourText{
	position:relative;
	width:273px;
	margin:0px;
	padding:0px;
	text-align:justify;		
}

#tableHolder{
	position:relative;
	width:560px;
	margin-top:10px;
	padding:0px;
}
.rightBorder{
	border-right:1px solid #000000;
}

.topAndBottomBorder{
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	margin-bottom:5px;
}


/*--- Gallery Page ---
--------------------*/

#gallery{
    position:relative;
	width:860px;
	height:405px;
	margin-top:15px;
	margin-left:15px;
	padding:0px;
}

#galleryImageHolder{
    position:relative;
    float:left;
    width:570px;
    height:192px;
    margin:0px;
    padding:0px;
}

.galleryThumb{
	float:left;
	width:130px;
	height:88px;
	margin-right:12px;
	margin-bottom:12px;
	padding:0px;
}

#flowPlayer{
    position:relative;
    float:right;
    height:185px;
    width:265px;
    margin-right:25px;
    padding:0px
}

/*--- Season Pages ---
--------------------*/

#seasonInfo{
	float:left;
	width:450px;
	height:520px;
	margin-bottom:10px;
	padding:0px;
}

#seasonText{
	position:relative;
	width:430px;
	margin-top:10px;
	margin-left:20px;
	padding:0px;
	text-align:justify;
        line-height:12px;
}

#seasonText ul
{
    margin:0px;
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:30px;
}


#imagesHolder{
	float:right;
	width:366px;
	margin-top:25px;
	margin-right:25px;
	padding:0px;
}

#seasonImageHolder{
	position:relative;
	width:366px;
	height:346px;
	margin:0px;
	padding:0px;
}

#seasonClickHere{
	position:relative;
	width:366px;
	height:68px;
	margin:0px;
	padding:0px;
	
}
#seasonForwardBack {
height:40px;
margin:0;
padding:0;
position:relative;
width:366px;
}
	
/*--- Thankyou Page ---
---------------------*/

#thankyouContent{
	position:relative;
	width:500px;
	height:500px;
	margin-left:10px;
	padding:0px;
}


/*--- Contact Form ---
--------------------*/
/* popuplayer */  
.pnlBody
{
    position:absolute;                                       
    width:535px;
    height:502px;    
    margin:0px;
    padding:0px;                   
    z-index:500;
}

#enquirePnlInner
{
    padding:0px;
    margin:0px;
                             
}
#enquireBox
{
    width:535px; 
	height:502px;
    background-color: transparent;
    background-image: url('../images/webpage/contact/contactForm_03.png');
    filter :progid:DXImageTransform.Microsoft.AlphaImageLoader; 
    background-repeat: repeat;
	position:relative;
}
#formDiv
{
	position:absolute;
	width:380px;
	top:85px;
	right:35px;
	color:#666666;
	font-size:10px;
	text-align:left;
	
}
#PopupOverlay
{
    position:absolute;    
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:400;
    margin:0px;
    background-color:#000000;
}

.textBox{
	width:270px;
	height:12px;
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;
}

.selectionBox{
	width:272px;
	height:18px;
	font-size:10px;
	color:#666666;
}

.textAreaBox{
	width:268px;
	font-size:11px;
	color:#666666;
}

p.form{
		margin:0px;
		margin-top:5px;
		
}

/*--- Newsletter Form ---
------------------------*/

#newsletterForm{
	float:right;
	width:90px;
	height:200px;
	background-color:#a8a661;
	font-size:10px;
	color:#ffffff;
	margin:0px;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

#newsletter{
	border:none;
	padding:0px;
	
}

.subscribe{
	font-size:10px;
	color:#af9b7a;
	width:85px;
}

.submit{
	margin-top:5px;
    font-size:10px;
}
	

/*--- Admin Article Form ---
--------------------------*/ 

#editArticle{
    padding:50px;
    margin-left:150px;
}

#editArticle input#title, #editArticle input#date{ 
    width:500px; 
    padding:0px;
    margin-left:24px;
    margin-bottom:10px;
}

#editArticle input#date{ 
    width:500px; 
    padding:0px;
    margin-left:20px;
    margin-bottom:10px;
}

#editArticle input#submit{  
    float:right;
    margin-right:180px; 
    margin-top:10px; 
}

#editArticle label{
    width:50px;
    padding:10px;
    font-size:12px;
}

#editArticle label.content{
    width:50px;
    display:block;
    float:left;
    margin-bottom:203px;
    padding:10px;
    font-size:12px;
}

h1.admin{
    margin-left:150px;
    margin-top:20px; 
}
    
table#aboutUs{
    margin-left:150px;   
}

textarea.content{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;  
    width:500px; 
}

#loginForm
{
    position:relative;
    height:200px;
    width:500px;
    margin-left:150px;
    padding:0px;
}
.messageDiv
{
    position:relative;
    width:400px;
    height:50px;
    color:red;
    margin-top:20px;
    margin-left:250px;
    padding:0px;
}

.hideMessageDiv
{
    position:relative;
    width:400px;
    height:50px;
    color:red;
    display:none;
}

#logout
{
    position:relative;
    width:850px;
    height:20px;
    text-align:right;
    margin-top:20px;
    padding:0px;
}

#orderButtonSpring
{
    position:absolute;
    top:175px;
    left:462px;
    height:49px;
    width:107px;
    margin:0px;
    padding:0px;
}

#orderButtonSpring a
{
    display:block;
    height:49px;
    width:107px;
    background-image:url(../images/webpage/order/orderButton.png);
}

#orderButtonSummer
{
    position:absolute;
    top:180px;
    left:400px;
    height:49px;
    width:107px;
    margin:0px;
    padding:0px;
}

#orderButtonSummer a
{
    display:block;
    height:49px;
    width:107px;
    background-image:url(../images/webpage/order/orderButton.png);
}

#orderButtonAutumn
{
    position:absolute;
    top:592px;
    left:132px;
    height:49px;
    width:107px;
    margin:0px;
    padding:0px;
}

#orderButtonAutumn a
{
    display:block;
    height:49px;
    width:107px;
    background-image:url(../images/webpage/order/orderButton.png);
}

#orderButtonWinter
{
    position:absolute;
    top:175px;
    left:450px;
    height:49px;
    width:107px;
    margin:0px;
    padding:0px;
}

#orderButtonWinter a
{
    display:block;
    height:49px;
    width:107px;
    background-image:url(../images/webpage/order/orderButton.png);
}

#orderButtonProducts
{
    position:absolute;
    top:380px;
    left:400px;
    height:49px;
    width:107px;
    margin:0px;
    padding:0px;
}

#orderButtonProducts a
{
    display:block;
    height:49px;
    width:107px;
    background-image:url(../images/webpage/order/orderButton.png);
}


/* apprentice.php */

#apprentice1
{
    float:left;
    height:417px;
    width:242px;
    margin-left:10px;
    padding:0px;
}

#apprentice2
{
    float:left;
    height:100%;
    width:242px;
    margin-left:20px;
    padding:0px;
}

#apprentice3
{
    float:left;
    height:100%;
    width:316px;
    margin-left:20px;
    padding:0px;
}

span.green
{
    color:#314e22;
}

span.italicSpan
{
    font-style:italic;
}

span.smallFont
{
    font-size:9px;
}

#apprenticePic
{
    position:relative;
    background-image:url(../images/webpage/apprentice/apprenticeship.jpg);
    background-repeat:no-repeat;
    height:162px;
    width:242px;
    margin:0px;
    padding:0px;
}

#courseDetails
{
    position:relative;
    height:110px;
    width:316px;
    background-image:url(../images/webpage/apprentice/apprenticeship-white-panel.gif);
    background-repeat:no-repeat;
    margin:0px;
    padding:5px;
}

#courseDetails p
{
    width:306px;
}

p.hours
{
    margin-top:0px;
    margin-bottom:5px;
}

p.apprenticeDetails
{
    margin-top:0px;
    margin-bottom:0px;
}

span#cost
{
    margin-left:80px;
}

a.green
{
    color:#314e22;
    text-decoration:none;
}

/* retreats.php */

#retreats1
{
    float:left;
    height:411px;
    width:242px;
    margin-left:10px;
    padding:0px;
}

#retreats2
{
    float:left;
    height:100%;
    width:242px;
    margin-left:20px;
    padding:0px;
}

#retreatsPic
{
    position:relative;
    background-image:url(../images/webpage/retreats/retreat.jpg);
    background-repeat:no-repeat;
    height:160px;
    width:239px;
    margin:0px;
    padding:0px;
}

#retreatInfo{
	float:right;
	width:314px;
	height:406px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	}

#retreatHeader{
	position:relative;
	width:314px;
	height:14px;
	background-image:url(../images/webpage/retreats/retreat-header.jpg);
	background-repeat:no-repeat;
}

#retreatText{
	position:relative;
        background-color:#ffffff;
	width:294px;
	height:358px;
	margin:0px;
	padding:10px;
	text-align:justify;
	overflow:auto;

}

#retreatFooter{
	position:relative;
	width:314px;
	height:14px;
	background-image:url(../images/webpage/retreats/retreat-footer.jpg);
	background-repeat:no-repeat;
}

#retreatArticle
{
    position:relative;
}

p.retreatArticleHeader
{
    float:left;
    width:70%;
    color:#B7A181;
    font-style: italic;
    font-size:15px;
    margin:0px;
    padding:0px;
}

span.retreatCost
{
    float:right;
    width:25%;
    color:#314e22;
    font-size:24px;
    text-align:right;
    margin-bottom:20px;
    padding:0px; 
}

span.smallHeader
{
    font-size:13px;
}

p.retreatSubHeader
{
    font-style: italic;
    margin:0px;
}

.articleSeparator
{
    position:relative;
    height:3px;
    width:100%;
    background-color:#E9CE9F;
    margin-top:5px;
    margin-bottom:10px;
}

/*************** NAVIGATION MENU ****************/


* :focus{
	 outline: 0;
}

a img {
	border:none;
}

#navFloat
{
    float:left;
    width:875px;
    height:24px;
}

#navHolder
{
    position:relative;
    width:869px;
    height:24px;
    margin:0px;
    padding:0px;
    background:#ffffff;
    background-image:url(../images/webpage/menu-bar.jpg);
    background-repeat:repeat-x;
    border-left:3px solid #9b9b9d;
    border-right:3px solid #9b9b9d;
    z-index:300;
}

#navHolder ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}

#navHolder  ul li
{
    float:left;
    display:block;
    margin:0px;
    padding:0px;
    height:24px;
}

#navHolder ul li a
{
    height:24px;
    margin:0px;
    padding:5px;
    padding-left:2.13em;
    padding-right:2.13em;
    line-height:24px;
    color:#666666;
    text-decoration:none;
}

#navHolder ul li ul
{
    display:none;
    list-style:none;
    margin:0px;
    padding:0px;
}
#navHolder ul li:hover > ul
{
    position:relative;
    display:block;
    list-style:none;
    width:100px;
    margin:0px;
    padding:0px;
    z-index:350;
}

#navHolder ul li ul li
{
    position:relative;
    height:24px;
    margin:0px;
    padding:0px;
}

#navHolder ul li ul li a
{
    position:relative;
    display:block;
    background-color:#2E4B1D;
    height:24px;
    width:101px;
    color:#F5DD09;
    text-align:center;
    vertical-align:middle;
    border:3px solid #9b9b9d;
    margin:0px;
    padding:0px;
}

#navHolder ul li a:hover, #navHolder ul li ul li a:hover
{
    color:#ffffff;
}