/* Document */

body {
    background: #7c4ddc url(images/main/topback.jpg) center top no-repeat;
    color: #fff;
	font-family: "Comic Sans MS",Verdana, Arial, sans-serif;
	font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
#wrapper{


    background: transparent;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    }

#bannerhead {
  background: transparent url(images/main/headerback.png) top center no-repeat;
  height: 150px;
  width: 980px;
  min-height: 150px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
#homeclick {
  background: transparent;
  height: 150px;
  min-height: 150px;
  width: 300px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

#headernav1 {
  background: transparent;
  height: 44px;
  width: 170px;
  position: absolute;
  left: 345px;
  top: 20px;
  z-index: 1;
}
#headernav2 {
 background: transparent;
  height: 44px;
  width: 170px;
  position: absolute;
  left: 425px;
  top: 80px;
  z-index: 1;

}
#headernav3 {
  background: transparent;
  height: 44px;
  width: 170px;
  position: absolute;
  left: 550px;
  top: 20px;
  z-index: 1;
}
#headernav4 {
  background: transparent;
  height: 44px;
  width: 170px;
  position: absolute;
  left: 605px;
  top: 80px;
  z-index: 1;
}
#headernav5 {
  background: transparent;
  height: 44px;
  width: 170px;
  position: absolute;
  left: 725px;
  top: 20px;
  z-index: 1;
}


/* links */
a:link , a:visited {
	color: #25670D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #25670D;
}
a:active {
	text-decoration: none;
	color: #25670D;
}
#descriptext a:link, #descriptext a:visited {
	color: #25670D;
	text-decoration: none;
}
#descriptext a:hover {
	text-decoration: underline;
	color: #25670D;
}

/* top bar */
#topbar {
	height: 150px;
}

/* content */
#maincontenttopper {
  background: transparent url(images/main/main_top.gif) top no-repeat;
}

#maincontent {
	width: 980px;
	background: transparent;
    margin: 0 auto;
    text-align: center;
}
#subcontent {
  padding: 0 0 10px;
}
#descriptext {
  padding: 105px 15px 30px 60px;
  text-align: left;
}
#descriptext ul {
  list-style: none;
  font-size: 18px;
}
#descriptext ul li {
  font-size: 18px;
  padding-top: 10px;
}
.displayoff {
  display: none;
}





/* typography */
.title01 {
	font-size: 18px;
	color: #25670D;
	font-weight: bold;
	font-family: "Comic Sans MS",Verdana, Arial, sans-serif;
}
.style1 {
    padding: 90px 80px 20px 210px;
	font-size: 18px;
}
.style1b {
    padding: 20px 0 10px 240px;
    font-size: 18px;
}
.style1c {
    padding: 10px 0 20px 280px;
    font-size: 18px;
}


.style2 {
    padding: 0 600px 0 0px;
    font-size: 20px;
}
.style2a {
    padding:0 650px 0 10px;
    font-size: 20px;
}
.style2b {
    padding: 105px 520px 0 90px;
    font-size: 20px;
    color: #000;

}

.regemphasis {
  font-variant: small-caps;
  font-weight: bold;
}

.greenemphasis {
    font-variant: small-caps;
    color: #27fd29;
    background: transparent;
    font-weight: bold;
}

.style3 {
    padding-left: 160px;
    font-size: 18px;
}
.style4 {
    padding: 480px 20px 20px;
    font-size: 20px;
}
.style5 {
  color: #3503f9;
  background: transparent;
  padding: 85px 75px 20px 60px;
  font-size: 20px;
  font-variant:small-caps;
  }
.style5a {
  color: #3503f9;
  background: transparent;
  padding: 150px 90px 20px 500px;
  font-size: 18px;
}
.style5b {
  color: #3503f9;
  background: transparent;
  padding: 20px 580px 20px 170px;
  font-size: 18px;
}
.floatpara {
  width: 400px;
  float: left;
}




.stylebold {
   font-weight: bold;
}
.styleem{
  font-style: italic;
}



p, #maincontent, li {
	font-family: "Comic Sans MS",Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.35em;
}


.addBorder {
	border: 1px solid #444;
}

/* menu box for news and members pages */
.menubox {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-image: url(images/main/menuback.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
}
.menubox2 {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-image: url(images/main/menuback.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
}
.menubox a:link,.menubox a:visited, .menubox a:active,
.menubox2 a:link,.menubox2 a:visited, .menubox2 a:active  {
	color: #ffffff;
	text-decoration: none;
}
.menubox a:hover, .menubox2 a:hover {
	text-decoration: underline;
	color: #ffffff;
}




/* bottom menu */
.botmenutd {
	padding-top: 20px;
	background-color: #7c4ddc;
	font-family: "Comic Sans MS",Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #49831B;
}
.botmenutd a:link {
	color: #49831B;
	text-decoration: none;
}
.botmenutd a:visited {
	text-decoration: none;
	color: #49831B;
}
.botmenutd a:hover {
	text-decoration: underline;
	color: #49831B;
}
.botmenutd a:active {
	text-decoration: none;
	color: #49831B;
}

/* footer */
#footerbg {
	background: #7c4ddc;
    height: 145px;
    }
#footer {
 background: transparent;
 width:1000px;
 text-align: center;
 margin: 0 auto;
 height: 145px;
 }
