/* red: #A40400
   yellow:  #FFDF00
   blue:  #060080
   */

/*===============================
    BACKGROUND (vertical design)
  ===============================*/
body {
     font-size: 10px;
     font-family: sans-serif;
     margin: 0px;
     padding: 0px;
     background-color:#494949;
}
#background2 {
        background-color:#5F5F5F;    /*#090075;*/
    border-top:1px black solid;
    border-bottom:1px black solid;
}

/*===============================
  THE PAGE (vertical design)
  ===============================*/
#header {
     background-color:#A40400;        /*red*/
     color:#FFFFFF;
     font-size:20px;
     width: 780px;
     height: 20px;
     vertical-align:top;
     text-align:right;
     margin-top:50px;
     border-top:1px black solid;
     border-left:1px black solid;
     border-right:1px black solid;
/*     border-bottom:4px black dotted; */
}
#middle {
     background-color:#FFFFFF;
     width: 780px;
     height: 550px;
     vertical-align:top;
     margin-top:0px;
     border-left:1px black solid;
     border-right:1px black solid;
}
#footer {
     background-color:#A40400;
     color:#FFFFFF;
     font-size:12px;
     width: 780px;
     height: 30px;
     vertical-align:top;
     text-align:right;
     margin-top:0px;
     border-left:1px black solid;
     border-right:1px black solid;
        border-bottom:1px black solid;
/*     border-top:4px black dotted; */
}
#backgroundText {
        color:#000000;
    font-size:12px;
}

/*===============================
   CONTENT STYLES OF PAGE
   (horizontal design)
  ===============================*/
/* LEFT */
#navigationbar {
        vertical-align: top;
    background-color: #211E62; /* #060080 */ /*#D9E8FF;*/
    color: #FFFFFF;
    width: 120px;
/*        border-left: 4px #FFDF00 dotted; */
    border-right: 4px #FFDF00 dotted;
    text-align: right;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}

p.menu {
        padding-bottom: 2px;
    margin:0px;
}
p.submenu {
    margin: 0px;
        padding-bottom: 2px;
}
p.lastSubmenu {
    margin: 0px;
        padding-bottom: 15px;
}

a.m {
        font-weight: bold;
}
a.m,a.m2 { /* :link,a.m:visited,a.m:active */
        display:block;
    text-decoration: none;
    border-left: 1px;
    padding-left: 3px;
    padding-right:10px;
    font-size:11pt;
    color: #FFFFFF;
}
a.m:hover {
    color: #000000;/*#5A5C7A; */
    background-color: #FFDF00; /* orange;  #AECEFF; */
}
a.m2 {
    font-size:9pt;
    color: #CCCCCC;
}
a.m2:hover {
    background-color: #AECEFF;
    color: #000000;/*#5A5C7A; */
}

/* MIDDLE */
#content {
        padding:10px;
    font-size:14px;
}

#RightSide {
/*        background-color:#D9E8FF; */
        width: 100px;
/*        border-left: 1px black solid; */
        text-align: left;
       padding-top: 0px;
        padding-left: 0px;
        margin-right: 0px;
         margin: 0px;
        font-size:12px;
}
#ImageStyleTop {
        padding:0px;
    margin:0px;
/*    border-bottom:1px black solid;
    border-left:1px black solid; */
}
#ImageStyleBottom {
        padding:0px;
    margin:0px;
/*    border-top:1px black solid;
    border-left:1px black solid; */
}
#ImageStyle {
        padding: 0px;
        border:1px black solid;
    margin: 0px;
}

img.float {
    border:1px black solid;
}

img.float:hover {
    border:1px blue dashed;
}

h3 {
        font-size:14px;
    border-bottom:2px #888888 dotted;
        background-color: #EEEEEE;
/*    border-left:2px #A40400 solid; */
    padding-left: 10px;
    margin-left: -10px;                /* adapt to content.padding !! */
}

a.link {
    text-decoration: none;
    color: black;
}
a.link:hover {
        background-color: #FFDF00;
}

textarea.Mail
{
        background-color:#DDDDDD;
    width:300px;
    border:2px dotted #000000;
}

.guestbook
{
        background-color:#DDDDDD;
    width:200px;
    border:2px dotted #000000;
}