web第四天9.5 .CSS

body{
    background-color:#2286c6;
    margin: 0px;
    padding:0px;
    text-align:center;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
}
#container{
    position:relative;
    margin:0px auto 0px auto;
    width:780px;
    text-align:left;
}
div br{
    display:none;
}
#globallink{
    margin-top: 10px;
    margin:0px; padding:0px;
}
#globallink ul{
    list-style:none;
    padding:0px; margin:0px;
}
#globallink li{
    float:left; 
    text-align:center;
    width:78px; 
}
#globallink a{
    display:block;
    padding:9px 6px 11px 6px;
    background:url(../img/button1.jpg) no-repeat;
    margin:0px;
}
#globallink a:link, #globallink a:visited{
    color:#004a87;
    text-decoration:underline;
}
#globallink a:hover{
    color:#FFFFFF;
    text-decoration:underline;
    background:url(../img/button1_bg.jpg) no-repeat;
}

#left{
    float:left;
    width:200px;
    background-color:#FFFFFF;
    margin:0px;
    padding:0px 0px 3px 0px;
    color:#d8ecff;
}
#left div{
    background-color:#5ea6eb;
    margin:0px 5px 0px 5px;
}
#weather{
    background:url(../img/weather.jpg) no-repeat -5px 0px;
    margin:0px 5px 0px 5px; 
    background-color:#5ea6eb;
}
div#left #weather h3{
    font-size:14px;
    padding:24px 0px 0px 74px;
    color:#FFFFFF;
    background:none;
    margin:0px;
}
div#weather ul{
    margin:8px 5px 0px 5px;
    padding:10px 0px 8px 5px;   
    list-style:none;
}
#weather ul li{
    background:url(../img/icon1.gif) no-repeat 0px 6px;
    padding:1px 0px 0px 10px;
}
#left div h3{
    font-size:12px;
    padding:4px 0px 2px 15px;
    color:#003973;
    margin:0px 0px 5px 0px;
    background:#bbddff url(../img/icon2.gif) no-repeat 5px 7px;
}
#today{
    padding: 0px 0px 10px 0px;
}
#today ul{
    list-style: none;
    margin-left: -38px;
}
#today ul li{
    text-align: center;
}
#today ul li img{
    border: 1px solid #FFFFFF;
}
#today ul li a{
        color: #FFFFFF;
        text-decoration: none;
}
#middle{
    background-color: #FFFFFF;
    margin: 0px 0px 0px 3px;
    margin-bottom: 5px;
    padding: 5px 0px 0px 0px;
    width: 397px;
    float: left;
}
#middle div{
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}
#beauty{
    margin: 20px 0px 10px 0px;
    padding: 0px;
}
#beauty ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#beauty li{
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
}
#route{
    margin: 20px 0px 10px 0px;
    padding: 0px;
}
#route ul{
    margin-bottom: 33px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-decoration: none;
}
#route a{
    text-decoration: none;
}
#route a:hover{
    color:black;
    text-decoration:none;
}
#route ul li{
    text-decoration: none;
    background:url(../img/icon1.gif) no-repeat 0px 6px;
    padding: 1px 0px 0px 10px;
}
#right{
    float:left;
    width:180px;
    background-color:#FFFFFF;
    margin:0px 0px 3px 0px;
    padding:0px 0px 3px 0px;
    font-weight: 176px;
    color:#d8ecff;
}
#right div{
    background-color:#5ea6eb;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
#right div h3{
    font-size:12px;
    padding:1px 0px 2px 5px;
    color:#003973;
    margin:0px 0px 5px 0px;
    background:#bbddff url(../img/icon2.gif) no-repeat 5px 5px;
}
#map #food #liv p{
    text-align:center;
    margin:0px;
    padding:2px 0px 5px 0px;
}
#food  a{    
    border-bottom:  2px dashed #EEEEEE;
    text-decoration: none;
}
#liv a{
    border-bottom:  2px dashed #EEEEEE;
    text-decoration: none;
}
#right a:hover{
    color:#FFFFFF;
    text-decoration: initial;
}
#footer{
    background-color:#FFFFFF;
    margin:1px 0px 0px 0px;
    clear:both;
    position:relative;
    padding:1px 0px 1px 0px;
}
#footer p{
    text-align:center;
    padding:0px;
    margin:4px 5px 4px 5px;
    background-color:#5ea6eb;
}
#footer p a{
    color:#FFFFFF;
    text-decoration:none;
}