/* Menu ********************/
#left ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }

#left ul li {
        position: relative;
        float: left;
        width:270px;
        display: block;
        text-decoration: none;
        text-align: center;
        font-weight: normal;
	margin: 1px;
}

#left ul li ul {
/*        position: absolute;*/
        left: 0; /* Set 1px less than menu width */
        top:28px;
        line-height: 16px;
	margin-right: 5 px;

        }
#left ul li a:hover {
        background-image: url(metronet_image/menu2_h.gif);
}

#left ul li a {
        color: white;
        text-align: central;

        font-weight: bold;
        background-image: url(metronet_image/menu2.gif);
        float: left;
        width:275px;
        display: block;
        background-repeat: no-repeat;
	padding-top: 3px;
	margin-right: 5 px;
	padding-bottom: 3px;
}



/* Styles for Menu Items */
#left ul li.firstcategory {

        color: #062E4B;
        font-weight: bold;
        height: 28px;
        line-height: 28px;
        padding-right: 0px;
        padding-left: 0px;
        background-repeat: no-repeat;
        background-position: 0px;
        margin: 0px;
        }
#left ul li.category {
        color: #062E4B;
        font-weight: bold;
        height: 28px;
        line-height: 28px;
        padding-right: 0px;
        padding-left: 0px;
        background-repeat: no-repeat;
        background-position: -111px;
        margin: 0px;

        }
#left ul li.lastcategory {
        color: #062E4B;
        font-weight: bold;
        height: 28px;
        line-height: 28px;
        padding-right: 0px;
        padding-left: 0px;
        background-image: url(images/array_332x28.jpg);
        background-repeat: no-repeat;
        background-position: -222px;
        margin: 0px;

        }


#left ul li.firstcategory:hover, #left ul li.firstcategory.over {
        color: #fff;
}

#left ul li.category:hover, #left ul li.category.over {
        color: #fff;
        background-image: url(images/array_332x28_roll.jpg);
}
#left ul li.lastcategory:hover, #left ul li.lastcategory.over {
        color: #fff;
        background-image: url(images/array_332x28_roll.jpg);
}

/* commented backslash \*/
/** html ul li a {height:1%}*/
/* end hack */
#left li a {
        text-decoration: none;
}

/* hovered lists */
#left li a, #left li.over a {
        color: #fff;
        width: 270px;
        display: block;

}
/* set dropdown */
#left li li a, #left li.over li a {
        color: #F9D449;
        border: none;
        font-weight: normal;
        width: 273px;
        background-position: right center;
        background-color: #FFFFFF;
        text-indent: 8pt;
        background-repeat: no-repeat;

}
#left li ul li a {
        background-image:none;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-right: 5px;
        text-align: right;
        font-weight: bold;
                background-position: right bottom;
	padding-top: 1px;
        font-weight: bold;
	padding-bottom: 5px;
	padding-right: 23px;
        text-align: right;
        color: #41386d;

        

} /* Sub Menu Styles */

#left li ul li a:hover {

        background-image: none;
}

#left li ul li ul li a {
#        background-image: url(metronet_image/menu3.gif);
        background-position: right bottom;
	padding-top: 1px;
        font-weight: bold;
	padding-bottom: 5px;
	padding-right: 23px;
        text-align: right;
        color: #41386d;
}
/* commented backslash */
* html  #left li ul li ul li a {
padding-right: 20px;

}
/* end hack */

 /* Sub Menu Styles */


#left li ul, #left li.over ul {
        display: block;
} /* The pop */


/* Layout ******************/
body {
  padding:0; margin:0 auto;
    width:1000px;
    position:relative;    
#font: Tahoma, Sans-Serif;
font: Arial;

    }
#main1 {
width:100%; overflow:hidden;
#background-image: url(metronet_image/fone.gif);
#background-repeat: repeat-y;
position:relative;    
font: Arial;

}

#main {
#background: #acebef;
float: right; 
width:68%;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 5px;
}

#left {
float:left; width:28%;
margin-top: 5px;
  }    

#content {
width:100%;
#background: #ffffff;
overflow: hidden;
position:relative;    

}



#content_left {
float:left; width:34%;
margin: 12px;
#background: red;

}
* html #content_left {
/*    width: 34%;*/
    margin: 6px;
    margin-right:-1px;
    }
* html #content_central {
/*    width: 60%;*/
    margin-right:-1px;
/*    margin-right: 8px;*/
    }

#content_central {
float: right; 
width:62%;
margin: 12px;
margin-left: 0px;
margin-right: 16px;
#background-image: url(metronet_image/orang.gif);
#background-repeat: repeat-y;
#background: blue;

}

#login {
  position:absolute;
#float:left;
    top:0px; 
    width: 165px;
    height: 107px;
    right: 0px;
    margin:0px;
    margin-top: 12px;
    padding: 0px;
#background: red;

 }


* html #login {
padding-bottom: 1px; 
    width: 145px;

}

/* Fonts *******************/
.input-text {
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
line-height:normal;
width:65px;
height:10px;
}
.input-city {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
line-height:normal;
width:65px;
height:15px;
}

.input-button {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:normal;
width:130px;
height:16px;

}

* html #input-button1 {
margin-bottom: 7px; 
}


.login-text 
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
line-height:normal;
}      

/* Colors ******************/
/* Misc ********************/