* {
	padding: 0px;
	margin: 0px;
}

body {
    color: #1D1D1D;
    background: url('../images/bg.gif') repeat top center #82C341;
    font-family:Tahoma,Verdana,Arial,sans-serif;
    font-size:0.7em;
    text-align:center;
    line-height: 1.3em;
}

a {
	color: #1D1D1D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3 {
    font-family:Arial, sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

img {
	border: none;
	margin: 0px;
}

.cleaner {
    line-height:0.1em;
    font-size: 0.1em;
    clear:both;
}

#page {
	width: 976px;
    background: url('../images/back.gif') repeat-y 0px 0px;
    padding: 0px 12px 0px 12px;
    margin: 0px auto;
    text-align: left;
}

#top {
    height: 135px;
    text-align: left;
    background: url('../images/topp.gif') repeat-x 0px 0px #FFF;
    position: relative;
}

#top h1 {
    width: 320px;
    background: url('../images/logo.gif') no-repeat 17px 10px;
    position:absolute;
    top:0px;
    left:0px;
}

#top h1 span {
    display: none;
}

#top h1 a {
    display: block;
    height: 120px;
    width: 320px;
}

#top .flash {
    width: 380px;
    height: 62px;
    position: absolute;
    right: 0px;
    top: 41px;
}

#top ul {
    list-style: none;
    font-size: 1.3em;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 8px 15px 0px 0px;
    float: right;
}

#top ul li {
    float: left;
    padding: 0px;
}

#top ul li a {
    display: block;
    width: 124px;
    height: 66px;
    cursor: pointer;
}

#top ul li a span {
    display: block;
    width: 124px;
    height: 66px;
}

#top ul li a span.t { display: none; }

#top ul li.about a span.selected { background-position: 0px -66px; }
#top ul li.news a span.selected { background-position: 0px -66px; }
#top ul li.support a span.selected { background-position: 0px -66px; }
#top ul li.demos a span.selected { background-position: 0px -66px; }
#top ul li.contact a span.selected { background-position: 0px -66px; }

#top ul li.about a span { background: url('../images/buttons/about.gif') no-repeat 0px 0px; }
#top ul li.news a span { background: url('../images/buttons/news.gif') no-repeat 0px 0px; }
#top ul li.support a span { background: url('../images/buttons/support.gif') no-repeat 0px 0px; }
#top ul li.demos a span { background: url('../images/buttons/demos.gif') no-repeat 0px 0px; }
#top ul li.contact a span { background: url('../images/buttons/contact.gif') no-repeat 0px 0px; width: 126px; }

#top ul li.about a:hover span { background: url('../images/buttons/about.gif') no-repeat 0px -66px; }
#top ul li.news a:hover span { background: url('../images/buttons/news.gif') no-repeat 0px -66px; }
#top ul li.support a:hover span { background: url('../images/buttons/support.gif') no-repeat 0px -66px; }
#top ul li.demos a:hover span { background: url('../images/buttons/demos.gif') no-repeat 0px -66px; }
#top ul li.contact a:hover span { background: url('../images/buttons/contact.gif') no-repeat 0px -66px; width: 126px; }

table#subMenu {
    list-style: none;
    height: 108px;
    width: 100%;
}

table#subMenu td {
    background: #3B3B3B;
    border-right: 4px solid #FFF;
    height: 98px;
    padding: 0px 10px 10px 10px;
    vertical-align: bottom;
}

table#subMenu td a {
    color: #FFF;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
}

table#subMenu td.back {
    background: #E0E2E3;
    border: none;
    margin: 0px;
    width: 316px;
    text-align: right;
}

table#subMenu td.back a {
    color: #3B3B3B;
   
}

#content .text ul { padding: 0px 0px 10px 20px; margin: 0px; }
#content .text ul li { padding-bottom: 10px; }

#content .left {
    background: url('../images/roh1.jpg') no-repeat top right;
    float: left;
    width: 635px;
    padding: 0px;
    margin-top: 4px;
}

#content .left h2 {
    font-size: 1.8em;
    font-weight: normal;
    color: #6C6C6C;
    margin-bottom: 15px;
    padding-top: 35px;
}

#content .left .text {
    margin: 0px;
    padding: 0px 0px 0px 2px;
    text-align: justify;
}

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

ul#references li {
    padding: 0px 0px 5px 25px;
    background: url('../images/plus.gif') no-repeat 5px 4px;
}

ul#references li ul { display: none; }

ul#references li.selected {
    background: url('../images/minus.gif') no-repeat 5px 4px;
    font-weight: bold;
}

ul#references li.selected ul {
    display: block;
    list-style: none;
    margin: 7px 0px 0px 0px;
    padding: 10px 17px 4px 17px;
    width: 430px;
    background: #FCFFFA;
    border: 1px solid #E6F3D9;
}

ul#references li.selected ul li {
    background-image: none;
    font-weight: normal;
    padding: 0px 0px 8px 0px;
    text-align: justify;
}

ul#references li.selected ul li a {
    color: #67AF20;
}

#content .right {
    float: right;
    width: 337px;
}

#content .right p.message {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 10px 25px;
    color: #FFF;
}

#content .right form {
    margin: 0px;
    padding: 0px 0px 25px 0px;
    border-bottom: 4px solid #FFF; 
    background: #3B3B3B;
    color: #FFF;
    font-family: Verdana;
}

#content .right img.imgTop {
    border-top: 4px solid #FFF; 
}

#content .right form h3 {
    font-size: 1.8em;
    padding: 22px 0px 20px 24px;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

#content .right form input,textarea {
    border: 1px solid #3E3E3E;
    padding: 2px;
    font-size: 1.0em;
    font-family: Tahoma;
    width: 200px;
}

#content .right form textarea {
    border: 1px solid #3E3E3E;
    padding: 2px;
    font-size: 1.0em;
    font-family: Tahoma;
}

#content .right form input.submit {
    background: none;
    color: #FFF;
    font-weight: bold;
    margin-top: 5px;
    border: none;
    width: 90px;
    cursor: pointer;
}

#content .right form table tr th {
    text-align: right;
    font-weight: normal;
    padding: 3px 10px 0px 5px;
    vertical-align: top;
    width: 70px;
}

#content .roh {
    background: url('../images/roh2.jpg') no-repeat bottom left;
    _background: url('../images/roh2-ie.gif') no-repeat bottom left;
}

#bottom {
    background: #3B3B3B;
    width: 954px;
    color: #FFF;
    text-align: right;
    padding: 4px 10px 4px 12px;
}

#bottom2 {
    background: url('../images/bottom.jpg') no-repeat -2px 0px;
    width: 1000px;
    height: 15px;
    color: #FFF;
    text-align: right;
    margin: 0px auto;
}

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

ul#subpages li {
    float: left;
    padding: 10px 31px 10px 10px;
    margin-right: 4px;
    background: #3B3B3B;

}

ul#subpages li a { color: #FFF; }

#contt {
    padding: 0px 35px 0px 35px;
}
