body{
  font-family:Helvetica,Arial,sans-serif;
  color:#574537;
  font-size:100%;
  background:#e8e2c6 url(/layout_imgs/body_bg.png) top left repeat-x;
}

#container{
  width:962px;
  margin:0 auto 40px auto;
  font-size:.875em;
  line-height:1.3846em;
}

#container > header{
  position:relative;
  height:122px;
  z-index:2;
}
  #container > header h1{
    position:absolute;
    top:0; left:30px;
    margin:0;
    line-height:1em;
  }
    #container > header h1 a{
      display:block;
      width:232px;
      height:170px;
      overflow:hidden;
      text-indent:-999999px;
      background:url(/layout_imgs/hdr_logo.png) no-repeat top left;
    }


header nav{
  position:absolute;
  right:0;
}
header nav ul{
  position:relative;
}
  header nav ul li{
    position:relative;
    display:block;
    float:left;
    line-height:1.2em;
  }
    header nav a{
      display:block;
      padding:.75em 5px .75em 15px;
    }

    header nav li ul{
      position:absolute;
      display:none;
      width:160px !important;
    }
    header nav li:hover > ul{
      display:block;
    }
  header nav ul ul li{
    display:block;
    text-align:left;
    float:none;
  }
  header nav li ul ul{
    top:-.75em; 
    left:160px;
  }

  header nav ul:first-child > li:first-child > a{
    background:none !important;
  }
  header nav ul:first-child > li.has_subs:hover{
    background:#fff;
    box-shadow:2px 3px 3px #beb9a2;
    -moz-box-shadow:2px 3px 3px #beb9a2;
    -webkit-box-shadow:2px 3px 3px #beb9a2;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    border-radius:2px 2px 0 0;
  }
    header nav ul:first-child > li.has_subs:hover > a{
      color:#755d4b;
      padding-right:15px !important;
      background:none !important;
    }
      header nav ul:first-child > li:last-child:hover > a{
        padding-right:5px !important;
      }
      header nav ul:first-child > li.has_subs:hover + li a{
        padding-left:5px !important;
        background:none !important;
      }
      header nav ul:first-child > li.has_subs:last-child:hover a{
        padding-right:5px !important;
      }

    header nav li ul{
      background:#fff;
      font-size:.8571em;
      font-weight:normal;
      padding:10px 0 15px 0;
      width:150px;
      -moz-box-shadow:2px 3px 3px #beb9a2;
      -webkit-box-shadow:2px 3px 3px #beb9a2;
      box-shadow:2px 3px 3px #beb9a2;
      -moz-border-radius:0 2px 2px 2px;
      -webkit-border-radius:0 2px 2px 2px;
      border-radius:0 2px 2px 2px;
    }
    header nav li ul a{ 
      color:#887c70; 
      padding:5px 10px;
    }
    header nav li ul a:hover{ color:#755d4b; }
    header nav li ul ul li{
      font-size:1.2em;
    }
    header nav li ul li.has_subs:after{
      content:' ';
      position:absolute;
      display:inline-block;
      width:4px;
      height:5px;
      background:url(/layout_imgs/arrow_btns.png);
      background-position:left bottom;
      margin-top:.75em;
      top:2px; right:10px;
      text-decoration:none;
    }


  #secondary{
    z-index:2;
    top:24px;
    right:162px;
  }
    #secondary a{
      color:#806653;
      font-weight:bold;
      text-decoration:none;
      font-size:.9230em;
    }
    #secondary li:hover > a{
      color:#927056;
    }

    #secondary ul:first-child > li > a{
      background:url(/layout_imgs/secondary_bullet.png) no-repeat left;
    }

  /* fix the translate element */
  #google_translate_element{
    width:152px;
    position:absolute;
    top:30px;
    right:5px;
  }
  
  #primary{
    bottom:3px;
    z-index:1;
    font-size:1.0769em;
    font-weight:bold;
  }
    #primary a{
      color:#755d4b;
      text-decoration:none;
    }
    #primary li:hover > a{ color:#927056; }

  #primary ul:first-child > li > a{
    background:url(/layout_imgs/primary_bullet.png) no-repeat left;
  }


#primary li.current > a,
#secondary li.current > a{ 
  color:#b25007; 
}

#content{
  clear:both;
  background:#fff;
  padding:20px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 0 5px #757575;
  -webkit-box-shadow:0 0 5px #757575;
  box-shadow:0 0 5px #757575;
}

#highlight_img{
  position:relative;
  height:279px;
}

