body{
    background-image:url("images/logo2.jpg");
    background-size: 100% auto;
    background-repeat: repeat-y; /*no-repeat;*/
    background-attachment: fixed;

    
    font-family: Garamond;
    font-color: black;
    text-align: center;
    
    padding: 0 0 0 7px;
}

p{
    padding: 0px;
    margin: 0px auto;
}

a:link{ color: rgba(25, 95, 19, 1) }


div{
    border-radius: 5px;
}

iframe{
    text-align: center;
    margin: 0 auto;
    padding: 0;
    
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;

    float: right;
    width: 25%;
    margin: 10px;
    padding: 10px;

    position: relative;
    clear: right;
}

/* START NAV BAR */
nav {
    height: 100%;
    width: 100%;
    float: left;
    font-variant: small-caps;
    position: relative;
    z-index: 1;
    }
nav a:link{
    color: #000000;
    }
nav a:visited{
    color: #000000;
    }
nav ul {
    font-size: 20px;
    margin: 0 auto;
    list-style: none;
    display: table;
    }
nav ul li {                     /*first level*/
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    border-radius: 5px;
    margin: 10px;
    }
nav li ul {                     /*eliminates bullets no it doesnt figure this out*/
    display: none;
    }
nav ul li a {                   /*each block*/
    display: block;
    text-decoration: none;
    padding: 7px;
    white-space: nowrap;
    height: 20px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    color: black;
    }
nav ul li a:hover {             /*each block hover*/
    background-color: rgba(239, 255, 241, 0.85);
    border-radius: 5px;
    }
nav li:hover ul {
    display: table-cell;
    position: absolute;
    vertical-align: middle;
    padding: 7px;
    }
nav li:hover li {
    font-size: 18px;
    display: block;
    text-align: center;
    background: green;
    color: black;
    }
nav li:hover a {                /*dropdown when top block hover*/
    background: #green;
    }
nav li:hover li a{
    color: rgba(230, 249, 233, 1);
    }
nav li:hover li a:hover {       /*dropdown when lower block hover*/
    background: #green;
    color: black;
    }
nav ul li ul li a {
    vertical-align:middle;
    padding: 7px;

    }
/* END NAV BAR */

/*START CLASSES*/

.plainlink{
    text-decoration: none;
    color: black;
}

.boxtitle{
    font-size: 28px;
    font-variant: small-caps;
    text-align: center;
    padding: 2px;
}

.boxsubheader{
    font-size: 18px;
    font-variant: small-caps;
    text-align: center;
    padding: 2px;
}

.inlineimage{
    padding: 5px;
    display: inline-block;
    vertical-align: center;
}

.floatingimage{
    padding: 2px;
    margin: 2px;
    float: right;
    whitespace: nowrap;
    clear: none;
    display: inline-block;

}

.showtitle{
    font-size: 20px;
    font-variant: small-caps;
    text-align: center;
}

.twocolumn{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;

text-align: center;
}

.mainbox{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    float: left; 
    width: 65%;
    height: 100%; 
    margin: 10px;
    padding: 10px;
    font-size: 18px;
}

.sideboxB{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    float: right; 
    width: 25%;
    height: 100%; 
    margin: 10px;
    padding: 10px;
}

.boxleft{
    border: 1px solid green;
    float: left;
    width: 95%;
    height: 100%;
    margin: 10px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    }

/*END CLASSES*/

/*START IDS*/
#container {
    width:97%;
    margin:10px auto;
    }
#wrap {
    padding: 100px;
}
#header{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    float: left; 
    width: 98%;
    height: 100%;
    margin: 7px;
    padding: 7px;
    }
#feature{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    float: left; 
    width: 55%;
    height: 100%; 
    margin: 10px;
    padding: 10px;
    font-size: 18px;
    /*changed for constrction
    position: relative;
    left: 300px;*/ 
    }

#sideboxA{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    float: right; 
    width: 35%;
    height: 100%; 
    margin: 10px;
    padding: 10px;
}

#footer{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid green;
    float: left;
    width: 98%;
    height: 20px;
    margin: 7px;
    padding: 7px;
    }

/*END IDS*/
