body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../images/bg.gif);
background-repeat: repeat;
background-color: #999999;
text-align: center;
}
#wrapper {
position: relative;
text-align: left;
width: 760px;
margin-right: auto;
margin-left: auto;
background-color: #DCDCDC;
}
#header {
background-image: url(../images/SACF_Logo.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: left 1em;
height: 140px;
position: relative;
border-bottom: 1px solid #ececec;
}
#header h1 {
margin: 0;
padding: 0;
font-weight: normal;
color: #808080;
font-size: 150%;
position:absolute;
bottom: 4px;
right: 4px;
}
#content {
float: right;
width: 520px;
padding: 0 20px 0 20px;
background-color: #EEEEEE;
}
#content p,ul {
font-size: 80%;
line-height: 1.8em;
}
#content h1 {
margin: 1em 0 0 0;
padding: 0;
font-weight: normal;
color: #FF6600;
font-size: 120%;
bottom: 4px;
right: 4px;
background-color: transparent;
display: block;
border-bottom: 1px solid #FF6600;
padding: 0 0 0.2em 0;
}
#content h2 {
margin: 0;
padding: 1em 0 0 0;
font-weight: normal;
color: #606060;
font-size: 120%;
bottom: 4px;
right: 4px;
}
#content img {
margin: 1em 0 0 0;
padding: 0;
border: #606060 thin solid;
}
#navigation {
float: left;
width: 180px;
height: auto;
background-color: #DCDCDC;
}
#navigation ul {
list-style: none;
margin: 1em 0 0 0;
padding: .5em;
border: none;
}
#navigation li {
font-size: 90%;
}
#navigation a:link, #navigation a:visited {
color: #FF4500;
background-color: transparent;
display: block;
border-bottom: 1px solid #4C4C4C;
padding: 1em 0 0.2em 0;
text-decoration: none;
}
#navigation a:hover {
color: #808080;
}
#footer {
clear: both;
font-size: 80%;
padding: 1em;
text-align: right;
color: #424242;
background-color: #808080;
}