/* basic elements */

* {
    margin:0;
    padding:0;
}

body {
background-color: #c0cb6f;
color: #606060;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
}

h1 {
font: italic bold 12pt georgia;
letter-spacing: 1px;
margin-bottom: 0px;
color: #FFFFFF;
}

h2 {
font: italic normal 10pt georgia;
letter-spacing: 1px;
margin-bottom: 0px;
color: #7D775C;
}

h3 {
font: normal 12pt 'Arial Rounded MT Bold';
letter-spacing: -1px;
margin: 0px;
color: #FFFFFF;
background:#c0cb6f;
text-align: center;
padding: 2px;
}

h4 {
font: normal 8pt arial;
letter-spacing: 1px;
margin-bottom: 0px;
color: #FFFFFF;
}

h5 {
font: italic normal 3pt georgia;
letter-spacing: 1px;
margin-bottom: 0px;
color: #7D775C;
}

h6 {
font: normal 8pt arial;
letter-spacing: 1px;
margin-bottom: 0px;
text-align: center;
color: #FFFFFF;
}


p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: justify;
line-height: 1.4em;
}

a {
color: black;
text-decoration: none;
}

a:focus, a:hover, a:active {
color: blue;
}

.r {color: blue; text-decoration: none;}
.r:visited {color: blue; text-decoration: none;}
.r:link {color: blue; text-decoration: none;}
.r:hover {color: blue; text-decoration: none;}


/* ------------------------------------------------------------- */

/* specific divs */

#outer_wrapper {
width: 90%;
min-width: 40em;
max-width: 70em;
margin-left: 5%;
background-color: #fff;
}

#header {
height: 110px;
background:#000000 url(aerial.jpg) repeat-x left top;
padding-right: 8px;
padding-bottom: 4px;
}

#header h1 {
font: normal 3em/2.5 Georgia, "Lucida Bright",  Times, serif;
background: transparent url(logo_web.gif) no-repeat right bottom;
color: #fff;
}

#container {
float: left;
width: 74%;
/* IE doubles the margins on floats, this takes care of the problem */
display: inline;
}

#left_side {
background: #fff;
float: left;
width: 218px;
display: inline;
list-style: none;
padding: 1em 0;
font-family: verdana;
font-size: 85%;
text-align: center;
text-transform: lowercase;
}

#left_block {
width: 80%;
display: block;
padding: 0px;
margin-left: 10px;
align: center;
}

#center {
background: #ffffff;
float: right;
width: 66%;
display: inline;
text-align: left;
}


ul#navlist
{
text-align: left;
list-style: none;
margin-left:  0px;
padding-left: 0;
padding-top: 4px;
width: 75%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.75em 0 0.75em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #ccc;
border-style: solid;
color: #444;
text-decoration: none;
background: #c0cb6f;
}

#left>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #669933;
text-align: left;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


#reglist li {
font-size: .8em;
line-height: 1.4em;
list-style-type: square;
padding-left: 5px;
font-style: normal;
}


#sidebar {
background: #ffffff;
float: left;
width: 25%;
display: inline;
text-align: center;
font-size: 100%;
}

#sidebar_block {
width: 92%;
display: block;
border-left: 1px solid #c0cb6f;
border-right: 1px solid #c0cb6f;
border-bottom: 1px solid #c0cb6f;
padding: 0px;
text-align: center;
}

#sidebar_block p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: justify;
line-height: 1.4em;
text-align: center;
padding: 5px 2px 5px 2px;
}

#sidebar_block a {
color: blue;
text-decoration: none;
}

#news_block {
width: 96%;
display: block;
border-left: 1px solid #c0cb6f;
border-right: 1px solid #c0cb6f;
border-bottom: 1px solid #c0cb6f;
padding: 0px;
text-align: center;
}

#news_block p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: justify;
line-height: 1.4em;
text-align: left;
padding: 3px 3px 3px 3px;
}

#news_block a {
color: blue;
text-decoration: none;
}

#news_block ul {
list-style: disc outside;
padding: 3px 3px 0 3px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: justify;
line-height: 1.4em;
}

#news_block li {
margin-left: 25px;
padding: 0.25em 0.25em 0.25em 0.25em;
}

.left {
text-align: right;
padding-right: 5px;
}

.right {
text-align: left;
}

#footer {
/* see #outer_wrapper  */
width: 100%;
height: 40px;
text-align: center;
/* this is to clear #container */
clear: both;
background: #546c0a;
}

#footer a {
color: #fff;
text-decoration: none;
}

}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}

.social {
margin-top: 5px;
}