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

body {
        background-image: url('img/bg.jpg');
        background-repeat: repeat;
}

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


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

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


#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, #E94049);
border-top:40px solid #C8661F;opacity:0.7;
}

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

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


a.navi:hover{
color: #EA659B;
	background: no-repeat top center #ffffff;
	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('img/head.jpg');
        background-repeat: no-repeat;
        background-position: center; 
        height:618px;
        width:100%;
        margin-top:-15px;
}

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

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

a:hover {
        text-decoration: none; 
        color:#E2454B;
	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: #E2454B;         font-weight: 400!important;
}

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

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

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