#footer p {
  text-align: left;
  color: #bceb96;
  background: transparent;
  margin: 0;
 padding: 10px 0 0;
 font-size: 90%;

}

#footer h2.h2footer {
  margin: 0;
  padding: 10px 0 0;
  color: #bceb96;
  font-size: 140%;
}
ul#footernav {
 margin: 0;
 padding: 10px 0 0;
 width: 65%;
 color: #bceb96;
 background: transparent;
 float: right;
 list-style-type: none;
}
ul#footernav li {
  display: inline;
  font-size: 90%;
}
ul#footernav li a:link, ul#footernav li a:visited{
 color: #bceb96;
 background: transparent;
 text-decoration: none;
 text-align: center;
 }
ul#footernav li a:hover{
 color: #bceb96;
 background: transparent;
 text-decoration: underline;
  }



/*--page specific --*/


#rapcatpage {
  border: 2px solid #27fd29;
  background: transparent url(images/chars/rapcat.jpg) no-repeat;
  height: 735px;
  min-height: 735px;
}
#catinapage {
  border: 2px solid #27fd29;
  background: transparent url(images/chars/catina.jpg) no-repeat;
  height: 735px;
  min-height: 735px;
}
#bobcatpage {
  border: 2px solid #27fd29;
  background: transparent url(images/chars/bobcat.jpg) no-repeat;
  height: 735px;
  min-height: 735px;
}
#copycatpage {
  border: 2px solid #27fd29;
  background: transparent url(images/chars/copycat.jpg) no-repeat;
  height: 735px;
  min-height: 735px;
}
#leeohpage {
 border: 2px solid #27fd29;
  background: transparent url(images/chars/leeoh.jpg) no-repeat;
  height: 735px;
  min-height: 735px;

}
#sitemappage {
  border: 2px solid #27fd29;
  background: #653eb3;
  min-height: 735px;
}
#sitemappage h2 {
  color: #27fd29;
  text-align: center;
  font-size: 140%;
  margin: 0;
  padding: 20px;
}
#sitemaplist {
  padding: 30px;
  text-align: left;
}
#sitemaplist ul {
  list-style: none;
  font-size: 16px;
}
#sitemaplist ul li {
  font-size: 16px;
  padding-top: 10px;
}
#sitemaplist a:link, #sitemaplist a:visited {
  font-size: 90%;
  text-decoration: none;
  color: #27fd29;
}
#sitemaplist a:hover {
  text-decoration: underline;
}






/*moved from about us page*/
#layer1container {
  position: relative;
  width: 980px;
  height: 0px;
}

#layer1 {
    background: transparent;
	position:absolute;
	left: 795px;
	top: 455px;
	width:121px;
	height:122px;
	z-index:1;
}
#layer1container-rc {
position: relative;
  width: 980px;
  height: 0px;

}
#layer1container-rc3 {
position: relative;
  width: 980px;
  height: 0px;

}
#layer1-rc {
    background: transparent;
	position:absolute;
	left: 94px;
	top: 416px;
	width:121px;
	height:122px;
	z-index:1;
}
#layer1rc2 {
    background: transparent url(images/clickmore.gif) no-repeat;
	position:absolute;
    visibility: hidden;
	left: 547px;
	top: 8px;
	width:164px;
	height:118px;
	z-index:2;
}
#layer1rc2a {
    background: transparent;
    position: absolute;
    left: 547px;
	top: 8px;
	width:164px;
	height:118px;
	z-index:1;
}

#layer1rc3 {
    background: transparent;
	position:absolute;
	left: 400px;
	top: 570px;
	width:364px;
	height:118px;
	z-index:1;
}
#layer1rc4 {
    left: 100px;
    top: 300px;
    width:640px;
    height: 480px;
    z-index: 2;
    position: absolute;
    background: #000;
    visibility: hidden;
}


#layer2 {
	position:absolute;
	left:653px;
	top:134px;
	width:148px;
	height:141px;
	z-index:1;
}
#layer3 {
    background: transparent;
	position:absolute;
    left:62%;
	top:40%;
	width:150px;
	height:143px;
	z-index:3;
}
#layer3 img {
  border: none;
}

#layer3 a:link, #layer3 a:visited, #layer3 a:hover {
  border: none;
  text-decoration: none;
}
#mainpic {
  border: 2px solid #27fd29;

}
#forum td, #forum tr {
  background: transparent;
}