a {text-decoration: none; color:#76b881
}
    
.h1 {
    font-family: "ratio",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    font-size: 300%;
}

.h1-italic {
    font-family: "ratio",sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #333333;
    font-size: 300%;
}

.h1-bold {
    font-family: "ratio",sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    font-size: 300%;
}

.h1-bolditalic {
    font-family: "ratio",sans-serif;
    font-style: italic;
    font-weight: 700;
    color: #333333;
    font-size: 300%;
}

.h2 {
    font-family: "calluna",serif;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    font-size: 250%;
}

.h2-italic {
    font-family: "calluna",serif;
    font-style: italic;
    font-weight: 400;
    color: #333333;
    font-size: 250%;
}

.h2-bold {
    font-family: "calluna",serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    font-size: 250%;
}

.h2-bolditalic {
    font-family: "calluna",serif;
    font-style: italic;
    font-weight: 700;
    color: #333333;
    font-size: 250%;
}

.h3 {
    font-family: "ratio",sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 150%;
    text-shadow: 2px 2px #76b881;
}

.h3 a {
    color: #333333;
     text-shadow:
   -1px -1px 0 #76b881,  
    1px -1px 0 #76b881,
    -1px 1px 0 #76b881,
     1px 1px 0 #76b881;
}


.regtext {
    font-family: "calluna",serif;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    font-size: 100%;
}

.regtext-italic {
    font-family: "calluna",serif;
    font-style: italic;
    font-weight: 400;
    color: #333333;
    font-size: 100%;
}

.regtext-bold {
    font-family: "calluna",serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    font-size: 100%;
}

.regtext-bolditalic {
    font-family: "calluna",serif;
    font-style: italic;
    font-weight: 700;
    color: #333333;
    font-size: 100%;
}

.smallsans {
    font-family: "ratio",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    font-size: 100%;
}

.smallsans-italic {
    font-family: "ratio",sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #333333;
    font-size: 100%;
}

.smallsans-bold {
    font-family: "ratio",sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    font-size: 100%;
}

.smallsans-bolditalic {
    font-family: "ratio",sans-serif;
    font-style: italic;
    font-weight: 700;
    color: #333333;
    font-size: 100%;
}

#header {
	height: 200px;
	background: #FFFFFF;
    float: left;
    width: 100%;
}

#jsddm
{	
	padding: 0;
    float: right;
    margin-top: 130px;
    margin-right: 200px;
    position: relative;
    z-index: 2;
}

	#jsddm li
	{	float: left;
		list-style: none;
		}

	#jsddm li a
	{	display: block;
		background: #FFFFFF;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
        color: #333333;
		white-space: nowrap;
        font-family: "calluna",serif;
        font-style: normal;
        font-weight: 400;
    }

	#jsddm li a:hover
	{   font-family: "calluna",serif;
        font-style: normal;
        font-weight: 400;
        color: #76b881;
    }
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #959595;
				color: #333333}
			
			#jsddm li ul li a:hover
			{	background: #757575}

#main {
    background: #FFFFFF;
    width: 80%;
    float: center;
    text-align: left;
    padding-left: 77px;
}

#poem {
    background: #FFFFFF;
    width: 80%;
    float: center;
    text-align: left;
    padding-left: 25%
}

#bio {
    background: #FFFFFF;
    width: 80%;
    float: center;
    text-align: left;
    padding-left: 77px;
}

#footer {
    background: #FFFFFF;
    font-family: "calluna",serif;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    font-size: 75%;
    width: 100%;
    padding-top: 30px;
    background-color: rgba(255, 255, 255, 0.3);
}
    
.clear
	{	clear: both;
		overflow: hidden;
		height: 0}

.slider {
    margin-bottom: 60px;
}

.table {
    width: 100%;
    float: center;
    padding: 20px;
    text-align: left;
    border-spacing: 20px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.3);
 
}

.block {
  text-align: center;
}
 
.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}


.centered {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}