body {
  margin : 0;
  padding : 0;
  background-image: url("bg.jpg");
  background-repeat: repeat;
}

.buttonPic {
	border: none;
	background-color: transparent;
	background-repeat:no-repeat;
	outline:none;
	padding: 0;
   /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);  */
}

.buttonPic:hover {
  background-color: white;
  opacity: .8;
  
}

.buttonNav {
	background-color: #a88b32; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.buttonNav:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	opacity: .8;
	
}

.buttonNav {
	
}

.buttonNav: hover {
	
}

hr.top {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.low {
	  border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#nav {
  width :  66%;
  margin-left : auto;
  margin-right : auto;
  padding : 8px 8px;
  font-family : 'Verdana', 'Arial', sans-serif;
  font-size : 0.7em;
  line-height : 1.5em;
}

#nav ul {
  margin : 0;
  padding : 0;
  list-style : none;
}

#nav ul li {
  margin : 0;
  padding : 0 8px 0 0;
  display : inline;
}

#nav a {
  margin : 0;
  padding : 1px 42px 30px 1px;
  text-decoration : none;
  display : inline-block;
  white-space : nowrap;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

#nav a.news:link, #nav a.news:visited, #nav a.news:active {
	background-image : url("news.jpg");
  background-repeat: no-repeat;
  opacity: 1;
}

#nav a.news:hover {
  
  background-image : url("brush1.jpg");
  opacity: 1;
  color: transparent;
  background-repeat: no-repeat;
}

#nav a.gallery:link, #nav a.gallery:visited, #nav a.gallery:active {
  
  background-image : url("gallery.jpg");
  background-repeat: no-repeat;
  opacity: 1;
}

#nav a.gallery:hover {
   background-image : url("brush2.jpg");
  opacity: 1;
  color: transparent;
  background-repeat: no-repeat;
}

#nav a.teaching:link, #nav a.teaching:visited, #nav a.teaching:active {
  
  background-image : url("teaching.jpg");
  background-repeat: no-repeat;
  opacity: 1;
}

#nav a.teaching:hover {
   background-image : url("brush4.jpg");
  opacity: 1;
  color: transparent;
  background-repeat: no-repeat;
}

#nav a.about:link, #nav a.about:visited, #nav a.about:active {
 background-image : url("about.jpg");
  background-repeat: no-repeat;
  opacity: 1;
}

#nav a.about:hover {
   background-image : url("brush3.jpg");
  opacity: 1;
  color: transparent;
  background-repeat: no-repeat;
}

#contents-wrap {
  margin : 0;
}

#contents {
  width : 66%;
  margin-left : auto;
  margin-right : auto;
  padding : 1px;
  font-family : 'Verdana', 'Helvetica', sans-serif;
  font-size : 0.8em;
  line-height : 1.4em;
}

#contents a:link, #contents a:visited, #contents a:active {
  color : #3a6ea5;
  text-decoration : underline;
}

#contents a:hover {
  color : #e00;
  text-decoration : underline;
}


#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
  font-family : 'Calibri', 'Trebuchet MS', 'Helvetica', sans-serif;
  color : #960;
}

#contents h1 {
  font-size : 2em;
}

#contents img.gal {
  max-width:300px;
  max-height:300px;
  width: auto;
  height: auto;
  border: 1px solid #ddd;
  padding: 10px;
}

#contents h2 {
  font-size : 1.5em;
  margin-top : 1.6em;
}

#contents h3, #contents h4, #contents h5, #contents h6 {
  font-size : 1.25em;
  margin-top : 1.6em;
}

#contents pre, #contents code {
  font-family : 'Lucida Console', monospace;
  color : #360;
}

#contents pre {
  line-height : 1.3em;
}