/* 
    Document   : style
    Created on : Apr 11, 2016, 5:23:18 PM
    Author     : IreneAlcoforado
    Description:
        Style Sheet for the other Bee and Jay Domain names prior to the redirect to the main B&J site.
*/
body { 
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto; 
    alignment-adjust: middle;
    background: url('../images/background.png') repeat ;  
    /*background: #ccc;*/
}
#mainpanel {    
    width: 90%; 
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto; 
    alignment-adjust: middle;
    background: #fff;
}
#content {
    padding: 10px;
    width:95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: justify;
            /*border: 1px outset #555555;*/
}
#container {
    width: 85%;
}
h1, h2, h3, h4, h5, h6 {
  /*font-family: Oswald, Arial, Helvetica, sans-serif;*/
 font-family: Helvetica, Arial, san-serif;
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  line-height: 120%;
  margin: 30px 0 7px;  
  text-align: center;
}
hr {
    /*color: #005796;*/
    border: 0;
    height: 5px;
    background: #005796;
    background-image: linear-gradient(to right, #acacac, #2D73B9, #acacac);
}
.headerImage{
   width: 100%; 
   margin-top: 0px;
   /*border: 1px solid #000000;*/
}
.waterDrop{
    list-style-image: url(images/waterDrop30b.png);
    font-weight: bold;
    font-size: 20px;
    font-family: Helvetica, Arial, san-serif;
    /* margin-top: 15px; 
    padding: 15px 5px; */

}

.topLine {
 font-family: Arial, Helvetica, sans-serif; font-size: 16.0pt;
}
.generalTextBanner {
  font-family: Arial, Helvetica, sans-serif; font-size: 14.0pt; 
  font-weight: bold;
  color: #005796;
  margin-left: 60px;
}
.generalTextTitle {
  font-family: Arial, Helvetica, sans-serif; font-size: 14.0pt; 
  font-weight: normal;
  color: #005796;
  margin-left: 40px;
}
.generalTextCenter {
  font-family: Arial, Helvetica, sans-serif; font-size: 14.0pt; 
  font-weight: normal;
  color: #005796;
  /*margin-left: 60px;*/
  text-align: center;
}
.generalTextCenterRed {
  font-family: Arial, Helvetica, sans-serif; font-size: 14.0pt; 
  font-weight: normal;
  color: #d1004b;
  /*margin-left: 60px;*/
  text-align: center;
}
.content-headline {
  float: left;
  margin: 0 0 20px;
  width: 100%;                  
}
p.center {
    text-align: center;
}

#leftSide {
    width:65%;
    float: left;
}
#rightSide {
    float: right;
    width: 30%;
    
}
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
/* mobile */
@media screen and (min-width: 320px) {
    #leftSide {
        width:100%;
        float: left;
    }
    #rightSide {
        float: left;
        margin-top: 20px;
        width: 100%;
    }
}


@media screen and (min-width: 768px) {
    #leftSide {
        width:65%;
        float: left;
    }
    #rightSide {
        float: right;
        width: 30%;
        margin-top: 10px;
    }
}