body    {
    font:1em Tahoma, Sans-serif;
    font-size:1em;
    color:#333;
    background:url(../img/../img/canvas.jpg) repeat-x scroll 0 0 #A3A9B5;
    margin:0;
}

section, header, footer {
    display: block;
}


footer  {
    border:1px solid #999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding:0 25px;
}

dt  {
    font-weight:bold;
    margin-top:15px;
    margin-bottom:5px;
}

h2  {
    margin-top:40px;
    font-style:italic;
}

p   {
    text-align:justify;
}

a img   {
    border:0;
}

.article {
    width:526px;
    float:left;
    background-color:#FFF;
    padding:25px 15px 25px 40px;
    margin:25px 0 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display:block;
}

.articleText {
    width:820px;
    float:left;
    background-color:#FFF;
    padding:25px 40px 25px 40px;
    margin:25px 0 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display:block;
}

.geo {
    width:255px;
    float:right;
    background-color:#FFF;
    padding:25px;
    margin:25px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display:block;
}

#content    {
    width:900px;
    margin:auto;
}

#signature  {
    text-align:right;
    font-size:.8em;
    margin:25px 0;
}

#license    {
    clear:both;
    margin:15px auto;
    text-align:center;
}

.success    {
    color:green;
}

#logo   {
    position:absolute;
    right:14px;
    top:11px;
    z-index:3;
}

nav {
    display:block;
    margin:10px 10px 20px 10px;
    border:1px solid #222;
    position:relative;
    background-color:#6a6a6a;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75);
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75);
    box-shadow:2px 2px 2px rgba(0,0,0,.75);
    background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222));
}

nav ul {
    padding:0;
    margin:0;
}

nav li {
    position:relative;
    float:left;
    list-style-type:none;
}

nav ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

nav li a {
    display:block;
    padding:10px 20px;
    border-left:1px solid #999;
    border-right:1px solid #222;
    color:#eee;
    text-decoration:none;
}

nav li a:focus {
    outline:none;
    text-decoration:underline;
}

nav li:first-child a {
    border-left:none;
}

nav li.last a {
    border-right:none;
}

nav a span {
    display:block;
    float:right;
    margin-left:5px;
}

nav ul ul {
    display:none;
    width:100%;
    position:absolute;
    left:0;
    background:#6a6a6a;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    background-color:rgba(0,0,0,0.8);
    -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8);
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8);
    box-shadow:2px 2px 2px rgba(0,0,0,.8);
}

nav ul ul li {
    float:none;
    border-left:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
}

nav ul ul a {
    padding:5px 10px;
    border-left:none;
    border-right:none;
    font-size:14px;
}

nav ul ul a:hover {
    background-color:#555;
    background-color:rgba(85,85,85,.9);
}

nav li:hover {
    background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555));
}

nav ul ul li.last {
    border-left:1px solid rgba(0,0,0,0.1);
    border-bottom:1px solid rgba(0,0,0,0.1);
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}