body,td,input {margin:0px; font-family: verdana, sans-serif; color:#505050; font-size:80%}

th { text-align: left; margin:0px; font-family: verdana, sans-serif; color:#505050; font-size:80%}


.top {background:#304060 url(/top.gif);color:white;border-bottom:5px solid red;}
.top h1 { color:white;padding-bottom:8px;padding-top:8px;padding-left:20px }
.top h2 { color:#f0f0f0 }

.intro { font-size:90%;margin-bottom:20px;margin-right:20px }

.login {text-align:left;margin-top:20px;margin-bottom:10px;padding-bottom:20px}
.login h3 {margin-bottom:20px;padding:4px;padding-left:0px;font-size:100%;border-bottom:1px solid #e0e0e0}

.bottom { padding-left:20px;font-size:60% }
.bottom a:link, .bottom a:visited { color:#e0e0e0 }

dl { margin-top:0px }
dt { font-weight:bold }
dd { margin: 0.2em 0 1em 1em }

ul { padding:0px;margin:0px; list-style: none; background:#f0f0f0 }
li { padding:0px;margin:0px; margin-left: 5px; margin-right: 5px; }

.apps li { float:left; padding:2px 0 2px 0 }
.apps li a:hover { background:#d8d8d8;padding:2px 0 2px 0 }
.news { padding-left:20px;font-size:80% }
.news li, .news h4 { margin-bottom:4px }

a:link, a:visited { color:#0000a0;text-decoration:none; }
a:hover, a:active { color:#2020ff; }

h1, h2, h3, h4, h5, h6 { margin:0px;padding:0px }
h1 {font-size:180%}
h3 {font-size:120%}

h2 { font-size:110%;margin:1.2em 0 0.5em 0 }
.x { background:white; list-style:square; margin-left:1.3em }
.x li { margin-bottom:0.8em }

.section { color: #a0a0a0; font-size: 12pt; letter-spacing: 1px; border: 1px solid; padding: 10px; }
.submit { background-color: #a0c0a0; padding: 10px; }
.jump { background-color: #ffaa00; color: #ffffff; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; text-decoration:none; letter-spacing: 1px; }
.jump a{ color: #ffffff; }
.message_failure { position:relative; width:auto; margin:20px 0px 30px 0px; border:0px; background: #E50B02; padding:10px; z-index:4; color: white; }
.message_success { position:relative; width:auto; margin:20px 0px 30px 0px; border:0px; background: #0Ba502; padding:10px; z-index:4; color: white; }
.gtac { /* general terms and conditions */ height: 150px; overflow: auto; font-size: 10px; border: 1px solid; padding: 10px; margin-top: 10px; margin-bottom: 10px; }




/* menu */

#menu {
/*        width: 100%; */
/*        background: #eee;*/
        float: left;
	padding: 0px;
	margin: 0px;
}
#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
	padding-left: 3px;
	padding-right: 3px;
/*        width: 1em;*/
        float: left;
}

#menu a, #menu h2 {
        font: bold 11px/16px arial, helvetica, sans-serif;
/*        display: block; */
/*        border-width: 0px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb; */
        margin: 0;
        padding: 2px 3px;
}

#menu h2 {
/*        color: #fff; */
/*        background: #000;*/
/*        text-transform: uppercase; */
}

#menu a {
/*        color: #000; */
/*        background: #efefef; */
        text-decoration: none;
}

#menu a:hover {
        color: #a00;
        background: #fff;
}

#menu li {
        position: relative;
}

#menu ul ul {
        position: absolute;
        z-index: 500;
}

#menu ul ul ul {
        top: 0;
        left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
        display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
        display: block;
}