#ribbon{
  position:relative;
  padding:15px 40px 15px 0;
  width:944px;
  margin-left:-31px;
  margin-bottom:20px;
  font-size:1.1538em;
  font-weight:bold;
  color:#f2edcc;
  text-align:right;
  background: #a23c18;
  background: -moz-linear-gradient(top,  rgba(173,64,25,1) 0%, rgba(156,58,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,64,25,1)), color-stop(100%,rgba(156,58,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(173,64,25,1) 0%,rgba(156,58,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(173,64,25,1) 0%,rgba(156,58,23,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(173,64,25,1) 0%,rgba(156,58,23,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(173,64,25,1) 0%,rgba(156,58,23,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad4019', endColorstr='#9c3a17',GradientType=0 ); /* IE6-9 */
}
  #ribbon:before,
  #ribbon:after{
    content:' ';
    display:block;
    position:absolute;
    bottom:-11px;
    width:11px;
    height:11px;
    background:url(/layout_imgs/ribbon_wrappers.png) no-repeat;
  }
  #ribbon:after{
    right:0;
    background-position:top right;
  }

  #ribbon label{
    font-size:1.1333em;
    text-transform:uppercase;
    margin-right:22px;
  }
  
  #ribbon a{
    color:#f2edcc;
    text-decoration:none;
    padding:4px 10px;
    border-left:1px solid #af5535;
  }
  #ribbon a:last-child{
    padding-right:0;
  }
  #ribbon a.arrow:before{
    width:18px;
    height:18px;
    vertical-align:bottom;
  }
  #ribbon a:hover{
    color:#f2edcc;
  }


aside{
  position:relative;
  float:left;
  width:210px;
  padding:45px 15px;
  background: rgb(242,238,218); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(242,238,218,1) 0%, rgba(215,207,187,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,238,218,1)), color-stop(100%,rgba(215,207,187,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(242,238,218,1) 0%,rgba(215,207,187,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(242,238,218,1) 0%,rgba(215,207,187,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(242,238,218,1) 0%,rgba(215,207,187,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(242,238,218,1) 0%,rgba(215,207,187,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2eeda', endColorstr='#d7cfbb',GradientType=0 ); /* IE6-9 */
}

  aside section{
    padding:0 15px;
    padding-bottom:20px;
    border-bottom:2px solid #a99a87;
    margin-bottom:20px;
  }
    aside section:last-child{
      border-bottom:none;
      margin-bottom:0;
      padding-bottom:0;
    }

  aside h1{
    font-size:1.1538em;
    font-weight:bold;
    color:#755d4b;
    text-transform:uppercase;
    margin-bottom:20px;
  }
  aside h1 a{
    text-decoration:none;
  }

  aside p{
    margin-bottom:12px;
  }
  aside strong{
    font-weight:bold;
    color:#b2421a;
    letter-spacing:-.04em;
  }
  aside a{
    font-weight:bold;
    color:#755d4b;
    text-decoration:underline;
  }
  aside strong a{ color:#b2421a; }

#submenu{
  font-size:1.1538em;
  font-weight:bold;
}
  #submenu ul{}
    #submenu li{
      border-bottom:1px solid #d9d3c0;
    }
      #submenu li:last-child{ border-bottom:none; }

    #submenu a{
      display:block;
      text-decoration:none;
      color:#a1421f;
      padding:10px;
    }
    #submenu a:hover{ color:#ba4216; }
    #submenu li.current > a:before{
      display:inline-block;
      content:' ';
      height:13px;
      width:11px;
      margin-right:5px;
      background:url(/layout_imgs/arrow_btns.png);
      background-position:left -59px;
    }

  #submenu li ul{
    font-size:.8571em;
    margin:0 15px 15px 15px;
    display:none;
  }
  #submenu li.current > ul{
    display:block;
  }
  #submenu li ul li{ border-bottom:0; }
  #submenu li ul a{
    padding:5px;
    color:#755d4b;
  }
  #submenu li ul a:hover,
  #submenu li ul li.current a{ color:#574537; }
  #submenu li ul li.current a:before{
    width:4px; height:5px;
    background-position:left bottom;
    vertical-align:middle;
    margin-bottom:5px;
  }


article{
  float:right;
  width:600px;
  margin:0 32px 0 0;
  line-height:1.4em;
}

#crumb{
  color:#755d4b;
  font-size:.7692em;
  font-weight:bold;
  padding:20px 0;
}
  #crumb ul{
    margin:0;
    list-style:none;
  }
  #crumb li{
    display:inline-block;
    margin-right:5px;
  }
    #crumb li:after{
      content: '>';
      margin-left:5px;
    }
    #crumb li:last-child:after{
      display:none;
    }
  #crumb a{ 
    color:#755d4b; 
    text-decoration:none;
    margin:0 4px;
  }
  #crumb a:hover{ color:#936d52; }


