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

/*======== framework ========*/
* {
   margin: 0;  /* eliminated spacing differences between browsers */
   padding: 0;
}
 body {
   font-size: 0.8em; 
   line-height: 1.3;
   font-family: arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;
   min-width: 760px; /* keeps layout from colapsing if the browser is sixed too small */
/*   background-color:#c0f1a0; <-- fall */
   background-color: #deffb5;
   behavior: url(/pages/images/global/csshover.htc);
   background-repeat:repeat-x; /* call to file the forces IE 6 to accept psuedo styles */
   background-image: url(/pages/images/global/summer_bg.gif);
   background-position:0px -120px;
}
#wrapper {
      width: 830px;  /* width must be in em or percentages to be scalable */
   text-align: left;
      
}

#leftTree {
float:left;
background-image:url(/pages/images/global/summer_tree_bg.gif);
background-position:-0px 0px;
background-repeat:no-repeat;
height:854px;
width:192px;
z-index:200;

}

#green_bg {
float:left;
background-image:url(/pages/images/global/summer_sm_bg.gif);
background-repeat:repeat-y;
width:172px;
min-height:100px;
}

#innerWrap {
width: 596px;
float:left;
margin-left: 2px;
background-color:#fff;
border-left:2px solid #d9d9d9;
border-right:2px solid #d9d9d9;
}

* html #innerWrap {
width:596px;
}

* + html #innerWrap {
width:596px;
}

/*======== end framework ========*/

/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */
   /*======== headings ========*/
   h1 {font-size: 1.8em;}
   h2 {font-size: 1.5em;}
   h3 {font-size: 1.3em;}
   h4 {font-size: 1.1em;}
   h5 {font-size: 1em;}
   h6 {font-size: 1em;}
   h6 {margin-bottom: 0;}
   h1, h2, h3, h4, h5, h6 {margin: 0.75em 0 0.5em 0;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#333;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#999;}
   h6 {
      margin-bottom: 0;
   }
   /*======== end headings ========*/
   
   /*======== text elements ========*/
   
   body#programs div.block a {
   color:#d95a23;
   }
   
   p {margin: 1em 0;}   
   blockquote {margin-left: 0 2em;}
   dl {margin: 0 1em;}
   dd {margin-left: 1em;}  
   p a, blockquote a, dl a, abbr a, acronym a  {color: #333;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#999;}
   /*======== end text elements ========*/
   
   /*======== images ========*/
   img {
      margin: 0.5em;
      border-style: none;
   }
   * html img {
   margin:0;
   }
   
     * + html img {
   margin:0;
   }
   
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0em;
   }   
   div.left {float: left;}
   div.right {float: right;}
   /*======== end images ========*/
   
   /*======== lists ========*/
   ul, ol {margin: 1em 1em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {
margin-bottom: 0.25em;
}
   ul li a, ol li a {color: #333;}
   ul li a:hover, ol li a:hover {color:#999;}
   /*======== end lists ========*/
   
   /*======== tables =======*/
   table td {
      margin: 0 0.5em;
      vertical-align: top;
   }
   table td a {color: #333;}
   table td a:hover {color:#999;}
   /*======== end tables ========*/
     
/*======== end common formatting ========*/

/* remember the margins set in common formatting above are in effect until over ridden below */

/*======== header ========*/
    #header {
color: #FFF;
background-image: url(/pages/images/pages/summer_header.gif);
background-repeat: no-repeat;
width: 630px;
text-align: center;
float:left;
height:172px;
margin-left:-1px;
   }
   
   #header p {
   text-transform:uppercase;
   text-align:left;
   float:right;
   color:#715a2b;
   font-size:11px;
   }
   
   #header p.date {
   color:#71b23a;
  position:relative;
  top:125px;
  left:80px;
  font-weight:bold;
  text-transform:none;
   }
   
   #header h1 {
   /*position: relative;

   top:30px;*/
  
   
   }
   #header h5 {
   padding-bottom: 1em;
   }
   #header img {
      margin: 0;
  padding:0;
   }
/*======== end header ========*/

/*======= menu ===============*/

#menu {
width:584px;
height:28px;
background-image:url(/pages/images/pages/blue_menu.jpg);
background-repeat:no-repeat;
margin-left:5px;
z-index:20;
}

* html #menu {
height:30px;
}

* + html #menu {
height:30px;
}

* html #menu ul {
padding-top:3px;
margin-top:0px;
}

* + html #menu ul {
padding-top:3px;
margin-top:0px;
}

#menu ul {
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:2px;
}

#menu ul li{
float:left;
padding:0em .75em;
height:25px;
display:block;
}

* html #menu ul li {
height:24px;
}

* + html #menu ul li {
height:24px;
}

#menu ul li a {
color:#fff;
text-decoration:none;
display:block;
padding-top:2px;
}


/*#menu ul li#index:hover {
background-color:#8293c8;
}

#menu ul li#index a:hover {
background-color:#8293c8;
}
*/

body#index li#index {
background-color:#8293c8;
}

body#index #submenu {
width:584px;
height:28px;
background-image:url(/pages/images/pages/blue_sub.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-top:-10px;
}

