/* CSS Document */


/*body #home a:link,
body #about a:link,
body #children a:link,
body #events a:link,
body #inspiration a:link,
body #contact a:link{ color:#a4a353;}*/

body { background-image:url(../images/bg.jpg); background-position:center; background-color:#cfcdc0; background-repeat: repeat-y; margin:0; background-attachment:fixed;}
p {font-family:Arial, Helvetica, sans-serif; line-height:18px;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; text-transform:lowercase;  width:85%; font-size:x-large; }
a:link {color:#a4a353;}
a:visited {color:#a4a353;}
.brown {border-bottom-color:#979730; border-bottom-style:solid; border-bottom-width:1px; color:#472c15;}
.white {border-bottom-color:#472c15; border-bottom-style:solid; border-bottom-width:1px; color:#ffffff;}
.date { font-size:14px; font-weight:bold; color:#910a00;}
#container {margin:0 auto; width:800px;}
#footer-wrapper { clear:both; padding-top:20px; width:800px;margin:0 auto;}
#footer {margin:0 auto; padding-top:2px;width:800px; border-top-width:1px; border-top-color:#ffffff; border-top-style:solid; font-size:11px; color:#472c15; float:left;}
#logo {width:247px; float:left;}
#header {
	width:825px;
	float:left;
	height:130px;
	position: relative;
}
#side {
	width:550px;
	height:50px;
	float:left;
	margin-top:70px;
	position: absolute;
	left:180px;
}
#menu {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	width:600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	padding-top:10px;
	height:45px;
	padding-left:10px;
}
/* common styling */
#menu ul li a, #menu ul li a:visited {display:inline; text-decoration:none;height:20px; text-align:center; color:#fffFFF; line-height:20px; font-size:11px; overflow:hidden;}
#menu ul li a:hover {color:#a4a353; border-bottom-color:#DDDBD3; border-bottom-style:solid; border-bottom-width:2px; }
#menu ul {
	margin:0;
	list-style: none;
	padding: 0px;
}
#menu ul li {display:inline; padding-right:1px;}
#menu ul li ul {display: none;}

/* specific to non IE browsers */
#menu ul li:hover a {color:#a4a353; border-bottom-color:#DDDBD3; border-bottom-style:solid; border-bottom-width:2px;}
#menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:100px;}
#menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
#menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-105px;}

#title {float:left; width:800px; align:right; height:276px;}
#banner {float:left; width:800px; align:right; height:125px;padding-bottom:10px;}
.home-image {background-image:url(../images/title.png); background-repeat:no-repeat; }
.about-image {background-image:url(../images/title-about.png); background-repeat:no-repeat; }
.events-image {background-image:url(../images/title-events.png); background-repeat:no-repeat; }
.children-image {background-image:url(../images/title-children.png); background-repeat:no-repeat; }
.global-image {background-image:url(../images/title-global.png); background-repeat:no-repeat; }
.services-image {background-image:url(../images/title-services.png); background-repeat:no-repeat; }
.vision-image {background-image:url(../images/title-vision.png); background-repeat:no-repeat; }
.book-image {background-image:url(../images/title-book.png); background-repeat:no-repeat; }
#feature {float:right; position:relative; top:10px; right:45px;}


/* The text columns on the home page*/
#body {float:left; width:800px;}

/*main column */
#column-1 {
  position: relative;
  float: left;
  width: 450px; /* remember to set a width */
}
.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #ffffff;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
}

#column-1 .content {
width: 410px;
padding: 20px;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3B2612;

}
.content {
  position: relative;
  font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3B2612;
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}


/*secondary column */
#column-2 {
  position: relative;
  float: left;
  width: 295px; /* remember to set a width */
  margin-left:20px;
}
#column-2b {
  position: relative;
  float: left;
  width: 295px; /* remember to set a width */
  margin-left:20px;
  margin-top:10px;
}
.overlay2{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #a4a353;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
}

#column-2 .content2,#column-2b .content2 {
width: 255px;
padding: 20px;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3B2612;

}
.content2 {
  position: relative;
  font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3B2612;
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #column-2 .overlay2 {
  height: expression(document.getElementById("column-1").offsetHeight);
}