html, body {
        height: 100%;
        margin:0;
}

body {
        background-color:#F0ECE1;
        background-repeat:repeat;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
        font-size: 13px;
        color: #000000;
}

::-webkit-scrollbar {height:20px; width: 30px;}
::-webkit-scrollbar-corner {background-color:#F5EAD8;}


::-webkit-scrollbar-track-piece {
    background-color: #F5EAD8;
}

::-webkit-scrollbar-thumb {
    width:14px; height:10px;
background-image: linear-gradient(#CFB292, #9E8A74);
    border: 2px solid #E6D3BE;}


#navi{
   opacity: 0.9;
	width: 24%;
margin-right:5%;
margin-left:6%;
margin-top:12px;
float:left;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background-image: linear-gradient(#E6D3BE, #BD8D77);
border-top:40px solid #C8661F;opacity:0.7;
}

a.navi {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #B9855F;
	line-height: 10px;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
	}

a.navi:link {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #B9855F;
	line-height: 10px;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;	}


a.navi:active {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #B9855F;
	line-height: 10px;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
}

a.navi:visited {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #B9855F;
	line-height: 10px;
	padding: 10px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
}


a.navi:hover{
color: #476B77;
	background: no-repeat top center #D0AC72;
	text-decoration: none;
	text-shadow: none;
opacity: 0.6;
}




  
   
#content {
           width:57%;margin-top:-70px;
margin-left:0px;
        margin-right:0px;
        margin-bottom: 50px;padding:25px;
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 500!important;
        text-align:justify; color:#000000;
        line-height:25px;letter-spacing:2px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; opacity:0.7;float: left;
   }

#wrap {
        height:100%;
}


#header {
        background-image: url('premade/head.jpg');
        background-repeat: no-repeat;
        background-position: center; 
        height:477px;
        width:100%;
        margin-top:-15px;
}


a:link {
        text-decoration: none; 
        text-decoration: none; 
        color:#B28260; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;
}

a:visited {
         text-decoration: none; 
        text-decoration: none; 
        color:#B28260; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

a:active {
        text-decoration: none; 
        text-decoration: none; 
        color:#B28260; 
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

a:hover {
        text-decoration: none; 
        color:#A48959;
	font-size: 13px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}




b { 
        color: #8B7260;         font-weight: 400!important;
}

i { 
        color: #8B7260;         font-weight: 400!important;
}

#footer a { text-decoration: none; 
        color:#AEAEAE; 
        line-height:10px;
        font: normal 1em 'Libre Baskerville', serif;
        font-weight: 700;
        text-transform: uppercase; font-size:10px;
        padding-left:20px;
        padding-right:20px;}

#footer a:link {        text-decoration: none; 
        text-decoration: none; 
        color:#AF7D54; 
	font-size: 10px!important;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

#footer a:hover {        text-decoration: none; 
        color:#ffffff; 
	font-size: 10px!important;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;background-color:#AF7D54}

blockquote {
 	background-color:#C8B6B1; 
 	padding: 8px;
	text-align:justify;
	color:#000000;}
h1 { 
	color:#A48959;
        letter-spacing:1px;
font-family: 'Alumni Sans Pinstripe', sans-serif;
        font-size:40px;
        padding:10px;}

.content input, textarea, select {
  background-color: #C8B6B1;
  border: 2px dashed #B28260;
  padding:4px;
  color:#B28260;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}