/* Bruton Art Society CSS Document */

body
{
  margin: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px;
  text-align: center;
  /*padding-top: 30px;*/
  /*background-color: #FFE9E9; RED/PINK COLOUR SCHEME*/
  background-color: #C4ECBD;
}

#container1
{
  width: 750px;
  /*height: 500px;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: white;
  border: 1px solid #999999;
}

@media print
{
  #container1
  {
    width: 550px;
    /*height: 500px;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: white;
    border: none;
  }
}

#container2
{
  width: 500px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  /*border: 1px solid #666666;*/
}

#banner
{
  /*float: left;
  display: inline;
  vertical-align: top;*/
  width: 500px;
  height: 104px;
  margin-bottom: 20px;
  /*margin-bottom: 20px;*/
  /*border: 1px solid #666666;*/
}

#logo
{
  float: left;
  height: 104px;
  width: 83px;
  margin-right: 17px;
  background: url(images/i_logo.gif);
  /*border: 1px solid #666666;*/
}

#header
{
  float: left;
  /*padding-top: 20px;*/
  font: bold x-small Arial;
  color: #333333;
  /*border: 1px solid #666666;*/
}

#middleColumn
{
  float: left;
  /*display: inline;
  vertical-align: top;*/
  width: 403px;
  border: 1px solid #666666;
}

#mainMenu
{
  margin-bottom: 20px;
  /*border: 1px solid #666666;*/
}

#title
{
  width: 400px;
  height: 73px;
  padding: 15px, 0px, 15px, 0px;
  font: bold xx-large Arial;
  line-height: 73px;
  color: #FFFFFF;
  /*background-color: #FF4F4F; RED/PINK COLOURSCHEME */
  background-color: #336600;
  /*border: 3px solid #666666;
  border-bottom: none;*/
}

#mainMenu ul
{
  display: inline;
  height: 1px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  /*border-right: 3px solid #666666;
  border: 1px solid;*/
}

#mainMenu li
{
  float: left;
  /*border: 1px solid;*/
}
/*
#mainMenu a
{
  width: 100px;
  height: 104px;
  padding: 75px, 5px, 0px, 0px;
  text-align: right;
  font: bold 11pt Arial;
  color: white;
  text-decoration: none;
  border: 3px solid #666666;
  border-right: none;
}
*/
#mainMenu a
{
  display: block;
  width: 100px;
  height: 25px;
  padding-top: 6px;
  text-align: center;
  font: bold 11pt Arial;
  color: white;
  text-decoration: none;
  /*border: 3px solid #666666;
  border-right: none;*/
}

@media print
{
  #mainMenu a
  {
    display: block;
    width: 95px;
    height: 25px;
    padding-top: 6px;
    text-align: center;
    font: bold 11pt Arial;
    color: white;
    text-decoration: none;
    /*border: 3px solid #666666;
    border-right: none;*/
  }
}

#mainMenu a.selected
{
  /*background-color: #FF4F4F; RED/PINK COLOUR SCHEME*/
  background-color: #336600;
}
/*
#mainMenu a.home:hover
{
  background-color: #FF9797;
}
*/
#mainMenu a.button1
{
  /*background-color: #FF7D7D; RED/PINK COLOUR SCHEME*/
  background-color: #558800;
}

#mainMenu a.button1:hover
{
  /*background-color: #FFAEAE; RED/PINK COLOUR SCHEME*/
  background-color: #5F900C;
}

#mainMenu a.button2
{
  /*background-color: #FF9797; RED/PINK COLOUR SCHEME*/
  background-color: #669900;
}

#mainMenu a.button2:hover
{
  /*background-color: #FFC6C6; RED/PINK COLOUR SCHEME*/
  background-color: #6FA009;
}

#mainMenu a.button3
{
  /*background-color: #FFAEAE; RED/PINK COLOUR SCHEME*/
  background-color: #77AA00;
}

#mainMenu a.button3:hover
{
  /*background-color: #FFC6C6; RED/PINK COLOUR SCHEME*/
  background-color: #7FB009;
}





.body
{
  /*height: 300px;*/
  padding: 15px;
  margin-bottom: 20px;
  text-align: left;
  font: small Verdana;
  color: #000000;
  /*background-color: #FFE9E9; RED/PINK COLOUR SCHEME*/
  background-color: #C4ECBD;
  /*border: 3px solid #FF7D7D; RED/PINK COLOUR SCHEME*/
  border: 3px solid #558800;
}

.body h1
{
  font: bold medium Arial;
  color: #006633;
  margin: 0px;
  padding-left: 5px;
  /*background-color: #FFC6C6; RED/PINK COLOUR SCHEME*/
  background-color: #76C563;
  /*border: 1px solid #666666;*/
}

.body p
{
  margin-top: 5px;
  margin-bottom: 10px;
  /*border: 1px solid #666666;*/
}

.textBox
{
  margin-top: 15px;
  padding: 5px;
  /*border: 3px solid #FF7D7D; RED/PINK COLOUR SCHEME*/
  border: 3px solid #558800;
}




.progEventOdd
{
  margin-top: 5px;
  margin-bottom: 5px;
  /*background-color: #FFC6C6; RED/PINK COLOUR SCHEME*/
  background-color: #76C563;
}

.progEventEven
{
  margin-top: 5px;
  margin-bottom: 5px;
}

.progDate
{
  font-weight: bold;
  color: #006633;
}

.progDesc
{
  font: bold 10pt Verdana;
  color: #006633;
}

.progContent
{
  font-size: smaller;
}




#committeeTable th
{
  padding-left: 10px;
  /*background-color: #FFC6C6; RED/PINK COLOUR SCHEME*/
  background-color: #76C563;
}

#committeeTable td
{
  padding-left: 10px;
}





/*
#gallery a:hover
{
  border: 1px solid #FF7D7D;
}*/

#gallery img
{
  clear: both;
  border-color: black;
}





#footer
{
  margin-top: 5px;
  font: xx-small Verdana;
}

.link2link
{
  color: blue;
  text-decoration: none;
  font: x-small;
}

.link2link:hover
{
  color: #9999FF;
}