/* CSS */


@font-face {
  font-family: palanquin;
  src: url('palanquin-regular.ttf');
}

@font-face {
  font-family: playfair;
  src: url('playfair-regular.otf');
}

@font-face {
  font-family: playfairbold;
  src: url('playfair-bold.otf');
}

@font-face {
  font-family: roboto;
  src: url('Roboto-Regular.ttf');
}

@font-face {
  font-family: inconsolata;
  src: url('Inconsolata.otf');
}

@font-face {
  font-family: goudy;
  src: url('goudy.ttf');
}

@font-face {
  font-family: amaranth;
  src: url('Amaranth-Regular.otf');
}


@font-face {
  font-family: arcon;
  src: url('Arcon-Regular.otf');
}



body {
margin-left:;
margin-right:;
margin-top:1px;
background-color: #2b2929;

}

/*
#page {
background-color:blue;
margin-left:auto;
margin-right:auto;
}
*/

span {
font-size: 30px;
color:#993d44;
}

span2 {

font-size: 30px;
color:#993d44;
}

span3 {

font-size: 15px;
font-weight:bold;
}


.headermenu {

border: ;
margin-left: auto;
margin-right: auto;
color: #FEFCFF; 
font-weight:bold;

}




.middle {
font-family: ; 
width:1000px; 
height: 600px;
text-align:; 
background: rgba(20, 19, 19, .5);
background-image: url("snow.jpg");
box-shadow: 0 0px 10px #555555;
margin-left: auto;
margin-right: auto;
margin-left: auto;
margin-top:;
border: ;
}


.middle p {
color: #FEFCFF; 
}



.middle h3 {
padding-left:; padding-right:10px;
}


.middle h4 {
padding-left:; padding-right:10px;
}




span.white {color:white}



.topmiddletext {
height:200px;
color: #FEFCFF; 
font-family: 'arcon';
border:;

}

.topmiddletext p {
color: #ffb200; 
font-size:50px; 
line-height: 45px; 
margin-top: 30px;
font-family: 'arcon'; 
text-align: center;
margin-bottom: 20px;
text-weight: bold;
}


.leftmiddletext {
height:150px;
width: ;
padding-left: 0;
padding-right: 0;
border: ;
background: rgba(128, 0, 0, .4);
position: relative; 
float:left;
margin-top:0;
}

.leftmiddletext p {
font-size: 23px;
color:silver; 
font-family: 'arcon';
margin: 0;
padding: 12px;
}


.leftpoetry {
height:470px;
width:350px;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
padding-right: 0;
border: ;
background: rgba(0, 0, 0, .6);
float:left;
margin-top:;
}


::-webkit-scrollbar {
    width: 14px;
}
 
::-webkit-scrollbar-track {
    background: none;

}
 
::-webkit-scrollbar-thumb {
 
    background: rgba(0,0,0,0.4); 
}



.leftpoetry p {

height:470px;
font-size: 16px;
color:silver; 
font-family: 'arcon';
margin: 0;
padding-left: 20px;
overflow-y: scroll;
white-space: pre-line;
}



.headermenu table {

width:400px; 
font-size: 16px;
margin-left: auto;
margin-right: auto;
font-family: 'arcon';
color:white;
}




.headermenu td {
padding-left: 16px;
color:white;
}

.special div {border-right:none;}

.bottom {
font-family: 'arcon';
width:100%; 
text-align:center; 
font-size: 11px; 
height:100%; 
position : absolute;
bottom : 0;
height : 40px;
margin-top : 40px;
color: #ffb200;
}



a:link {text-decoration:none;color:#ffb200;}
a:visited {text-decoration:none;color:#ffb200; }
a:active {text-decoration:none;color:#ffb200; }
a:hover {text-decoration:none; color:#ffb200; }



 


</style>