/* CSS Document */

body {
    margin-right: auto;
    margin-left: auto;
    font-family:"Trebuchet MS", Arial, Verdana;
    font-size:0.74em;
    color:#555555;
    background-color:#FFFFFF;
    text-align:left;
    width: 850px;
    border: solid green 1px;
}

textarea, input {
    background-color:#FFFFFF;
    padding:3px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#ffffff;
    border:1px solid #728c40;
/*  background-color:#94ae62;  */
    background-color:#5E6F3E;
    margin-bottom:2px;
}
input[type=submit] {
    background-color:#FFFFFF;
    padding:3px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    border:1px solid #728c40;
    margin-bottom:2px;
}

a {
    color:#4D87CE;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    color:#2a65ad;
    text-decoration: underline;
}

ol,ul {

}

li {
    list-style-image:url(/images/plain/backgrounds/li.gif);
    line-height:20px;
    text-align:left;
}

ul.plain li {
    list-style-type: none;
    list-style-image: none;
}

ol.plain li {
    list-style-image: none;
    list-style-type: decimal;    
}

ul.tree li {
    list-style-image: url(/images/treepad33.gif);
}

#menu {
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#94AE62;
    margin-bottom:30px;
    color:#FFFFFF;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-variant:small-caps;
    background-image:url(/images/plain/backgrounds/menu.jpg);
}

#menu a {
    color:#FFFFFF;
    text-decoration:none;
    padding:10px;
    padding-top:10px;
    padding-bottom:10px;
}

#menu a:hover {
    border-bottom:1px solid #ffffff;
    border-left:1px solid #728d40;
    border-right:1px solid #e9ffb7;
    padding-left:9px;
    padding-right:9px;
    color:#000000;
    background-color:#FFFFFF;
    background-image:url(/images/plain/backgrounds/a_hover.jpg);
}

#header {
    width:100%;
    margin: 0 auto 0 auto;
}

#header .leftcol {
    width: 24%;
    float: left;
    border-left:1px solid #eeeeee;
}

#header .middlecol {
    width: 50%;
    float: left;
}

#header .middlecol img {
    vertical-align: middle;
}

#header .rightcol {
    width: 24%;
    float: right;
}

#header h1 {
    font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    font-size:30px;
    text-transform:uppercase;
    font-weight:normal;
    margin:0;
    padding:0;
    padding-top:5px;
    color:#736451;
    margin-bottom:10px;
    text-align:left;
}

#header h2 {
    font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    font-size:15px;
    text-transform:uppercase;
    text-align:right;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#000000;
    border-bottom:1px solid #eeeeee;
}

#content {
    width:96%;
    margin:0 auto 5em auto;
    text-align:left;
}

.introduction {
    font-family:Helvetica, Arial, sans-serif;
    line-height:20px;
    font-size:12px;
    color:#99B198;
    text-indent:25px;
    background-image:url(/images/plain/backgrounds/desc.jpg);
    background-position:bottom left;
    padding-left:0;
    padding-right:200px;
    padding-bottom:35px;
    padding-top:0;
    background-repeat:no-repeat;
    
}
.logo {
    float:right;
    margin-right:30px;
}
.clearer {
    clear:both;
}

#sidebar {
    clear: left;
    width:160px;
    float: left;
    font-size:95%;
    color:#6C534A;
    text-align:left;
    margin-top: -0.1em;
}
#sidebar h1 {
    font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    font-size:20px;
    text-transform:uppercase;
    font-weight:normal;
    border-bottom:1px solid #eeeeee;
    color:#728c40;
    text-align: left;
}

.submenu {
}

.submenu a {
    display:block;
    width:100%;
    background-image:url(/images/plain/backgrounds/submenua.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding: 5px 0 5px 1.5em;
}
.submenu a:hover {
    background-image:url(/images/plain/backgrounds/submenua_hover.jpg);
    background-repeat:repeat-y;
}

.submenu a .centered_img {
    margin-left: -3em ! important;
}

#mainbar {
    margin-left:185px;
    padding-left:35px;
    border-left:1px solid #eeeeee;
}

#mainbar_single {
    width: 100%;
}

#mainbar_single h1, #mainbar h1 {
    font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    font-size:25px;
    text-transform:uppercase;
    font-weight:normal;
    border-bottom:1px solid #eeeeee;
    color:#728c40;
    margin-bottom: 1em;
}

#mainbar_single h1 {
    border: none;
    margin-bottom: 1em;
}

#mainbar h2, #mainbar_single h2 {
    margin-bottom: 0.25em;
    margin-top: -1em;
}

#mainbar .articleimg, #mainbar_single .articleimg {
    float:right;
    padding:2px;
    border:1px solid #eeeeee;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
}

#footer {
    width:100%;
    background-color:#b6cf84;
    border-top:1px solid #d8efa6;
    border-bottom:5px solid #94ae62;
    padding-top:5px;
    padding-bottom:5px;
    color:#FFFFFF;
}
#footer a {
    color:#006600;
}
#footer a:hover {
    color:#009900;
}

/* articles */
.article {
    margin-bottom: 2em;
}

.article .title {
    color: #FD8300;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
    margin-bottom: 1em !important;
    padding-bottom: 0;
} 

.article .left {
    text-align: left;
} 

.article .subtitle {
/*  color: #FD8300; */
    font-weight: bold;
    font-size: 110%;
    margin: 0 0 0.5em 0;
} 

.article img {
    vertical-align: top;
    border: solid black 1px;
}

.article img.clearleft {
    clear: left;
    vertical-align: middle;
    margin: 1em;
    border: none;
}

.article a.imglink { 
    background-color: white; 
    text-decoration: none;
}

.article .author {
    text-align: center;
    font-style: italic;
    margin-bottom: 1em;
}

.article dd { margin-bottom: 1.25em; }

.article dt { 
    margin-bottom: 0.25em;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
}

.centered_img {
    text-align: center; 
    margin-top: 0; 
    margin-bottom: 0; 
    padding: 0;
}
li.green-dot { list-style-image:url(/images/plain/backgrounds/li_green.gif) }