body {
    /*font-size: 62.5%;  Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #111;
    background-color: #eee;
    text-align: left;
    margin: 0;
    padding: 0;
    /*background-image: url(images/main_bg.png);*/
}

img {
    border: 0;
}

.clear {
    clear:both;
}

#header	{
    margin: 0px;
    padding: 0px;
    text-align: left;
    background-color: #043;
    /*background-image: url(images/wfheaderbg.png);*/
    border-bottom: 0.5em solid #086;
}

#slogan {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #eee;
    font-size: 300%;
    text-align: center;
}

#slogan .separator {
    color: #f40;
}

#slogan .name {
    font-weight: bold;
}

#mainmenu {
    padding-left: 20%;
    padding-bottom: 0.5em;
}

#mainmenu ul {
    margin: 0 0 0 1%;
    padding: 0;
    list-style-type: none;
}

#mainmenu li {
    float: left;
    display: inline;
    padding: 0 2em;
}

#mainmenu li a {
    text-decoration: none;
    color: #f40;
    display: block;
    font-size: 150%;
    font-weight: bold;
}

#mainmenu li a span {
    font-weight: normal;
    font-size: 50%;
    color: #eee;
}

#mainmenu li a:hover {
    background-color: #111;
}

#breadcrumbs {
    padding-bottom: 0.5em;
    color: #333;
}

#breadcrumbs ul	{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    border-left: 1px solid #eee;
}

#breadcrumbs li	{
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #111;
}

#breadcrumbs li a {
    text-decoration: none;
    color: #f40;
}

#breadcrumbs li a:hover {
    text-decoration: none;
    background-color: #333;
}

#menu {
    float: left;
    width: 15%;
    color: #111;
    background-color: #acb;
/*    background-image: url(images/menu_bg.png);*/
}

#menu h3 {
    padding-left: 1em;
}

#menu ul {
    margin-right: 0;
    padding-right: 0;
    list-style-type: none;
    line-height: 165%;
}

#menu li a {
    color: #f40;
    text-decoration: none;
}

#menu li a:hover {
    text-decoration: none;
    background-color: #111;
}

#news {
    float: right;
    width: 15%;
    color: #eee;
    background-color: #acb;
    overflow: hidden;
    font-size: 75%;
}

#news h3 {
    margin-left: 0.25em;
    white-space: nowrap;
}

#news ul {
    margin-left: 1em;
    padding-left: 0;
    /*list-style-type: none;*/
}

#news a {
    color: #f40;
    text-decoration: none;
}

#news a:hover {
    background-color: #111;
}

#news li {
    margin-bottom: 1em;
}

#news .date {
    color: #111;
    font-style: italic;
}

#contents {
    margin-right:15%;
    margin-left: 17%;
    padding: 2em;
    background-color: #eee;
    /*background-image: url(images/main_bg.png);*/
}

#contents a {
    color: #f40;
    text-decoration: none;
}

#contents a:hover {
    background-color: #333;
    text-decoration: none;
}

#footer	{
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 20%;
    margin-left:20%;
    clear: both;
    color: #333;
    background-color: #eee;
    font-size: 75%;
}

#footer .b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
#footer .b1f {height:1px; background:#acb; margin:0 5px;}
#footer .b2f {height:1px; background:#acb; margin:0 3px;}
#footer .b3f {height:1px; background:#acb; margin:0 2px;}
#footer .b4f {height:2px; background:#acb; margin:0 1px;}
#footer .contentf {background: #acb;}
#footer .contentf div {margin-left: 5px;}

#footer a {
    color: #f40;
    text-decoration: none;
}

#footer a:hover {
    background-color: #333;
    text-decoration: none;
}