* html body#index #submenu {
height:27px;
}

* + html body#index #submenu {
height:27px;
margin-top:0px;
}

body#index #submenu ul {
list-style-type:none;
margin-top:2px;
}

* html body#index #submenu ul {

margin-top:0px;
}

* + html body#index #submenu ul {

margin-top:0px;
}


body#index #submenu ul li {
float:left;
padding:0px .50em;
margin-top:1px;
padding-bottom:3px;
}

* html body#index #submenu ul li {
margin-top:1px;
padding-bottom:2px;
}

* + html body#index #submenu ul li {
margin-top:1px;
padding-bottom:2px;
}


body#index #submenu ul li a {
font-size:11px;
text-decoration:none;
color:#FFFFFF;

}

/*
body#index #submenu ul li a:hover {
background-color:#445992;
}

body#index #submenu ul li:hover {
background-color:#445992;
}

#menu ul li#our_story a:hover {
background-color:#82c987;
display:block;
}

#menu ul li#our_story:hover {
background-color:#82c987;
}
*/
body#our_story ul li#our_story {
background-color:#82c987;
}

body#our_story ul li#our_story a {
background-color:#82c987;
}

body#our_story #submenu {
width:584px;
height:28px;
background-image:url(/pages/images/pages/blue_sub.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-top:-10px;
}

body#our_story #submenu ul {
list-style-type:none;
margin-top:2px;
}

body#our_story #submenu ul li {
float:left;
padding:1px .60em;
margin-top:1px;
}

body#our_story #submenu ul li a {
font-size:11px;
text-decoration:none;
color:#FFFFFF;

}
/*
body#our_story #submenu ul li a:hover {
background-color:#445992;
}

body#our_story #submenu ul li:hover {
background-color:#445992;
}

#menu ul li#our_facility:hover {
background-color:#f1cc59;
}

#menu ul li#our_facility a:hover {
background-color:#f1cc59;
}
*/

body#our_facility #menu ul li#our_facility {
background-color:#f1cc59;
}

body#our_facility #menu ul li#our_facility a {
background-color:#f1cc59;
display:block;
}
/*
#menu ul li#programs:hover {
background-color:#d0947a;
}

#menu ul li#programs a:hover {
background-color:#d0947a;
}
*/
body#programs ul li#programs {
background-color:#d0947a;
}

body#programs ul li#programs a {
background-color:#d0947a;
}

body#programs #submenu {
width:584px;
height:28px;
background-image:url(/pages/images/pages/brown_sub.gif);
background-repeat:no-repeat;
margin-left:5px;
margin-top:-10px;
}

* html body#programs #submenu {
height:27px;
}

* + html body#programs #submenu {
height:27px;
margin-top:0px;
}

body#programs #submenu ul {
list-style-type:none;
margin-top:2px;
}

* html body#programs #submenu ul {
margin-top:0px;
}

* + html body#programs #submenu ul {
margin-top:0px;
}

* html body#programs #submenu ul li {

margin-top:1px;
padding-bottom:2px;
}

* + html body#programs #submenu ul li {
margin-top:1px;
padding-bottom:2px;
}

body#programs #submenu ul li {
float:left;
padding:1px .40em;
margin-top:1px;
}

body#programs #submenu ul li a {
font-size:11px;
text-decoration:none;
color:#FFFFFF;

}
/*
body#programs #submenu ul li a:hover {
background-color:#9e563d;
}

body#programs #submenu ul li:hover {
background-color:#9e563d;
}

#menu ul li#staff:hover {
background-color:#ab82c8;
}

#menu ul li#staff a:hover {
background-color:#ab82c8;
}
*/
body#staff #menu ul li#staff {
background-color:#ab82c8;
}

body#staff #menu ul li#staff a {
background-color:#ab82c8;
}

body#staff #submenu {
width:584px;
height:28px;
background-image:url(/pages/images/pages/purple_sub.gif);
background-repeat:no-repeat;
margin-left:5px;
margin-top:-10px;
}


* + html body#staff #submenu {
margin-top:0px;
}

body#staff #submenu ul {
list-style-type:none;
margin-top:2px;
}

* html body#staff #submenu ul {
margin-top:0px;
}

* + html body#staff #submenu ul {
margin-top:0px;
}

body#staff #submenu ul li {
float:left;
padding:0px .40em;
margin-top:1px;
padding-bottom:3px;
}

* html body#staff #submenu ul li {
padding-bottom:2px;
}

* + html body#staff #submenu ul li {
padding-bottom:2px;
}

body#staff #submenu ul li a {
font-size:11px;
text-decoration:none;
color:#FFFFFF;
}
/*
body#staff #submenu ul li a:hover {
background-color:#724695;
}

body#staff #submenu ul li:hover {
background-color:#724695;
}

#menu ul li#contact:hover {
background-color:#82b5c8;
}

#menu ul li#contact a:hover {
background-color:#82b5c8;
}
*/
body#contact #menu ul li#contact {
background-color:#82b5c8;
}

body#contact #menu ul li#contact a{
background-color:#82b5c8;
}

