html
{
margin-left:auto;
margin-right:auto;
}


body{
min-width:1000px;
min-height:100%;
margin-left:auto;
margin-right:auto;
text-decoration:none;
}
#topblack
{
width:100%;
height75px;
background-color:#2d2a2a;
}
#topblack img
{
padding-left:50px;
}
#years
{
margin-left:auto;
margin-right:auto;
width:850px;
height:150px;
background-image:url('2n.jpg');
color:#2d2a2a;
}
#years div
{
font-family:century gothic;
}
#just
{
margin-left:auto;
margin-right:auto;
width:1100px;
background-image:url('css/just.png');
}
#menu
{
margin-left:auto;
margin-right:auto;
text-align:center;
width:550px;
}


#menu div
{
margin-left:auto;
margin-right:auto;
width:250px;
height:50px;
float:left;
margin-right:20px;
font-size:200%;
cursor:pointer;
text-align:center;
background-image:url('2.png');
color:white;
font-family:century gothic;
}


#dates
{

float:left;
width:150px;
margin-left:3%;
text-decoration:none;
}

#dates div p
{
font-size:200%;
text-align:left;
font-weight:bold;
font-family:century gothic;
font-weight:bold;
color:#2d2a2a;
}

#dates div li
{
background-image:url('6.png');
background-size:100%;
color:white;
text-decoration:none;
list-style-type:none;
text-align:center;
font-family:century gothic;
padding-top:2px;
padding-bottom:10px;
width:100px;
cursor:pointer;
font-weight:bold;
}
#dates div li:hover
{
background-image:url('5.png');

}

#contentbox
{
margin-left:auto;
margin-right:auto;
width:820px;
height:650px;


}


.content
{
font-family:century gothic;
font-size:small;
width:222px;
height:300px;
border:4px solid;
border-radius:20px;
border-color:#dfdfdf;
float:left;
margin-left:10px;
margin-top:10px;
overflow:hidden;
cursor:pointer;
padding:8px;
color:#2d2a2a;
}
#bottom
{
position:absolute;
bottom:0;
right:0;

}
.content li
{
float:left;

width:40px;
font-weight:bold;
font-size:105%;
text-decoration:none;
list-style-type:none;
border-radius:5px;
color:#3333333;
}
.content span 
{
float:right;
}
.content h1
{
text-align:center;
}
.content:hover
{
-moz-box-shadow: 0px 0px 10px #566D7E;
 -webkit-box-shadow: 0px 0px 10px #566D7E;
 box-shadow: 0px 0px 10px #566D7E;

}
.content .hei{
	width: 100%;
	height:200px;
}
#story
{

width:200px;
height:71px;
overflow:hidden;
}
#story1
{

width:200px;
height:280px;
overflow:visible;
}

#blackbox
{
background-color:black;
font-family:century gothic;
position:fixed;
top:40%;
width:100%;
height:200px;
color:white;
z-index:12;
display:none;
font-size:125%;
padding-top:15px;
padding-bottom:15px;
}

#blackbox #close
{
float:right;
cursor:pointer;


}

#blackbox img
{
float:left;
padding-left:20.5%;
padding-right:40px;

}

#blackbox2
{
position:fixed;
top:95%;
left:45%;

text-align:center;

color:black;
display:none;
cursor:pointer;
}

#blackbox2 #close
{
float:right;
cursor:pointer;


}
