root, html{
    height:100%;
    margin:0px;
    padding:0px;
}
body{
    margin:0px;
    background:#cccccc;
    height:100%;
}
body.flash{
    overflow:auto;
}
body,div,td{
    font-family:Helvetica,Arial,Sans-serif;
    color:#000000;
    font-size:11pt;
    
}
a{
    color:#ff0000;
}
object, embed{
    outline:none;
    margin:0px;
    padding:0px;
}
#frame{
    width:100%;
    height:100%;
    text-align:left;
}
#container{
    width:800px;
    margin:40px;
    margin-top:20px;
    text-align:left;
    background:#ffffff;
    border:1px solid #666666;
    padding-bottom:0px;
}
#flashmessage{
    width:800px;
    margin-top:40px;
    border:1px solid #333333;
    background:#ffffff;
}
#header{
    text-align:center;
    height:150px;
    
    color:#666666;
    
    font-size:36pt;
    font-weight:bold;
    margin-bottom:20px;
}
#menu{   
    padding:20px;
    width:150px;
    margin-right:20px;
    color:#333333;
    float:left;
    margin-bottom:20px;
}
#menu ul{
    padding:0px;
    margin:0px;
}
#menu li{
    padding:0px;
    margin:0px;
    list-style:none;
    text-align:left;
}
#menu a{
    color:#333333;
    font-weight:bold;
    font-size:12pt;
    text-decoration:none;
}
#menu a:hover{
    color:#cccccc;
}
#content{
    padding-left:210px;
    padding-right:20px;
}
#footer{
    margin-top:20px;
    clear:both;
    padding:0px;
    height:100px;
    overflow:hidden;
    text-align:center;
    
}

.obralisting{
    background:#666666;
    padding:5px;
    color:#ffffff;
    margin-bottom:5px;
    cursor:pointer;
    cursor:hand;
}
.obralisting h4, .obralisting h3{
    display:inline;
    
}
.obralisting a{
    text-decoration:none;
    color:#ffffff;
}
.citylisting{

}
.region1 {
    background-color: #ffcc00;
}
.region2 {
    background-color: #3998c7;
}
.region3 {
    background-color: #ec3317;
}
.region4 {
    background-color: #ea7913;
}
.region5 {
    background-color: #00974c;
}
.obralisting:hover{
    background-color:#cccccc;
}
.obralisting .region1:hover{
    background-color:#cccccc;
}