/* BASIC */

body {
        margin: 0px;
        padding: 0px;
        text-align: center;
        background: #EFEFEF;
        font-size: 70%;
        font-family:trebuchet ms, verdana, sans-serif;
        color: #357C23;
}

h1, h2, h3, h4, p, ul, ol {
        margin: 0px;
        padding: 0px;
}

a img { 
        border: none;
}

/* LAYOUT */

#wrapper {
        margin-top: 115px;
        width: 760px;
        margin-right: auto;
        margin-left: auto;
        border-right: 1px solid #202020;
        border-left: 1px solid #202020;
        border-top: 1px solid #202020;
        border-bottom: 1px solid #202020;
        background: #FFFFFF repeat-y right top;
        text-align: left;
}

#banner {
        width: 760px;
        height: 98px;
        background: url(../images/bgm_logo.png) no-repeat left top;
        background-position:40px 10px;
        float: left;    
        border-bottom:22px solid #357C23;
}


#nav {
        float: left;
        width: 150px;
        padding-top: 80px;
        clear: left;
        background: #357C23;
}

#main {
        float: left;
        width: 429px;
        padding-right: 10px;                    /* swap margin for padding,     sth 03-apr-2007 */
        padding-left: 10px;
        border-left: 0px solid #000000;         /* 0px to 1px solid,            sth 03-apr-2007 */
        display: inline;
        color: #357C23;
}

#news {
        float: right;
        width: 158px;
        border-bottom: 1px solid #000000;
        padding-bottom: 15px;
        background: url(../images/slice.png) repeat-x left bottom; 
        border-left: 1px solid #000000;
}

#legal {
        border-top: 1px solid #999999;
        margin-right: 160px;
        font-weight: bold;
        font-size: 80%;
        line-height: 12pt;
        letter-spacing: 0.4px;
        color: #666666;
        padding: 5px 160px 5px;
        clear: both;
}

/* NAVIGATION */

#mainNav li {
        list-style: none;
        border-bottom: 1px solid #C0B0C6;
        border-right: 1px solid #C0B0C6;                /* 0px to 1px solid,            sth 03-apr-2007 */
}

#mainNav a {
        text-decoration: none;
        color: #000000;
        font-size: 1.1em;
        display: block;
        padding: 7px 5px 7px 20px;
        background: #FEFEFE; 
        font-size: 90%;
        font-family: verdana
}

a#homeLink {
        background-image: url(../images/home.png); 
        background-repeat: no-repeat;
        background-position: left center;
}

#logo {
        display: none;
}

/*
#logo hover {
        display: none;  
        border: 2px solid #4D69B0;
}
*/

#mainNav ul {
        border-top: 1px solid #999999;
        margin-top: 20px;
        margin-bottom: 20px;
}

#mainNav a:hover {
        background: #AAE39C;    
        padding: 7px 5px 7px 20px;
        font-size: 90%;
        font-family: verdana
}

#home #mainNav a#homelink,
#feature #mainNav a#featureLink {
        background: #FFFFFF url(../images/bg_here.png) no-repeat 95% 50%;
        padding-right: 15px;
        padding-left: 30px;
        font-weight: bold;
}

#home #mainNav a#homelink:hover,
#feature #mainNav a#featureLink:hover {
        color: #B2F511;
}

#nav p {
        color: #FFFFFF;
        padding-right: 5px;
        padding-left: 5px;
}


#nav a {
        text-decoration: none;
        color: #666666;
}

/* BANNER STYLES */
#banner img {
        float: left;
}



#banner img hover {
        border: 2px solid #4D69B0;
}


#banner ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#banner li {
        display: inline;
        float: right;
        margin-right: 5px;
        padding-bottom: .5em; /* to display bottom border on links in IE */
}

#sitetools li a {
        font-size: 1em;
        text-decoration: none;
        color: #FFFFFF;
        line-height: 2em;
        background: #1B3A89;
        padding: 5px;
        height: 1.5em;
        border: 1px solid #4D69B0;
        font-weight: bold;
}

#sitetools li a:hover {
        color: #10214E;
        background: #DCE5FF;
}

/* MAIN */

#main   {
        background:#FFFFDD;
}
 
#main a {
        text-decoration: none;
        border-bottom: 1px solid #B2F511;
        color: #152D6A;
}

#main h1 {
        color: #357C23;
        font-size: 1.95em;
        margin-top: 15px;
        margin-bottom: 5px;
        border-bottom: 2px solid #AAE39C;
        letter-spacing: 0.8px;
        word-spacing: 2px;
}

#main h2 {
        font-size: 1.65em;
        margin-top: 15px;
        margin-bottom: 3px;
        color: #357C23;
}

#main h4 {
        font-size: 1.10em;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #357C23;
        float:right;
        clear:right;
}

#main p {
        font-size: 1.25em;
        margin-bottom: 5px;
}

#main li {
        margin-left: 15px;
        margin-bottom: 2px;
}

/* headlines with warnings */
.warning {
        background: url(../images/warning.png) no-repeat left center;
        padding-top: 2px;
        padding-left: 30px;
        border-bottom: 1px dotted #CCCCCC;
}

/* NEWS */

#news .story {
        color: #4A761D;
        background: url(../images/bg_story_high.png) repeat-y;  
        padding: 5px 5px;
        border-bottom: 1px solid #AAEB11;
        display: block;
        text-decoration: none;
        line-height: 100%;
}

#news span.title {
        font-size: 1.1em;
        font-weight: bold;
        display: block;
        line-height: 120%;
        color: #FF7033;
}

#news a.story:hover     {
        color: #FFFFFF;
        background: url(../images/bg_story.png);
}

#news h2 {
        background: #B2F511 url(../images/slice.png) repeat-x; 
        color: #333333;
        font-size: 1.6em;
        padding-top: 25px;
        padding-bottom: 0px;
        padding-left: 5px;
}

#news h2 span {
        background: url(../images/down.png) no-repeat;
        position: absolute;
        right: 10px;
        height: 48px;
        width: 48px;
        top: 4px;
        z-index: 10;
}

#news a.story:hover span.title {
        color: #FFA31A;
}