body 
{
    background-color:#ccc;
    min-width:780px;
}

a
{
    color:#666;
    text-decoration:underline;
}

a:hover
{
    color:#ccc;
}

a:visited
{
    color:#ccc;
}

#container
{
    background-color:#fff;
    margin:10px 10px 10px 10px;
    padding:20px 20px 20px 20px;
}

/* header / flag */
#banner
{
    font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
    margin:0px 0px 10px 0px;
    padding:5px 5px 5px 5px;
    border-color:#000;
    border-style:solid;
    border-width:2px;
}

#banner img
{
    border-right-color:#ccc;
    border-right-style:dashed;
    border-right-width:1px;
}

#sitename
{
    background-color:#ccc;
    margin:6px 0px 0px 150px;
    padding:2px 0px 2px 5px;
    width:100%;
}

#sitename a
{
    color:#000;
    font-size:28pt;
    text-decoration:none;
    font-weight:bold;
}

#sitephrase
{
    background-color:#000;
    color:#fff;
    font-size:14pt;
    margin:0px 0px 6px 150px;
    padding:2px 0px 2px 5px;
    width:100%;
}

/* top navigation menu */
#topnav
{
    font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size:10pt;
    font-variant:small-caps;
    background-color:#000;
}

#topnav ul
{
    list-style:none;
    padding:5px 0px 0px 130px;
    margin:10px 0px 10px 0px;
}

#topnav li
{
    display:inline;

}

#topnav li a
{
    color:#ccc;
    padding:0px 5px 0px 5px;
    margin:0px 0px 0px 0px;
    border-color:#ccc;
    border-width:1px;
    border-style:solid;
    border-bottom-color:#fff; 
    text-decoration:none;
    width:120px;
}

#topnav a:hover
{
    color:#fff;
    border-color:#fff;
}

#topnav a.current
{
    color:#000;
    background-color:#fff;
    border-color:#ccc;
    border-bottom-color:#fff; 
}  

#topnav a:hover.current
{
    color:#000;
    border-color:#ccc;
    border-bottom-color:#fff; 
}

#leftcol
{
    width:120px;
    float:left;
    margin:0px 0px 0px 0px;
}

#leftcol img
{
    border-width:1px;
    border-color:#000;
    border-style:solid;
    width:120px;
    margin:0px 0px 10px 0px;
}    

#sidenav
{
    font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size:10pt;
    font-variant:small-caps;
}

#sidenav ul
{
    /*display:block;*/
    list-style:none;
    margin:5px 5px 5px 0px;
    padding:5px 5px 5px 0px;
}

#sidenav li
{
    margin:0px 0px 2px 0px;
    padding:0;
}

#sidenav li a
{
    color:#000;
    background-color:#ccc;
    display:block;
    border-color:#000;
    border-width:1px;
    border-style:solid;
    text-decoration:none;
    width:113px;
    padding:0px 0px 0px 5px;
}

#sidenav li a:hover
{
    color:#fff;
    background-color:#000;
}

#sidenav li a:hover.current
{
    color:#000;
    background-color:#fff;
    border-color:#000;
}

#sidenav li a.current
{
    background-color:#fff;
}

#content
{
    margin:0px 0px 10px 130px;
    padding:0px 0px 20px 10px;
    border-color:#ccc;
    border-left-width:1px;
    border-left-style:dashed;  
}

#foot
{
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size:10pt;
    background-color:#ccc;
    clear:both;
    padding:5px 5px 5px 5px;
    border-color:#000;
    border-width:1px;
    border-style:solid;  
}

#foot p
{
    margin:0;
}

#foot .right
{
    padding:0px 5px 0px 0px;
}

#foot a:hover, .box a:hover
{
    color:#000;
}

.article
{
    border-bottom-color:#ccc;
    border-bottom-style:dashed;
    border-bottom-width:1px;
}

.article h1
{
    font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size:18pt;
}

.article p
{
    font-family:Tahoma, Times New Roman, Serif;
    font-size:1em;
    line-height:1.5em;
}

.article img
{
    border-width:1px;
    border-color:#000;
    border-style:solid;
    margin:10px 10px 10px 10px;
}

.box
{
    background-color: #ccc;
    border-color:#000;
    border-width:1px;
    border-style:solid;
    padding:10px 10px 10px 10px;
    margin:0px 0px 10px 0px;
}

.box h1
{
    font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size:14pt;
    padding:0;
    margin:0;
}

.box p
{
    font-family:Tahoma, Times New Roman, Serif;
    font-size:0.9em;
    line-height:1.2em;
}

.left
{
    float:left;
}

.right
{
    float:right;
}