html, body {
padding: 0;
margin: 0;
color: #000000;
background: #dddddd;
}
#shadow {
color: #000000;
background: #dddddd url(../images/shadow.gif) repeat-y center center;
margin: auto;
width: 780px;
}
#topper {
position: relative;
margin: auto;
background: url(../images/top_shadow.gif) no-repeat;
width: 780px;
height: 20px;
text-align: right;
}
#header {
position: relative;
margin: auto;
padding: 0 0 0 0;
width: 758px;
height: 96px;
color: #000000;
background: #f1f0e9 url(../images/toplogo.png) no-repeat;
border-top: 0px;
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
text-align: right;
}
#content {
position: relative;
margin: 0 auto 0 auto;
color: #000;
background: url(../images/background.gif) repeat-y center center;
height: 100%;
width: 630px;
padding: 0 0 50px 128px;
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
}
.topborder {
position: relative;
color: #000;
background: #bbbbbb;
width: 620px;
height: 1px;
margin: 0;
}
#left {
position: absolute;
float: left;
left: 10px;
width: 118px;
}
#footer {
position: relative;
background: #dddddd url(../images/bot_shadow.gif) no-repeat;
width: 780px;
height: 42px;
margin: auto;
}

#footer p {
font-family: sans-serif;
font-size: 10px;
text-align: right;
margin-right: 15px;
padding-top: 5px;
}
h1 {
font-family: sans-serif;
color: #336633;
font-size: 16px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-decoration: none;
margin: 0 25px 0 15px;
border-bottom: solid 1px #336633;
padding-top: 15px;
}
h2 {
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #888888;
margin: 2px 25px 10px 15px;
}
p {
font-family: sans-serif;
font-size: 11px;
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
margin-left: 5px;
padding-left: 10px;
padding-right: 15px;
}
a {
font-family: sans-serif;
font-size: 11px;
color: #0000ff;
font-style: normal;
text-decoration: none;
}
form {
margin: 0;
}
a:hover {
color: #bbbbbb;
}
.field {
color: #000000;
font-family: sans-serif;
font-size: 12px;
border: solid 1px #bbbbbb;
padding: 3px;
}
input.btn {
color: #000000;
height: 22px;
font-family: sans-serif;
font-size: 11px;
border-left: solid 1px #bbbbbb;
border-top: solid 1px #bbbbbb;
border-right: solid 1px #777777;
border-bottom: solid 1px #777777;
background: #ffffff url(../images/button_bk.gif) repeat-x;
}
input.btn:hover {
color: #aaaaaa;
border: solid 1px #aaaaaa;
}
a img {
border: none;
}
a img:hover {
opacity: .75;
filter: alpha(opacity=75);
}


#menu, #menu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
width: 119px;
z-index: 500;
}
#menu li { /* all list items */
position : relative;
float : left;
width: 119px;
background: #f1f0e9;
margin-bottom: -1px;
z-index: 50;
}
#menu li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 118px;
margin-top : -25px;
background: #f1f0e9;
z-index: 50;
}
#menu li ul ul { /* third-and-above-level lists */
left: -999em;
z-index: 50;
}
#menu li a {
display : block;
font-family: sans-serif;
font-size: 10px;
color: #336633;
font-style: normal;
text-decoration: none;
border: solid 1px #bbbbbb;
padding: 5px;
z-index: 50;
}
#menu li:hover, #menu li.sfhover {
background: #bbbbbb;
}
#menu li ul li a {
font-style: italic;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#menu a.active {
font-weight: bold;
background-color: #ffffff;
border-right: solid 1px #ffffff;
}
#menu a.withsm {
background: url(../images/menu.gif) top right no-repeat;
}
#menu a.activewithsm {
font-weight: bold;
background: #ffffff url(../images/menu.gif) top right no-repeat;
border-right: solid 1px #ffffff;
}