body#contact #submenu {
width:584px;
height:28px;
background-image:url(/pages/images/pages/blue_sub.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-top:-10px;
}

body#contact #submenu ul {
list-style-type:none;
margin-top:2px;
}

body#contact #submenu ul li {
float:left;
padding:1px .60em;
margin-top:1px;
}

body#contact #submenu ul li a {
font-size:11px;
text-decoration:none;
color:#FFFFFF;

}
/*
body#contact #submenu ul li a:hover {
background-color:#468395;
}

body#contact #submenu ul li:hover {
background-color:#468395;
}
*/


#submenu ul {
list-style-type:none;
margin-top:2px;
}


#submenu ul li {
float:left;
padding:1px .60em;
margin-top:1px;

}

#submenu ul li a {
font-size:11px;
text-decoration:none;
color:#FFFFFF;

}
/*
#submenu ul li a:hover {
background-color:#445992;
}

#submenu ul li:hover {
background-color:#445992;
}
*/
/*======== end menu ==========*/

/*======== Under Menu Image ======*/

#mainpic {
width:585px;
margin-left:-2px;
}

* html #mainpic {
margin-left:4px;
}

* + html #mainpic {
margin-left:4px;
}

#mainpic_info {
position:absolute;
top:260px;
left:575px;
padding-top:.5em;
float:right;
width:200px;
color:#FFFFFF;
}

#mainpic_info h2 {
margin:0px;
}

#mainpic_info h3{
margin:0px;
font-size:12px;
}

#mainpic_info p {
margin-bottom:2px;
}

#mainpic_info a {
color:#ffed74;
text-decoration:none;
float:right;
padding-right:1em;
font-weight:bold;
}

#mainpic_info a:hover {
text-decoration:underline;
}

#header_caption {
position:absolute;
top:390px;
left:200px;
font-size:10px;
}

* html #header_caption {
top:372px;
width:98%;
}

* + html #header_caption {
top:372px;
width:98%;
}

/*======== end Under Menu Image ======*/


/*======== Content =============*/
div.block {
padding:1em 0em;
text-align:left;
float:left;
margin: -10px 30px 0 10px;
}

* html div.block {
margin:-10px;
margin-left:5px;
margin-top:0px;
width:97%;
}

* + html div.block {
margin:-10px;
margin-left:5px;
margin-top:0px;
width:97%;
}

div.block h3 {
 color:#4c73bd;
 border-bottom:2px solid #71b23a;
 margin-bottom:2px;
}

div.block p {
}

div.block img {
border:4px solid #f3db8f;
}

div.block img.noborder {
    border-style: none;
}   


.contentblock {
float:right;
}

.left {
float:left;
padding-top:40px;

}

.right {
float:right;
padding-left:3em;
padding-top:40px;
}

#bottom_info {
padding:1em 1.25em 1em .65em;
clear:both;
}

#bottom_info p {
color:#689b4b;
font-size:18px;
text-align:center;
margin:0px;
letter-spacing:2px;
}

#bottom_info a {
color:#355fae;
}

#facility_gallery {
width:340px;
float:right;
padding-right:20px;
}

#contact_gallery {
float:right;
width:190px;
margin-right:10px;
}

#contact_gallery h1 {
color:#71b23a;
font-size:1.3em;
}

* html #contact_gallery {
margin-right:0px;
width:180px;
float:right;
}

* + html #contact_gallery {
margin-right:0px;
width:180px;
float:right;
}

#lunch {
width:335px;
float:right;
background-color:#d0947a;
}

/*======== footer ========*/

#footer_menu {
font-size:11px;
color:#2d56a3;
width: 610px;
margin:0px auto;
height:30px;
}

* html #footer_menu {
margin-right:24px;
}

* + html #footer_menu {
margin-right:24px;
}

#footer_menu ul {
list-style-type:none;
float:left;
margin-left:40px;
}

* html #footer_menu ul {
margin-left:20px;
}

* + html #footer_menu ul {
margin-left:20px;
}

#footer_menu ul li {
float:left;
border-right: 1px solid #2d56a3;
padding: 0em 1.75em;
margin-top:.75em;
}
#footer_menu ul li.noborder {
border: none;
}

#footer_menu a {
text-decoration:none;
color:#2d56a3;
}

#footer_menu a:hover {
text-decoration:underline;
}



#footer {
   color:#0644b7;
   width: 610px;
   float:right;
   text-align: center;
   margin-top:-3px;
   margin-right:28px;
   margin-bottom:40px;
   background-image: url(/pages/images/pages/footer.gif);
   background-repeat: no-repeat;
background-position: 0 0px;
height:82px;
padding-top:4px;
}

* html #footer {
margin-right:14px;
padding-top:5px;
}


#footer h5 {
   font-size: 0.9em;
   font-weight: bold;
   padding-top: 0em;
   margin-bottom:5px;
}
#footer h6 {
   font-size: 0.9em;
   font-weight: normal;
   margin-top:0px;
}

#footer a {
color:#0644b7;
font-size:12px;
padding:0px .5em;
}
/*======== end footer ========*/

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ======== end float clearing method ======