/* 
    Document   : main.css
    Created on : 21-aug-2009, 12:12:22
    Author     : Arjen Zwerver
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@import url("../../BBCommon/css/main.css");

#contentContact{
  position:relative;
  margin-bottom: 10px;
  zoom: 1;
}

#contentLeft{
  float:left;
  padding:0 7px 0 10px;
  position:relative;
  top:20px;
  width:635px;
  zoom: 1;
}
#brownTop{
  background  : url(../../BBCommon/images/brownTop.png) no-repeat ;
  height      : 20px;
  position    : relative;
  top         : 0;
}

#brown{
  background  : url(../../BBCommon/images/brown.jpg) repeat-y;
  padding     : 0 0 0 21px;
  height      : 233px;
}

/*location*/
#location{
  width:313px;
  float: left;
  color: white;
    line-height: 19px;
    position: relative;
}

/*direction*/
#directions{
  width:291px;
  color: white;
  float: left;
    line-height: 19px;
       position: relative;
}



#brownBottom{
  background  : url(../../BBCommon/images/brownBottom.png)  no-repeat;
  height      : 20px;
  position    : relative;
  Bottom      : 0;
  width       : 635px;
}


#maincontent h1.newsLetter{
  color       : #ffffff;
  margin: -5px 0 0px 0;
  padding: 0 0 8px 0;
  font-size   : 22px;
  line-height: normal;
}

#maincontent h1{
    font-size:22px;
    margin: 10px 0 10px 0;
    padding: 0;
}

#maincontent h5 {
	font-size: 13px;
}


/* peopleRight */
#peopleTop{
  background  : url(../../BBCommon/images/newsletterTop.png) no-repeat ;
  height      : 10px;
  position    : relative;
  top         : 0;
}

#people{
  background  : url(../../BBCommon/images/newsletterBg.jpg) repeat-y;
  padding     : 0 0 0 21px;
}
#peopleRight{
  zoom: 1;
  float       : left;
  top         : 20px;
  position    : relative;
  width       : 315px
}

#people h1{
  color       : #ffffff;
  margin-top  : 0px;
  margin-bottom: 7px;
  padding-top : 13px;
  padding-bottom: 0px;
  font-size   : 24px;
}

#people h2{
  margin       : 0 0 0 90px;
  padding      : 0;
  color        : #fff;
  font-size    : 12px;
  line-height  : 18px;
}
#people h2 span{
  background   : url(../../BBCommon/images/h2Dotted.png) repeat-x  left bottom;
  padding-bottom: 3px;
}

#people p{
  margin-top  : 5px;
  margin-left : 90px;
  padding-right: 10px;
  margin-bottom:20px;
  color: #fff;
}

#people img{
  border      : 1px solid #B5B7B7;
  float       : left;
  padding     : 1px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 68px;
  height: 68px;
}

#people .ruler{
  clear       : both;
  border-top: 1px solid #c8c8c8;
  height:20px;
  width:275px;


  /*color       : #c8c8c8;
  margin      : 0 0 0 0;
  height      : 1px;
  border-top  : 1px solid #c8c8c8;*/
}
#peopleBottom{
  background  : url(../../BBCommon/images/newsletterBottom.png)  no-repeat;
  height      : 19px;
  position    : relative;
  Bottom      : 0;
}



/* contactform */
#contactForm {
    padding-left: 20px;
    margin-top: 25px;
}
#contactForm input[type="text"] {
    width: 582px;
    border: 1px solid #764934;
    height: 14px;
    padding: 6px 7px;
    margin-bottom: 9px;
}
#contactForm textarea {
    width: 582px;
    height: 163px;
    border: 1px solid #764934;
    padding: 6px 7px;
    margin-bottom: 9px;
    font-family: tahoma;
    font-size: 11px;
    background: url(../../BBCommon/images/textarea.jpg) no-repeat;
}
#contactForm input[type="text"].tfvHighlight, #contactForm textarea.tfvHighlight {
    background: #df4497;
    color: white;
}
#contactForm span {
    clear: left;
    color: #df4497;
}
#contactForm input[type="submit"] {
    width: 102px;
    height: 28px;
    font-family: tahoma;
    font-weight: bold;
    color: #FFFFFF;
    background: url("../../BBCommon/images/search.jpg") no-repeat;
    border: none;
    margin-left: 4px;
    font-size: 11px;
    padding-bottom: 3px;
    float: right;
    margin-right: 18px;
}