BODY {
    margin: 0px;
    color: #000;
    background-color: #fff;
}

BODY, TABLE, INPUT, SELECT, TEXTAREA, BUTTON {
    font-size: 9pt;
    font-family: tahoma, verdana, sans;
}

A IMG {
    border: none;
}

#page {
    width: 1050px;
    margin: 0px auto;
    background: url('page-bkg.gif') transparent repeat-y;
}

#pagefooter {
    width: 1050px;
    margin: 0px auto;
    background: url('footer-bkg.gif') blue bottom no-repeat;
}

#footer {
    color: #666;
    width: 800px;
    min-height: 100px;
    margin: auto auto;
    padding-top: 50px;
}

#header, #content {
    width: 1000px;
    min-height: 150px;
    margin: 0px auto;
    padding: 0px;
}

#header {
    border-bottom: 14px solid #FFA600;
}

#content {
    border-top: 1px solid #ccc;
    background-color: #fff;
}

#menuarea {
    width: 250px;
    height: 500px;
    border-left: 1px solid #666;
}


#maincontent {
    padding: 10px;
}

#mainmenu {
    padding: 10px;
}


#mainmenu #menus,
#mainmenu #languages {
    margin-top: 20px;
}

#mainmenu #menus a {
    display: block;
    color: #808080;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-variant: small-caps;
    border-left: 10px solid transparent;
    padding-left: 10px;
}

#mainmenu #menus a:hover {
    color: green;
    border-left: 10px solid green;
}

#mainmenu .menuitem {
    margin-bottom: 2px;
}

#mainmenu #languages a {
    display: block;
    color: #808080;
    font-weight: 700;
    font-size: 8pt;
    text-decoration: none;
    padding-left: 10px;
    text-align: right;
}

#mainmenu #languages a:hover {
    color: green;
}


#mainmenu #languages .menuitem IMG {
    vertical-align: middle;
}

/* submenu */

.submenu {
    padding: 4px 10px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
}

.submenu .submenuitem A {
    text-decoration: none;
    color: green;
    font-weight: 700;
}

.submenu .submenuitem A:hover {
    text-decoration: underline;
}

/* document */
.maintitle,
.document .title,
.product .title,
.filegroups .title,
.contacts .title,
.newsgroups .title {
    font-weight: 700;
    font-size: 300%;
    text-transform: uppercase;
    font-variant: small-caps;
    color: green;
    margin-bottom: 20px;
}

/* products */

.products .miniproduct {
    text-align: center;
}

.products .miniproduct .image {
    height: 110px;
}

.products .miniproduct A IMG {
    border: double 5px #666;
}

.products .miniproduct A:hover IMG {
    border: double 5px #F00;
}

.products .miniproduct .caption {
    margin-bottom: 10px;
}
.products .miniproduct A {
    display: block;
    font-weight: 700;
    color: #666;
    text-decoration: none;
}

.products .miniproduct A:hover {
    color: #f00;
}

.product {
    margin-bottom: 20px;
}

.product .image {
    float: right;
}

.product .image IMG {
    margin-bottom: 20px;
    margin-left: 20px;
    border: double 5px #666;
}

/* filegroup */

.filegroups A {
    color: #800517;
    font-weight: 700;
}

.filegroups A:hover {
    color: #f00;
}

.filegroups TABLE.winform {
    MARGIN: 10px auto;
}

.filegroups .subtitle {
    padding: 4px 10px;
    font-weight: 700;
    background-color: #eee;
}

.filegroups .filegroupitem .description {
    padding: 0px 10px;
    border-top: 1px solid #eee;
}

.filegroups .filegroupitem .link {
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.filegroups .info,
.contacts .info,
.newsgroups .info {
    /*
    width: 80%;
    margin: 5px auto;
    */
    margin: 5px;
    padding: 5px 10px;
    color: #666;
    background-color: #ffc;
}

/* newsgroups */

.newsgroups A {
    color: #800517;
    font-weight: 700;
}

.newsgroups A:hover {
    color: #f00;
}

.newsgroups TABLE.winform {
    MARGIN: 10px auto;
}

.newsgroups .newsgroupitem .subtitle {
    padding: 4px 10px;
    font-weight: 700;
    background-color: #eee;
}

.newsgroups .newsgroupitem .link {
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}