@CHARSET "UTF-8";

/* CONTAINERS */
body.web {background-image: url('body-bg.png'); background-color: #227C2A;}

/* DESIGN */
#head {background-color: #49B451;}
#main {}
    #left, #center, #right, #left-menu, #body {background-image: url('menu-active-bg.png');}
    #left {width: 232px;}
    #center {}
    #right {width: 190px;}
    #left-menu {}
        #left-menu a {color: #333;}
        #left-menu .active a {color: #308636;}
    #left a, #center a, #right a, #body a {color: #308636;}
    #body {}
#foot {text-shadow: #254428 1px 1px 1px;}
    #foot .invisible {color: #227C2A;}

/* MENU */
#menu {background-image: url('menu-bg.png'); background-color: #3FA647;}
#menu a {background-image: url('menu-bg.png'); background-color: #3FA647;}
#menu > ul > li > a, #menu > ul > li.active > a:hover {text-shadow: #1B491E 1px 1px 1px;}
#menu .active a {background-image: url('menu-active-bg.png');}
#menu ul ul a {background-image: url('menu-active-bg.png');}
#menu a:hover, #menu ul ul a:hover {background-image: url('menu-hover-bg.png'); background-color: #2F8235;}
#menu :hover > a, #menu ul ul :hover > a {background-image: url('menu-hover-bg.png'); background-color: #2F8235;}

/* HEADINGS */
h1, h4 {color: #308636;}

/* FORMS */
.tab-form tbody tr:hover td {color: #3FA647;}