html, body {
font-size : 100%;
font-family : 'Trebuchet MS', Verdana, Arial, Sans-Serif;
text-align : center;
background-image : url(pfote.jpg);
background-repeat : repeat;
}
#wrap {
width : 800px;
margin : 0 auto;
text-align : left;
}
#headerl {
text-decoration : none;
color : white;
background-color : #ff6600;
float : left;
width : 370px;
height : 120px;
text-align : left;
border-bottom : 1px solid #666666;
}
#headerr {
background-color : #ff6600;
float : right;
width : 430px;
height : 120px;
text-align : right;
border-bottom : 1px solid #666666;
}
#navigation {
background-image : url(navib.gif);
background-position : center;
background-repeat : no-repeat;
background-color : #990000;
float : left;
width : 800px;
height : 90px;
text-align : left;
}
#nav, #nav ul {
padding : 0;
margin : 0;
list-style : none;
line-height : 1;
}
#nav a:link, #nav a:visited {
color : white;
text-decoration : none;
font-size : 100%;
background-color : #ff6600;
display : block;
margin : 2px;
border-width : 1px;
border-style : solid;
border-color : #666666;
}
#nav a:hover, #nav a:active {
color : #990000;
background-color : #ff6600;
}
#nav li {
float : left;
width : 10em;
}
#nav li ul {
position : absolute;
width : 10em;
left : -999em;
}
#nav li ul ul {
margin : -1.35em 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left : auto;
}
#content {
background-color : #d5d5d5;
float : left;
min-height : 400px;
height:auto !important;
height:400px;
width : 599px;
border-right : 1px solid #666666;
}
#content a:link, #content a:visited {
color : black;
text-decoration : none;
font-size : 100%;
}
#content a:hover, #content a:active {
color : #990000;
background-color : #d5d5d5;
}
#sidebar {
background-color : #ffb600;
text-align : center;
float : left;
height : 400px;
width : 200px;
top : 0;
}
img {
border-width : 0;
}
h1, h2, h3, h4, h5, h6 {
margin : 20px;
}
p {
margin : 15px 20px;
}