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

body {
        background-color:#EEEEEE;
}

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


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

::-webkit-scrollbar-thumb {
    width:14px; height:10px;
background-color:#765C7C;
}


#navi{
	width: 24%;
margin-right:2%;
margin-left:4%;
margin-top:12px;
float:left;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background-image: linear-gradient(#765C7C, #FFAE70);
}

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

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


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

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


a.navi:hover{
color: #ffffff;background-color:#835285;
	text-decoration: none;
	text-shadow: none;
opacity: 0.8;
}




  
   
#content {
           width:61%;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; float: left;
opacity:0.7;
   }


#header {
        background-image: url('premade/halloween.jpg'),url('premade/halloween_bg1.jpg');
        background-repeat: no-repeat,repeat-x;
        background-position: center; 
        height:462px;
        width:100%;
        margin-top:-5px;
}


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

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

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

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

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


blockquote {
 	background-color:#ffffff; 
 	padding: 8px;
	text-align:justify;
	color:#FD6C23;}
h1 { 
	color:#FD6C23;
        letter-spacing:1px;
font-family: 'Schoolbell', cursive;
        font-size:30px;
        padding:10px;}