h1
{font-family:'Castellar';
font-size:45px;
color:#CC0000;
}

body
{background-color:#FFFFE7;
}


#navi1
{
top:27%;
left:0px;
width:20%;
height:122%;
position:absolute;
font-size:30px;
color:#CC0000;
}
#logo
{top:-1px;
left:16%;
width:80%;
height:30%;
position:absolute;
}

#pic
{
top:450px;
width:30%;
height:40%;
right:50%;
background-size:130% 100%;
background-repeat:no-repeat;
position:absolute;
background-color:black;
}

#navi2
{top:25%;
left:20%;
width:55%;
height:6%;
color:black;
background-color:#CC0000;
position:absolute;
font-size:13px;
}

#navi3
{top:155%;
left:20%;
width:55%;
height:5%;
position:absolute;
background-color:#CC0000;
font-size:12px;
}

#content
{
top:31%;
left:20%;
width:52%;
height:125%;
position:absolute;
font-size:14px;
font-family:"Arial";
padding-left:20px;
padding-right:20px;
background-color:#F0E8E0;
}


 #content a:link {color: #000000;}
 #content a:visited {color: #000000;}
 #content a:hover {color:gray;}
 
 
#news
{top:30%;
right:0%;
width:25%;
height:90%;
position:absolute;
}
#footer
{top:160%;
left:0px;
width:100%;
height:5%;
position:absolute;
}
#sub
{top:15%;
left:63%;
width:20%;
height:6%;
position:absolute;
font-size:20px;
color:#CC0000;
}
#b1
{top:53%;
left:5%;
width:10%;
height:6%;
background-color:#EB0000;
position:absolute;
font-size:15px;
}
#b2
{top:60%;
left:5%;
width:10%;
height:6%;
background-color:#E00000;
position:absolute;
font-size:15px;
}
#b3
{top:67%;
left:5%;
width:10%;
height:6%;
background-color:#D60000;
position:absolute;
font-size:15px;
}
#b4
{top:74%;
left:5%;
width:10%;
height:6%;
background-color:#CC0000;
position:absolute;
font-size:15px;
}
#b5
{top:81%;
left:5%;
width:10%;
height:6%;
background-color:#C20000;
position:absolute;
font-size:15px;
}
#b6
{top:88%;
left:5%;
width:10%;
height:6%;
background-color:#B80000;
position:absolute;
font-size:15px;
}

a:link {color:white;text-decoration:none;}
a:visited {color:white; text-decoration: none; }
a:hover {color: gray; text-decoration: none; }
a:focus{color: #FFFF00;text-decoration: underline; }