h1.school_header, h2.school_header, h3.school_header, a.school_header,
span.school_header, #beta-tag {
  color: #002b77;
}

#participate_button a {
  background-color: #002b77;
}

#participate_button a:hover {
    background-color: ;
}




#logo { 
    background-image: url("/media/images/schools/1/0092d6ef4105daf4971b75121abcb7b3.png");
}


#school_home #sidebar {
    width: 300px;
}

/* #main-nav, #breadcrumbs, #language-nav, #main, #sidebar, */
/* footer[role="main"] ul > li:first-child, .card-list .card, */
/* .modal article, #splash #content header, .modal.nav article, */
/* .signin .modal article >h1, .signin.openid .or span, #project_landing h2 span { */
/*    background-color: #ffffff; */
/* } */

.menu.open, .menu.open a, .menu.open ul, .menu.open li, #user:hover,
#follow_button button, #unfollow_button button {
    background-color:  #60a3ef;
}

#follow_button button:hover, #unfollow_button button:hover {
    background-color: #80b6f2;
}

a#beta-tag:hover {
    color:  #60a3ef;
}

.menu.open a {
    border-top: 1px solid #60a3ef;
}

#school_home #main {
  font-family: "Helvetica", Arial, Verdana, san-serif;
}

#school_home h2 {
  font-weight: 100;
  font-size: 30px;
  margin-bottom: 10px;
  color: #000;
}

#school_home h3 {
  font-weight: 100;
  font-size: 20px;
  margin-bottom: 10px;
}

#school_home #sidebar {
    min-height: 300px;
    border: 0;
}

a.webcraft-browse {
  margin: 0 20px 50px 80px;
  font-size: 18px;
  text-decoration: underline;
}

a.webcraft-browse {
  cursor: pointer;
}

a.webcraft-button {
 margin: 0 0 -4px 20px;
 background-color: #7fbf4d;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
 /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
 background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
 background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
 background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
 background-image: linear-gradient(top, #7fbf4d, #63a62f);
 border: 1px solid #63a62f;
 border-bottom: 1px solid #5b992b;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
 -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
 -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
 -o-box-shadow: inset 0 1px 0 0 #96ca6d;
 box-shadow: inset 0 1px 0 0 #96ca6d;
 color: #fff;
 font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
 line-height: 1;
 padding: 7px 8px 8px 8px;
 text-align: center;
 text-shadow: 0 -1px 0 #4c9021;
 width: 260px; 
}
 
a.webcraft-button:hover {
   background-color: #76b347;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
   /* Saf4+, Chrome */
   background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
   background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
   background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
   background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
   background-image: linear-gradient(top, #76b347, #5e9e2e);
   -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
   -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
   -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
   -o-box-shadow: inset 0 1px 0 0 #8dbf67;
   box-shadow: inset 0 1px 0 0 #8dbf67;
   cursor: pointer; 
   text-decoration: none;
}

a.webcraft-button:active {
   border: 1px solid #5b992b;
   border-bottom: 1px solid #538c27;
   -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
   -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
   -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
   -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
   box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; 
}