/*--- FOOTER ---*/
footer{
  clear:both;
  color:#755d4b;
  background:#f3f0ef;
  padding:20px 20px 25px 20px;
  font-size:.923em;
  margin-top:40px;
}
  footer section{
    display:inline-block;
    vertical-align:top;
    margin-right:50px;
  }
  footer h1{
    font-weight:bold;
    color:#b2421a;
    text-transform:uppercase;
    padding:0 0 10px 5px;
    border-bottom:1px solid #ded8d4;
  }
  footer strong{
    font-weight:bold;
  }
  footer p{
    margin-bottom:10px;
  }
  footer a{
    color:#755d4b;
    text-decoration:none;
  }

  footer .directory{
    width:316px;
  }
    footer .directory li{
      margin-bottom:2px;
    }
  footer .connect{
    width:220px;
  }
  footer .search{

    margin-right:0px;
  }


/*--- SEARCH ---*/
#search{
  position:relative;
}
  #q{
    font-family:Helvetica,Arial,sans-serif;
    font-size:1.2307em;
    background:#c3beaf;
    border:none;
    padding:8px 5px;
    color:#fff;
    width:180px;
  }
  #go{
    position:relative;
    top:-2px;
    left:2px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:.7692em;
    line-height:1em;
    background:#b2421a;
    border:none;
    cursor:pointer;
    color:#fff;
    height:33px;
    padding:0 8px;
  }

/*--- 960 leftovers --*/
.grid_2, .grid_3, .grid_4, .grid_6, .grid_9{
	display: inline;
	float: left;
	position: relative;
  margin-left:10px;
  margin-right:10px;
}
.grid_2{ width:83px; }
.grid_3{ width:135px; }
.grid_4{ width:186px; }
.grid_6{ width:290px; }
.grid_9{ width:445px; }
.alpha{ margin-left:0; }
.omega{ margin-right:0; }

/*--- GENERAL ---*/
h1, h2, h3, h4, h5, h6{
  font-weight:bold;
  margin-bottom:15px;
}
article h1{
  font-size:1.4615em;
  color:#003331;
}
article h2{
  font-size:1.2307em;
  color:#755d4b;
}
article h3{
  font-size:1.1538em;
  margin-bottom:10px;
}
  article h1 a,
  article h2 a,
  article h3 a,
  article h4 a,
  article h5 a,
  article h6 a{
    text-decoration:none;
    color:#574537;
  }
  article h1 a{ color:#003331; }
  article h2 a{ color:#755d4b; }


article p{
  margin-bottom:15px;
}

article a{
  color:#a1421f;
  font-weight:bold;
}
article a:hover{ color:#ba4216; }

article ul,
article ol{
  list-style:square;
  margin:0 0 15px 30px;
}
  article ol{ list-style:decimal; }
  article li{
    margin-bottom:5px;
  }

article strong{
  font-weight:bold;
}

article img{
  margin:20px -20px 10px 20px;
}

a.arrow:before{
  content:' ';
  display:inline-block;
  vertical-align:middle;
  margin-right:4px;
  width:18px;
  height:18px;
  background:url(/layout_imgs/arrow_btns.png) no-repeat;
}

p.note{
  color:#808080;
  font-size:.9em;
}


hr{
  border:none;
  border-top:1px solid #8e8172;
  margin:30px 0;
}

/*--- SPLIT LAYOUT ---*/
.split{
  position:relative;
}
  .split .left,
  .split .right{
    display:inline-block;
    vertical-align:top;
    width:49%;
    margin:0;
  }


/*--- EVENT LISTING ---*/
.event{
  position:relative;
  padding-left:35px;
  margin-bottom:15px;
  line-height:1.2307em;
}
  .event time.day,
  .blogpost_listing time.day{
    display:block;
    float:left;
    margin-left:-35px;
    width:30px;
    height:25px;
    padding-top:5px;
    color:#fff;
    font-size:.7692em;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1em;
    text-align:center;
    background:#003331;
  }
    .event time span,
    .blogpost_listing time.day span{
      display:block;
    }

  .event h2{ 
    font-size:1em; 
    margin-bottom:5px;
  }
  .event h2 a{
    text-decoration:none;
    color:#003331;
  }
  .event h3{
    font-size:1em;
    color:#574537;
    font-weight:normal;
    margin-bottom:0;
  }
  .event p{
    margin-bottom:5px;
  }
  .event a.arrow{
    color:#574537;
  }
  .event a.arrow:before{
    content:'>>';
    background:none;
    margin-right:2px;
    text-decoration:none !important;
  }

  .event.aside h2{
    font-weight:bold;
    line-height:1.2307em;
  }
    .event.aside h2 a{
      color:#755d4b;
      text-decoration:none;
    }




