/* Stylesheet for YFMAA.html */

body {
color: #fff;
background-color: #000;
font-family: 'palatino linotype', 'times new roman', serif;
background: url(images/stone_01.jpg);
}

#header {
text-align: center;
display: block;
padding-bottom: 0;
padding-top: 30px;
margin: 0;
height: 87px;
color: #b44733;
font-size: 3em;
font-weight: bold;
}

#content {
width: 100%;
margin-top: 20px; 
}

.logo {
  width: 80%;
  height: 490px;
  text-align: center;
  margin: 0;
  display: inline;
  float: left;
  }

.logo img {
  margin: 40px 0 0 -150px;
  
  }

#navbar {
float: left;
width: 15%;
margin: 0;
padding: 40px 0 0 20px;
}

#navbar ul {
list-style-type: none;
padding-top: 30px;
padding-left: 0;
margin: 0;
} 

#navbar ul li {
letter-spacing: 1px;
padding-bottom: 25px;
padding-left: 0;
padding-right: 20px;
margin: 0;
font-size: 1.6em;
text-align: right;
}

#navbar ul a:link, a:visited {
color: #b44733;
font-weight: bold;
text-decoration: none;
}


#navbar ul a:hover {
color: #e3d48f;
font: bold;
}

#main {
padding: 25px;
padding-top: 15px;
border: solid 2px #666;
background: #fff;
color: #000;
float: left;
display: inline;
width: 60%
}

#main a:hover {
background-color: #cf9;
font: bold;
text-decoration: none;
}

#main a:link {
color: #060;
font: bold;
text-decoration: none;
}

#main a:visited {
text-decoration: none;
color: #060;
font: bold;
}

#main ol {
padding-right: 20%;
}

h1 {
text-align: center;
font: bold 2em georgia;
}

h2 {
font: bold 1.5em georgia;
}

h3 {
font: bold 1.1em georgia;
padding-left:10px;
}

h4 {
font: bold 2em georgia;
text-align: center;
}

p {
padding-left: 20px;
}

.caption {
font-size: 0.8em;
width: 448px;
}

.footer {
font-size: 0.8em;
font-style: italic;
}

.footer a:link {
font-style: italic;
color: #b44733;
}

.footer a:visted {
font-style: italic;
color: #b44733;
}

.footer a:hover {
font-style: italic;
color: #b44733;
background-color: #333;
}

#foot {
float:left;
clear: both;
text-align: center;
width: 100%;
margin: 40px 0 0 0;
}