/*
 *******************************************
 *                                         *
 * CSS FOR WIZI                            *
 *                                         *
 * By Rasmus Frey <frey@verk.dk>           *
 *                                         *
 *******************************************
**/


body, html {margin:0px;padding:0px;height:auto;}

html {
     overflow: -moz-scrollbars-vertical;
}


#frontlogin{float: right; text-align: right;height: 120px; width: 220px; margin-right: 16px;}
#frontlogin input {clear:both; margin-top:2px; margin-bottom:1px;padding:0px;}
#frontlogin form {margin:0px; padding:0px; float: right;}
#frontlogin .button {margin:0px; padding:0px;color:#000000; background-color: #f3f2e4; float: right;}
#frontlogin a {color:#666666;font-size:10px;}

body {
        text-align:center;
        font-family: Comic Sans MS, Sans-Serif ;
        margin: 0px;
        background-color: #f3f2e4;
        color: #666666;
}


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

#container {
        position:relative;
        overflow:hidden;
        width:760px;
        height:auto;
        background-color:#fff;
        margin: 0 auto;
        text-align:left;
        margin-top:0px;
        /*background-image:url(../graphics/content_bg.gif);*/
}

        #header{
                position:relative;
                overflow:visible;
        }
                #header h1{
                        margin-top:15px;
                        margin-left:15px;
                        font-size:200%;
                        color:#996600;
                }

        #leftbox{
                width:200px;
                float:left;
        }

        #middlebox{
                width:700px;
                float:left;
                padding-left:30px;
        }


        /*#rightbox{  not used
                width:200px;
                float:right;
        }*/

        #leftbox, #middlebox, #rightbox{
                position:relative;
                height:auto;
                overflow:hidden;
        }

        #footer{
                clear:both;
                width:auto;
                height:50px;
                overflow:hidden;
                border-top:1px solid #ccc;
        }


#top {
text-align:left;
height:21px;
width:760px;
background-color:#8a8b0f;
}
#top ul, #top ul li{
        margin:0px;
        padding:0px;
        list-style:none;
}
#top ul li {
        display:inline;
        padding : 0 1px 0 0;
        list-style : none;
        font-size : 11px;
        line-height:25px;
}
#top ul{
        text-align:left;
        margin-left:5px;
}
#nav a {
text-decoration : none;
color : #666666;
font-size: 12px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#nav a:hover , #nav a.active {
color : #aec8cc;
text-decoration : underline;
font-size: 12px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#nav a.active {
color: #666666;
text-decoration : none;
font-size: 12px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#nav .navion
{
font-size: 12px;
color: #aec8cc;
text-decoration : none;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

.maincontent a {
color: #666666;
text-decoration : underline;
font-weight: bold;
}