/*
CSS for Chiltern Bonsai site
*/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #cfffce;
  line-height: 125%;
  padding: 0;
  margin: 0;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: x-large;
  color: #660000; 
  padding-top: 2em;
  padding-bottom: .2em;
  padding-left: .4em;
  margin: 0;
  background: #c0EEbe url(Logos/cbshtree.gif) no-repeat bottom right;

}

h2 {
  color: navy;
  font-size: 130%;
  font-weight: normal;
  padding-top: 15px;
}

h3{
  color: navy;
  font-size: small;
}
h4 {color: red;
  font: Times New Roman;	
  font-size: x-large;

}

li {
  font-size: small;
}

p {
  font-size: small;
  color: #660000;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  background-color: #8FBC8F;
  border-top: 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
}

em {
  text-transform: uppercase;
}

a {
  font-weight: bold;
}

a:link {
  color: black;
}

a:visited {
  color: navy;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}

.center {
  text-align: center;
}

#navigation {
  background-color: #cfffce;
  padding-top: 1em;
  padding-left: .6em;
}

h2, ul {
  margin-top: 15px;
}

#header {
  border-top: 3px solid #7da5d8;
}


#rowtext, #tab1text, #tab2text, #tab3text, #tab4text  {
  border: 1px solid red;
}
/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.

Use floats to position tabbed columns
*/

#navigation, #maintext, #header {
  position: absolute;
}

#header {
  width: 100%;
}

#navigation, #maintext {
  top: 115px;
}

#navigation {
  width: 130px;
  height: 400px;
}

#maintext {
  left: 140px;
  width: 75%;
/*	width: 640px;*/
}

.rowboxp1 {
  height: 180px;

}

.rowboxl1 {
  height: 135px;
}


.rowbox2 {
  height: 67px;
}

.floatbox1, .floatbox2, .floatbox3 {
  position: relative;
  top: 20px;
  float: left;
}

.floatbox2, .floatbox3 {
  position: relative;
  left: 20px;
}

.boxtab1, .boxtab2, .boxtab3, .boxtab4 {
  float: left;
  width: 24%;
  text-align: center;
}

.flrpic {
 float:right;
  border: 3px solid #7da5d8;
}