/* CSS Document */

/* This Cascading Style Sheet was lovingly coded by Joshua Bryant. */
/* I have added some comments throughout to help make it easier    */
/* to understand the layout. If you have any comments, questions,  */
/* or suggestions, I would love to hear from you.                   */
/* Email to: jshbryant(at)gmail.com                                */

/* ------------ Special Note ------------ */
/* Margin is the area around the outside  */
/* of an object, and padding is the area  */
/* around the inside of an object. :-)    */
/* ---------------------------------------*/

/* ----------------------- General Rules ----------------------- */
body {
	margin:0;
	background-color:#003663;
	background-image:url('http://www.iblp.org.nz/layout_images/bg-img.gif');
	background-repeat:repeat-x;
	padding:0px;
	font-family:Verdana, Tahoma, Arial, sans-serif;
}
img {
	border:0;
	margin:0;
	border-style:none; /* <-- Removes the blue border around linked images that Firefox automatically adds */
}
p {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:small;
	margin-left:10px;
}
a {
	color:#4C96D5;
}
a-hover {
	color:#4C96D5;
}
h1 {
	color:#B3692A;
	padding:0px;
	margin:0px;
	font-family:"Book Antiqua", Verdana, Tahoma, Arial, sans-serif;
	font-size:xx-large;
	font-style:italic;
}
h2 {
	font-size:large;
	color:#003663;
	font-family:"Book Antiqua", Verdana, Tahoma, Arial, sans-serif;
	font-style:italic;
	padding:0px;
	margin:0px;
}
h3 {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:small;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.vacanttitle {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:small;
	color:#FF0000;
	font-style:italic;
	padding:0px;
	margin:0px;
}
.menutitle {
	font-size:small;
	color:#003663;
	font-family:"Book Antiqua", Verdana, Tahoma, Arial, sans-serif;
	font-style:italic;
	padding:0px;
	margin:0px;
}
ul {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:small;
	margin-left:30px;
}
.imgblock {
	display:block; /* <-- Removes the gap below images that Firefox automatically adds */
}
/* --------------------- Specific Rules ---------------------- */

/* ----------------------- Head Layout ----------------------- */
#headstretch {
	width:100%;
	height:200px;
	background-image:url('http://www.iblp.org.nz/layout_images/head-bg-gradient.jpg');
	background-repeat:repeat-x;
}
#head {
	width:650px;
	height:180px;
	margin:0px auto 0px auto;
	display:block;
}
#headphoto {
	height:122px;
	margin:0px;
	padding:0px;
}
#headtitle {
	height:58px;
}
/* -------------------- Navigation Layout -------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.glossymenu{
list-style-type: none;
margin:0;
padding: 0;
width: 150px;
border:0;
border-bottom-width: 0;
}
.glossymenu li a{
background: url(http://www.iblp.org.nz/layout_images/navback.gif) repeat-x bottom left;
font: bold small "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
/*End of Credits: Dynamic Drive CSS Library */

#navbar a:hover,	/*<-- From www.websiteoptimization.com - This keeps the current page-menu highlighted */
  .home #navbar #home a,
  .about #navbar #about a,
  .vacancies #navbar #vacancies a,
  .residency #navbar #residency a,
  .events #navbar #events a,
  .contact #navbar #contact a,
  .training #navbar #training a,
  .education #navbar #education a,
  .counselling #navbar #counselling a,
  .healing #navbar #healing a,
  .accommodation #navbar #accommodation a,
  .functions #navbar #functions a,
  .meetings #navbar #meetings a,
  .retreats #navbar #retreats a {
 background: url(http://www.iblp.org.nz/layout_images/navhover.gif) top left repeat-x; color: #ffffff;
 padding-top:2px;
}
/* ----------------------- Body Layout ----------------------- */
#container {
	width:630px;
	margin:10px auto 0px auto;
	min-height:400px;
	background-color:#ffffff;
	padding:10px 10px 100px 10px;
}
#content {
	width:500px;
}
#rightcolumn {
	width:200px;
	float:right;
	margin:0px -100px 20px 10px;
}
.floatleft {
	margin:5px 10px 10px -80px;
	float:left;
	display:block;
}
.rightimage {
	margin:5px -80px 10px 10px;
	float:right;
	display:block;
}
/* ---------------------- Footer Layout ---------------------- */
#footer {
	width:630px;
	margin:0px auto 20px auto;
	position:relative;
	height:100px;
	background-color:#003663;
	padding:10px 10px 10px 10px;
	font-size:x-small;
	text-align:center;
	color:#ffffff;
}