/*
 *******************************************
 *                                         *
 * CSS FOR WIZI                            *
 *                                         *
 * By Rasmus Frey <frey@verk.dk>           *
 *                                         *
 *******************************************
**/
html {
     overflow: -moz-scrollbars-vertical;
}

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


body {
        text-align:center;
        background-color:#ffffff;
        font-size : 12px;
        color:#626264;
}

#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 {
color : #6c5735;
text-decoration: none;
}
#nav a:hover , #nav a.active {
color : #6c5735;
text-decoration: none;
}
#nav a.active {
font-weight : bold;
text-decoration: none;
color: #6c5735;
}
#nav .navion{
list-style-image: url(../graphics/prik.gif);
color: #6c5735;
text-decoration: none;
}

#nav .navioff{
list-style-image: url(../graphics/prikminus.gif);
color: #6c5735;
text-decoration: none;
}

a {
padding:0px;
margin: 0px;
color: #6c5735;
}

hr {
height: 1px;
border-top: 1px;
background-color: #666666;
}

.img-shadow-left {
	float:left;
	background: url(/images/shadow.gif) no-repeat top left;
}

.img-shadow-topright {
	float: left;
	background: url(/images/shadow_tr.jpg) no-repeat top right;
}

.img-shadow-bottomleft {
	float: left;
	background: url(/images/shadow_bl.jpg) no-repeat bottom left;
}

.img-shadow-right {
	float:left;
	background: url(/images/shadow.gif) no-repeat bottom right;
	margin: 6px 0 0 6px;
	padding: 0 6px 6px 0;
}

.img-shadow-right img {
	display: block;
	margin: 8px;
}