/* GENERAL STYLES */
body {
font-family: Arial, Verdana, sans-serif;
font-size: x-small;
color: #3f3f3f;
background: #fefefe;
margin: 0px;
padding: 0px;
}
em {
font-style: italic;
font-weight: bold;
}
h1 {
margin: 0px;
padding: 0px;
}
h2 {
margin: 0px;
padding: 0px;
}
strong {
font-style: normal;
font-weight: bold;
}
/* HEADER STYLES */
#header {
margin: 0px;
padding: 0px;
}
#header h1 {
float: left;
width: 30%;
height: 40px;
margin: 0px;
padding: 15px;
font-size: 28px;
color: #fefefe;
background: #bb0000;
text-align: right;
border-bottom: 2px solid #880000;
}
#header h2 {
float: right;
width: 70%;
height: 40px;
font-size: 40px;
letter-spacing: 10px;
word-spacing: 20px;
line-height: 22px;
color: #3f3f3f;
background: transparent;
margin-top: 10px;
margin-right: -70px;
padding: 10px 0px 10px 40px;
text-align: left;
border-bottom: 2px solid #880000;
}
#header h3 {
font-size: 18px;
letter-spacing: 3px;
word-spacing: 2px;
line-height: 60px;
text-align: right;
color: #6f6f6f;
margin-right: 20px;
padding: 20px;
}
#header h3 em {
color: #3f3f3f;
}
/* SIDEBAR STYLES */
#sidebar {
float: left;
width: 30%;
margin: 0px;
padding: 15px;
font-size: 12px;
color: #6f6f6f;
background: #3f3f3f;
text-align: left;
border-top: 2px solid #880000;
}
.sidewrap {
margin: 0px;
padding: 0px;
background: #fefefe;
}
#sidebar h1 {
font-size: 18px;
text-align: center;
color: #fefefe;
background: #bb0000;
margin: 0px;
padding: 20px;
}
#sidebar h2 {
font-size: 14px;
text-align: left;
color: #bb0000;
background: #fefefe;
margin-top: -14px;
padding: 20px 20px 10px 20px;
}
#sidebar ul {
list-style-type: square;
font-size: 14px;
text-align: left;
color: #bb0000;
background: #fefefe;
margin-top: -10px;
padding: 5px 10px 10px 25px;
}
#sidebar ul li {
margin: 0px;
padding: 0px;
}
/* CONTENT STYLES */
#content {
float: right;
width: 70%;
color: #3f3f3f;
background: #fefefe;
margin-right: -70px;
padding: 10px 0px 10px 40px;
border-top: 2px solid #880000;
}
#content h1 {
width: 60%;
font-size: 36px;
letter-spacing: 4px;
word-spacing: 5px;
line-height: 50px;
text-align: center;
color: #3f3f3f;
background: #fefefe;
margin-left: -40px;
padding: 0px;
}
#content h2 {
width: 60%;
font-size: 24px;
letter-spacing: 2px;
word-spacing: 3px;
line-height: 20px;
text-align: left;
color: #3f3f3f;
background: #fefefe;
margin-top: 30px;
padding: 20px 20px 10px 20px;
}
#content p {
width: 60%;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 2px;
line-height: 40px;
text-align: left;
color: #6f6f6f;
background: #fefefe;
margin: 0px;
padding: 10px 30px 30px 30px;
}
#content p em {
color: #3f3f3f;
font-style: italic;
font-weight: bold;
}
/* FOOTER STYLES */
#footer br {
clear: both;
}
#footer h1 {
float: left;
width: 104%;
font-size: 24px;
letter-spacing: 1px;
word-spacing: 2px;
line-height: 40px;
text-align: center;
color: #fefefe;
background: #3f3f3f;
margin: 0px;
padding: 20px;
}