div.container {
    width: 100%;
    margin: 0px;
}

h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 36pt;
	color: #000077;
	margin-left: 10%;
	margin-right: 10%;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	margin-left: 10%;
	margin-right: 10%;
}

ul.menu{
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #000077;
	margin-left: 10%;
	margin-right: 10%;
}

li.menu {
    float: left;
	font-size: 16pt;
}

li.menu a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 20px;
    text-decoration: none;
}

li.menu a:hover {
    background-color: green;
}

.main{
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	margin-left: 10%;
	margin-right: 10%;
}

div.train_link{
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
}

.train_link a{
	font-size: 14pt;
	color: black;
	text-decoration: none;
}

.train_link a:hover{
	color: red;
	text-decoration: underline;
}

div.right_frame{
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	overflow: hidden;
	margin-right: 10%;
}

.right_frame a{
	font-size: 14pt;
	color: black;
	text-decoration: none;
}

.right_frame a:hover{
	color: red;
	text-decoration: underline;
}

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 5px solid #AA0000;
	margin-left: 10%;
	margin-right: 10%;

}

figure {
	display: inline-block;
    position: relative;
    margin: 20px;
    margin-left: 15%;
}

figure img {
    vertical-align: top;
}

figure figcaption {
    text-align: center;
}