@charset "utf-8";
/* author: Hans */
/* Creation date: 2009-05-21 */
/****************************************************************** IE 6 hack*/
a:hover  /* rule added due to ie6 bug, see http://www.tanfa.co.uk/archives/show.asp?var=257 */
{
    text-indent: 0;  
/* 1) text-indent must not be used in containing elements.  */
/* 2) a.hover precedes any more specialized, such as a.hover img. */
}
/****************************************************************** Main blocks */
body 
{
    background-image: url('../images/fill.jpg');
    background-repeat: repeat;
    color: #534832; 
    font-family: candara, verdana, sans-serif;
}

#Main
{
    border: 3px solid gray;
    left: 10.2em;
    position: absolute;
    top: 0em; 
    width: 85%;
}
#NavigationLeft 
{
    position: absolute;
    white-space: nowrap;
    top: 0em;
    left: 0em;
    width: 10.2em;
} 
/****************************************************************** Content styles */

#Contents
{
    left: 0.3em;
    margin: 0em 0.5em 0em 0em;
    padding: 0em 0.5em 0em 0.5em;
    position: relative;
}
#Header 
{
    background-color: #534832; 
    border-bottom: 3px solid gray;
    color: #ffffff; 
    font-weight: 900; 
    height: 3em;
    letter-spacing: 0.3em; 
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 5px;
    text-align: left; 
    z-index:100;
}
#Header h1 
{
    float: left;
    margin: 0em 0em 0em 0em;
    vertical-align: top;
}
#Header h2
{
    float: right;
    margin-bottom: 0em;
    margin-top: 0.4em;
    text-align:right;
}
#Footer 
{
    background-color: #A79064;
    border-top: 3px solid gray;
    clear: both;
    color: rgb(88, 220, 240);
    font-weight: 900; 
    letter-spacing: 0.1em; 
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 5px;
    text-align: left; 
    width: 100%;
}


/****************************************************************** Navigation */
#NavigationLeft a.logo img.icon {width: 10em; border-width: 0;}

#NavigationLeft a.link:hover img.icon, #NavigationLeft a.current img.icon, #NavigationLeft a.link:focus img.icon
{
    border-bottom: 20em solid #faedaa;
    left: 1em; 
    position: absolute; 
    top: 27em; 
    width: 8em;
}
#NavigationLeft a.link
{
    background-color: #b89e6e;
    border-right: 0.5em solid gray; 
    color: rgb(0,0,0);
    display: block;
    font-weight: 800 ;
    letter-spacing: 0.1em; 
    margin: 0.2em 0.15em 0 0; 
    padding: 1px 0.5em 1px 5px;
    text-decoration: none;
    width: 8.7em;
}
#NavigationLeft a.link:visited 
{
    color: rgb(66%, 0%, 50%);
}
#NavigationLeft a.link:hover, #NavigationLeft a.link:focus, #NavigationLeft a.selected
{
    border-right: 0.8em solid gray; 
    color: rgb(88, 220, 240);
    margin-right: 0em;
}
/****************************************************************** Content links */
a 
{
    color: #3c6e78;
    text-decoration: none;
}
a:hover 
{
    color: #58dcf0;
    text-decoration: none;
}
a.link:visited 
{
    color: rgb(66%, 0%, 50%);
}
/****************************************************************** Various */
em
{
    font-family: cambria, "Times New Roman", serif;
}
dt
{
    font-weight: bold;
}

.box 
{
    border: solid 3px gray; 
    float:left; 
    font-size: 0.8em;
    margin-bottom: 2em;
    margin-left: 2em; 
    width: 90%; 
}
.sidebar
{
    border: solid 3px gray; 
    margin-left: 2em; 
    width: 30%; 
    float: right; 
    font-size: 0.8em;
}
.sidebar h3, .box h3
{
    margin-top: 0px; 
    margin-bottom: 0px;
}
.sidebar p, .box p
{
    margin-top: 0px; 
    margin-bottom: 0px;
}
ul
{
    margin-left: 0px;
}

p, h1, h2, h3, h4, dt
{
    margin-left: 3px;
}