html, body{ width: 100%; height: 100%; }
body{ background:#574a05 url(../images/layout/bg-vertical.gif) 50% 0 repeat-y; font: 12px/1.5em Georgia, 'Times New Roman', serif;}

#content h1{ font-size:25px; color: #0c0c0d; }
#content p{ font-size: 16px; line-height: 24px; color: #34291a; padding: 10px 0; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

.link1{ font-size: 25px; color: #0c0c0d; text-decoration: none; }
.link1:hover{ color: #ffffff;}

#wrap-container{/*min-height:721px;height:auto!important;height:721px;*/ background:#574a05 url(../images/layout/bg.jpg) 50% 0 no-repeat; }
#container{ width: 920px; margin: 0 auto; background: url(../images/layout/bg.jpg) 50% 0 no-repeat; padding-bottom: 35px; }
#header{ height: 120px; position:relative; background: url(../images/layout/stanbrook-header-logo.jpg) 50% 100% no-repeat; border-bottom: 1px solid #282828; }

/* top navigation */
#topnav{position:absolute; left:108px; bottom:0px; background: url(../images/topnav-bg.png) 25px 14px no-repeat; padding: 0px; float: left; }
#topnav li{ display:block; float: left;  font-size: 12px; position: relative;  background: url(../images/layout/topnav-right-line.png) 100% 50% no-repeat;}
#topnav li.last{ background: none;}
#topnav li a {font:bold 12px/12px Georgia, 'Times New Roman', serif; text-decoration: none; text-transform: uppercase; color: #34291a; padding: 5px 7px; display: block; float: left;}
#topnav li a:hover{color:#ffffff; }
#topnav li ul{display:none; float: left; position: absolute; z-index: 200; left: -1px; top: 22px;border:1px solid #282828; border-width:0px 1px 1px; background: #2b2a2c url(../images/layout/topnav-submenu-bg.jpg) 0 0 repeat-x; padding: 0; }
#topnav li ul li{float: left;	clear: left;	width: 150px; border-top: 1px solid #919191;	border-bottom: 1px solid #373737; background: none;	font-size: 12px;}
#topnav li ul li.first{ border-top:0px; }
#topnav li ul li.last{ border-bottom:0px; }
#topnav li ul li a{float: none; line-height: 20px; padding: 2px 10px; display: block; font-weight: normal; padding: 5px; text-decoration: none; text-transform: uppercase; text-indent: 0; color: #000000;}
#topnav li ul li a:hover{/* background: #ffffff; color:#1f220f;*/ }
.topnav li ul li ul{ float: left; margin: -21px 0 0 150px; padding: 0; }

#banner {padding:4px 0;}
#banner .slider{ height: 213px; }

#content{ background: url(../images/layout/content-bg.png) 0 0 repeat; padding: 25px; position: relative; z-index: 100; /*min-height: 344px;*/ }
#content .article{ min-height: 276px; height: auto!important;height:276px;}

.left-images{ position: relative;  margin:0 15px 0 0; width: 270px; height:390px;float: left; text-align: right; }
.imgblock1{ position: relative; top: -50px; right: 0px; width: 210px; height: 229px;background: #454433; border: 3px solid #0c0b0d; float: right; overflow: hidden; }
.imgblock2{ position:relative; top: -45px; right: 0px; width: 210px; height: 193px;background: #454433; border: 3px solid #0c0b0d; float: right; overflow: hidden;}
.left-images img{  }

#footer{ width: 920px; margin: 0 auto; background: #454433; position: relative; margin-top: -30px; color: #a59f7b; min-height: 50px; }
#footer .block{ width: 31%;padding:1%; float: right; }

#footer h3{ color: #ffffff; font-weight: bold; padding: 0 0 10px; }
#footer .contact-form h3 span{ float: right; font-weight: normal;}
#footer .contact-form input,
#footer .contact-form textarea {  background: #323126; border: 0px; color: #ffffff; padding: 4px 5px; margin-bottom: 5px; width:270px; font: 12px/1.5em Georgia;}
#footer .contact-form input.btn1{ width: auto; cursor: pointer; }
#footer .contact-form input.btn1:hover{ background: #a59d79; color: #000000; }

#footer .copyright,
#footer .author{ text-align: right; font-size: 11px; color: #aba894; }
#footer .author a{ color: #aba894; }

#footer .news{ border:1px solid #323126; border-width: 0px 1px; }
#footer .news p{text-align: justify; }
#footer .news a{ color:#ffffff; }

.error{	color: red;}
#enquiry-form .error{ float: left; clear:left;  }

.thumb{
 background:#ffffff;
 margin:5px;
 padding:5px;
 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3); 
}


/* ----------/Inside CMS pages content\---------- */
#content .article h1 { padding: 5px 0; font: italic 34px/48px Georgia; text-shadow: 0px 0px 3px rgba(0,0,0,0.5);}
#content .article h2 { font: bold 20px/25px Georgia; }
#content .article h3 { font: bold 20px/25px Georgia; padding: 10px 0; }
#content .article h3 span{font-weight:normal; font-size: 12.5px; font-style: normal; }
#content .article a {  font-weight: 700; color: #454433;}
#content .article a:hover {color: #ffffff;}
#content .article .subtitle { font: 12/25px Georgia; }

/* Discernment page */
#content .intro, #content .paragraph1{  background-position:0 0; background-repeat:no-repeat; padding: 0 0 0 220px; text-align: center;}
#content ul { padding-left:15px; margin-bottom: 20px;}
#content ul li{ padding-left: 10px; font-size: 16px; line-height: 25px; color: #34291A; list-style: disc; list-style-position: outside;}
.cite{font-style: italic; text-align: center;}

/* Discrenment page */
#content .intro.discernment{ min-height: 160px; height: auto!important; height: 160px; background: url(../images/content/tree-graphic.png) 0 0 no-repeat;}
#content .paragraph2.discernment{ min-height: 587px; height: auto!important; height: 587px; background: url(../images/content/journey-img1.png) 100% 0 no-repeat; padding: 0 300px 0 0;}
#content .paragraph3.discernment{ min-height: 442px; height: auto!important; height: 442px; background: url(../images/content/journey-img2.png) 0% 0% no-repeat;}
#content .paragraph4.discernment{ min-height: 506px; height: auto!important; height: 506px; background: url(../images/content/journey-img3.png) 100% 0% no-repeat;padding: 0 300px 0 0;}
/* Friends page */
#content .intro.friends{min-height: 196px; height: auto!important; height: 196px; background-image: url(../images/content/friends-graphic.png);  }
#content .paragraph2.friends{ }
#content .paragraph3.friends{ min-height: 481px; height: auto!important; height: 481px; background: url(../images/content/friends-img1.png) 0% 0% no-repeat;}
#content .paragraph4.friends{ }
/* Oblates page */
#content .intro.oblates{ padding-bottom: 20px; min-height: 160px; height: auto!important; height: 160px; background: url(../images/content/tree-graphic.png) 0 0 no-repeat;}
#content .paragraph2.oblates{ min-height: 260px; height: auto!important; height: 260px; background: url(../images/content/oblates-img1.png) 0 0 no-repeat; padding: 0 0 0 400px;}
#content .paragraph3.oblates{ min-height: 790px; height: auto!important; height: 790px; background: url(../images/content/oblates-img2.png) 100% 0 no-repeat; padding: 0 270px 0 0;}
/* Day in a life page */
#content .article .daylife h3{font-style: italic;}
#content .intro.daylife{ min-height: 310px; height: auto!important; height: 310px; background: url(../images/content/daylife-img1.png) 0 0 no-repeat;}
#content .paragraph3.daylife{ min-height: 768px; height: auto!important; height: 768px; background: url(../images/content/daylife-img2.png) 100% 0 no-repeat; padding: 0 300px 0 0;}
#content .paragraph4.daylife{ min-height: 708px; height: auto!important; height: 708px; background: url(../images/content/daylife-img3.png) 100% 0 no-repeat; padding: 0 443px 0 0;}
#content .paragraph5.daylife{ min-height: 375px; height: auto!important; height: 375px; background: url(../images/content/daylife-img4.png) 0 0 no-repeat;}

/* ----------\Inside CMS pages content/---------- */

/* DYNAMIC FORM STYLE */

.dynamic-form input {
	background-color: #f5f5f5;
	font-size: 11pt;
	width: 360px;
	margin-bottom: 10px;
	padding: 4px;
}

.dynamic-form select {
	background-color: #f5f5f5;
	font-size: 11pt;
	width: 360px;
	margin-bottom: 10px;
	padding: 4px;
}

.dynamic-form textarea {
	background-color: #f5f5f5;
	font-size: 11pt;
	width: 360px;
	margin-bottom: 10px;
	padding: 4px;
}

.error{	color: red;}
.dynamic-form .error{ 
	float: none; 
	clear:left; 
	display: block; 
}