/* CSS Document */

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 10px 0px 10px;
  padding: 0px;
  background-color: #2F1447;
  font-size: 62.5%;
  color: #FFFFFF;
  text-align: center;
  min-width: 770px;
}

img {
  border: 0px;
}

#wrapper {
  position: relative;
  width: 770px;
  margin: 0 auto;
  text-align:left;
}

.flashwrapper {
  position: relative;
  float: left;
  width: 770px;
  text-align:left;
  background-color:#00FF00;
}

#header {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
}

#pagecontent {
  position: relative;
  float: left;
  width: 100%;
  background: url(../img/gbgbfg_pagebck.gif) no-repeat top;
  margin-top: 15px;
}

#pagecontentxmas {
  position: relative;
  float: left;
  width: 100%;
  background: url(../img/gbgbfg_pagebck_xmas.gif) no-repeat top;
}

#footer {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 250px;
  margin-bottom: 30px;
}

.sidecol {
  position: relative;
  float: left;
  width: 235px;
  margin-top: 30px;
  background: url(../img/gbgbfg_sidecol_bck.gif) no-repeat top right;
}

.sidecol ul {
  list-style-type: none;
  margin: 8px 0px 0px 0px;
  padding: 0px;
}

.sidecol ul li {
  font-size: 1.4em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 15px 0px 15px 0px;
}

.sidecol h2 {
  font-size: 1.4em;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 55px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px dashed #99B4D7;
  color: #99B4D7;
}

.sidecol ol li {
  font-size: 1.4em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 8px 0px 8px 0px;
}

.maincol {
  position: relative;
  float: right;
  width: 470px;
  margin-top: 30px;
}

.maincol h2 {
  font-size: 1.8em;
  margin: 0px;
  padding: 0px;
}

.quotecontrib {
  color: #99B4D7;
}

.maincol p {
  font-size: 1.6em;
  line-height: 1.8em;
}

.intropara {
  position: relative;
  float: left;
  width: 360px;
  margin-top: 10px;
}

.butterflyillus {
  position: absolute;
  width: 100px;
  height: 320px;
  top: 0px;
  left: 360px;
}

.activitysheets {
  position:relative;
  float: left;
  width: 479px;
  border: 1px dashed #99B4D7; 
  margin-top: 20px;
}

.activitysheets p {
  padding: 10px 20px 0px 20px;
}

.leftsheet {
  position: relative;
  float: left;
  width: 201px;
  left: 20px;
  margin-bottom: 20px;
}

.rightsheet {
  position: relative;
  float: right;
  width: 201px;
  right: 20px;
  margin-bottom: 20px;
}

.leftsheet h3, .rightsheet h3 {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  color: #99B4D7;
  font-size: 1.4em;
  font-weight: normal;
}

.leftsheet p, .rightsheet p {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  font-size: 1.2em;
}

.authorimage {
  border: 1px dashed #99B4D7; 
  padding: 5px;
  margin: 10px;
}

a.homelink:link , a.homelink:visited , a.homelink:active, a.homelink:hover {
  background: url(../img/gbgbfg_nav_home_img.gif) no-repeat 0px 0px;
  padding: 4px 0px 6px 30px;
}

a.forumlink:link , a.forumlink:visited , a.forumlink:active, a.forumlink:hover {
  background: url(../img/gbgbfg_nav_forum_img.gif) no-repeat 0px 0px;
  padding: 4px 0px 6px 30px;
}

a.reviewslink:link , a.reviewslink:visited , a.reviewslink:active, a.reviewslink:hover {
  background: url(../img/gbgbfg_nav_reviews_img.gif) no-repeat 0px 0px;
  padding: 4px 0px 6px 30px;
}

a.authorlink:link , a.authorlink:visited , a.authorlink:active, a.authorlink:hover {
  background: url(../img/gbgbfg_nav_author_img.gif) no-repeat 0px 0px;
  padding: 4px 0px 6px 30px;
}

a:link, a:visited, a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

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