html {
padding: 0;
margin: 0;
background: linear-gradient(to bottom right, #354582, #2B3145);
height: 100%;
background-attachment: fixed;
}

body {
padding: 10px 0px 10px 0px;
background-color: #FFFFFF;
color: #354582;
width: 980px;
margin 5px auto;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 2px;
border-radius: 10px;
border-color: #F8C225;
display: block;
font-family: "Segoe UI",Verdana,Georgia,Serif;
font-size: small;
}

ul#menu {
font-size: 1.2em;
font-weight: 400;
margin: 5px 0px 20px 0px;
padding: 5px 15px;
text-align: left;
color: #FFFFFF;
height: auto;
width: auto;
background-color: #354582;
border-width: 2px;
border-top-color: #F8C225;
border-bottom-color: #F8C225;
border-left-color: #354582;
border-right-color: #354582;
border-style: solid;
clear: both;
}

ul#menu li {
display: inline;
list-style: none;
color: #525252
}

ul#menu li a {
background: none;
color: #FFFFFF;
text-decoration: none;
margin-top: 5px;
padding: 0px 15px;
}

ul#menu li a:hover {
color: #F8C225;
text-decoration: none;
}

footer {
padding: 25px 0 0 0;
width: 100%;
text-align: center;
font-size: .9em;
clear: both;
}

div#main {
padding-left: 10px;
padding-right: 10px;
float: left;
width: 60%;
display: block;
}

div#content {
padding-left: 10px;
padding-right: 10px;
float: left;
width: 100%;
display: block;
}

div#content h1 {
border-bottom:solid 1px #F8C225;
color:#354582;
font-size:1.3em;
font-variant:small-caps;
}

div#leftcolumn {
margin-left: 10px;
margin-right: 5px;
float: left;
width: 45%;
display: block;
}

div#leftcolumn h1 {
border-bottom:solid 1px #F8C225;
color:#354582;
font-size:1.3em;
font-variant:small-caps;
}

div#rightcolumn {
margin-left: 5px;
margin-right: 10px;
float: right;
width: 45%;
display: block;
}

div#rightcolumn h1 {
border-bottom:solid 1px #F8C225;
color:#354582;
font-size:1.3em;
font-variant:small-caps;
}

div#mainleft {
padding-left: 10px;
padding-right: 10px;
float: left;
width: 50%;
}

div#sidebar {
float: right;
width: 30%;
margin-right: 10px;
padding-right: 10px;
padding-left: 10px;
display: block;
background-color: #F0F0F0;
border-radius: 8px;
box-shadow: 5px 5px 5px #888888;
border-width: 1px;
border-style: solid;
border-color: #E0E0E0;
}

div#sidebar-hall {
float: right;
width: 30%;
margin-right: 10px;
padding-right: 10px;
padding-left: 10px;
display: block;
}

div#articles {
margin-left: 10px;
float: left;
width: 60%;
}

#articles h1 {
border-bottom:solid 1px #F8C225;
color:#354582;
font-size:1.3em;
font-variant:small-caps;
display: block;
clear: both;
}

#articles h2
{
    font-style:italic;
    font-size:1.0em;
    /*margin-top:10px;*/
}

.clearboth {
clear: both;
}


#sidebar h1
{
    border-bottom:solid 1px #F8C225;
    color:#354582;
    font-size:1.3em;
    font-variant:small-caps;
}

#sidebar h2
{
    font-style:italic;
    font-size:1.0em;
    /*margin-top:10px;    */
}

#sidebar h3
{
    font-size:1.0em;
}

#sidebar p
{
    font-size:1.0em;  
    margin-bottom:10px;
    text-align:justify;
}

#sidebar ul
{
}

#sidebar li
{
    display:block;
}