/* sp9nfb-page_1.css */
html {
background-color: #720B0C ;
color: #fff;
}
body {
width: 980px;
margin: 0 auto;
padding: 0;
font: 13px/1.5 Verdana, Helvetica, Arial sans-serif;
color: #fff;
text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
display: block;
font-family: "Hoefler Text", Georgia, Garamond "Times New Roman", Times, serif;
font-style: italic;
padding: 0.1em 1em;
margin: 0.2em auto;
letter-spacing: 0.03em;
}
*.al {
text-align: left;
}
*.ac {
text-align: center;
}
*.ar {
text-align: right;
}
*.fl {
float: left;
}
*.fr {
float: right;
}
*.fc {
clear: both;
}
#topic a {
display: block;
width: 980px;
height: 300px;
margin:0;
padding:0;
background: url(/gfx/topic2.jpg) center no-repeat;
color: transparent;
}
div#footer {
clear: both ;
width: 100%;
margin: 2em auto;
padding: 0.5em 0 ;
text-align: center ;
background-color: #771B1C;
border-top: 1px solid #7E272D;
border-bottom: 1px solid #7E272D;
}
div#left {
width: 230px;
margin: 2px 0 0 0;
padding: 0;
float: left;
background: url(/gfx/left_3.jpg) left top no-repeat;
}
div#right {
width: 628px;
margin: 2px 0 0 0;
padding: 15px 120px 15px 0 ;
background: url(/gfx/right_3.jpg) right top no-repeat;
float: right;
}
#right h1 {
font-size: 300% ;
margin: 0 2em 1em 1em;
padding: 0;
border-bottom: 2px solid #fff;
}
#right a {
color: #ADD8E6 ;
text-decoration: none ;
}
#right a:Hover {
text-decoration: underline ;
}
#right p {
text-indent: 1em ;
}
ul#menu {
width: 180px;
list-style: none;
margin: 200px auto 10px 10px;
padding: 0;
}
#menu li {
border-top: 1px solid #720B0C;
border-bottom: 1px solid #720B0C;
margin: 0 ;
padding: 1px auto ;
}
#menu a {
display: block;
width: auto;
font: italic bold 20px/1.5 "Hoefler Text", Georgia, Garamond "Times New Roman", Times, serif;
padding: 0.1em 1em;
margin: 1px auto;
letter-spacing: 0.03em;
text-decoration: none;
color: #fff;
}
#menu a:hover {
color: #fff;
background-color: #a44;
}
#menu a.Active {
background-color: #ebb ;
color: #600 ;
}
#fbox a {
display: block;
float: left;
margin: 12px 5px;
padding: 2px;
border: 3px outset #800;
width: 137px;
text-align: center;
font: italic bold 13px/1.6 "Hoefler Text", Georgia, Garamond "Times New Roman", Times, serif;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
background-color: #800 ;
}
#fbox a img {
display: block ;
width: 135px;
height: 135px;
margin: 0 0 2px 0;
padding: 0;
border: 1px solid #aaa;
}
#fbox a:Hover {
border-style: inset;
background-color: #a00 ;
color: #000;
}
form#form {
width: 80%;
margin:1em auto;
}
#form h2 {
text-align: center;
font-size: 16px;
color: red;
}
#form table {
width: 100%;
}
#form th {
width: 20%;
}
#form input, #form textarea {
width: 100%;
background: #fffff8;
border: 1px solid #DEB887;
}
#form input.button {
width: 40%;
margin: auto;
}