*
{
  font-family: bold x-small Verdana, sans-serif;
  font-size: 14px;
} 

body 
{
    background-image: url("images/background.png");
    background-size: 100% 100%;
}

.main-div
{
    margin: auto;
    padding: 2px;
    font-family: Verdana, sans-serif;
}

.toplogo-div
{
    margin: auto;
    height: 100px;
    text-align: center;
    padding-top: 10px;
}

.video-div
{
    text-align: center;
    margin: auto;
}

.menu-div
{
    text-align: center;
    margin: auto;
    float: right;
    margin-top: 35px;
    padding-left: 30px;
}

.menu-buttons
{
    text-decoration: none;
    color: #005e78;
    border-left: 2px solid #ff9900;
    padding: 5px 5px 5px 10px;
    font-size: 20px;
    display: inline-block;
}

a:hover
{
    color: #7f7f7f;
    text-decoration: underline;
}

#video-id
{
    border: 1px solid grey;
}

.brochure-div
{
    text-align: center;
}

.image-div
{
    margin: auto;
    text-align: center;
}

.bottom-spacer
{
    height: 12%;
}

.top-spacer
{
    height: 20px;
}

.locator
{
    text-align: center;
}
                                            
/*agent locator css settings*/      
.results-div
{
  margin: auto;
  padding: 0px 50px 0px 50px;
  overflow: auto;
}
         
.city
{
  font-weight: bold;
  color: #074064;
  background-color: orange;
  border-radius: 25px;
  padding: 5px 0px 5px 10px;
  font-size: 16px;
  font-style: italic;
}

.agent
{
  padding-left: 25px;
}

.display_ct
{
  padding-left: 10px;
}

.result
{
  color: #074064;
  font-size: 16px;
  font-weight: bold;   
}  

.loc_left
{
  float: left;
  display: inline-block;
}

.loc_right
{
  float: right;
  display: inline-block;
  padding-right: 10px;
}         

.leftside
{
  width: 38%;
  height: 50%;
  float: left;
  overflow: auto;
  display: inline-block;  
}  

.rightside
{
  width: 60%;
  float: right;
  display: inline-block;
}                            
/*end agent locator css settings*/