.style1 {
	font-size: 10px;
	color: #7C523D;
}
.style2 {
	font-size: 12;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C523D;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C523D;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C523D;
}
.style5 {
  color: #bc8c76;
}
.style6 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #c8c08f;
}
.bg {
	background-color: #c4eaf7;
}






/****** EDIT BELOW THIS LINE AT YOUR OWN RISK *******/
/*------------*
 *  main.php  *
 *------------*/ 
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
	color: #7C523D;
  background: url('source/NEW-Web-Site-BG.jpg') no-repeat;
  /*background: #8888ff; 
  text-align: center;*/
  position: relative;
}
div.bottom_text{
  text-align: center;
  position: absolute;
  top: 650px;
  left: 240px;
  width: 750px;
  font-size: 80%;
}
img{
  border: none;
}
#off{
  opacity:.00;
  filter: alpha(opacity=00);
}
#faded{
  opacity:.70;
  filter: alpha(opacity=70);
}
#on{
  opacity:1;
  filter: alpha(opacity=100);
}
div.header{
  position: absolute;
  margin: 0px 0px 0px 250px;
  height: 45px;
  width: 750px;
  /*background: #999999;*/
  opacity:.8;filter:alpha(opacity=80);
}
div.category{
  float: left;
  cursor: pointer;
}
#main{
  position: absolute;
  margin: 100px 0px 0px 200px;
  width: 800px;
  height: 460px;
  /*background: #aaaaff;
  border: 1px solid #000;*/
  text-align: left;
}
  
/*----------------*
 *  welcome.html  *
 *----------------*/
div.wpicture{
  position: absolute;
  width: 250px;
  height: 460px;
  /*background: #dddddd;*/
}
div.welcome{
  position: absolute;
  left: 250px;
  padding: 20px;
  overflow-y: auto;
}
  
/*----------------*
 *  updates.html  *
 *----------------*/
div.upicture{
  position: absolute;
  width: 250px;
  height: 460px;
  /*background: #dddddd;*/
}
div.updates{
  position: absolute;
  left: 270px;
  width: 530px;
  height: 460px;
  overflow-y: auto;
}
  
/*---------------------------*
 *  gallery.php              *
 *---------------------------*/
#gmain{
  position: absolute;
  left: 60px;
  top: 0px;
  height: 460px;
  width: 490px;
  overflow-y: auto;
  text-align: center;
}
div#gmenu{
  position: absolute;
  left: 550px;
  width: 250px;
  height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
div.button{
  position: absolute;
  left: 50px;
  width: 165px;
  height: 60px;
  overflow: hidden;
  cursor: pointer;
}

/*---------------------------*
 *  profile.php              *
 *---------------------------*/
#pmain{
  position: absolute;
  left: 250px;
  height: 460px;
  width: 550px;
  padding-right: 5px;
  overflow-y: auto;
  text-align: left;
}
div#pmenu{
  position: absolute;
  left: 0px;
  text-align: center;
  width: 250px;
  height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}

/*------------*
 *  menu.php  *
 *------------*/
div.thumb-container{
  position: absolute;
  left: 0px;
  top: 100px;
  width: 250px;
  /*height: 350px;*/
  overflow-y: auto;
}
div.thumbnail{
  display: inline;
  float: left;
  width: 40px;
  height: 40px;
  margin-top: 15px;
  margin-left: 15px;
  overflow: hidden;
  cursor: pointer;
}
div.subbutton{
  position: absolute;
  left: 75px;
  width: 100;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
}

/*--------------*
 *  links.html  *
 *--------------*/
div.lwindow{
  position: relative;
  left: 250px;
  width: 550px;
  height: 100%;
  overflow-y: auto;
  text-align: center;
}
div.lpicture{
  position: absolute;
  width: 250px;
  height: 440px;
  /*background: #dddddd;*/
}
  
/*-----------------*
 *  guestbook.php  *
 *-----------------*/
div.gwindow{
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  text-align: center;
}
div.gentry{
  margin-top: 15px;
  margin-left: 250px;
  margin-right: auto;
  width: 440px;
  text-align: left;
  border-bottom: 1px solid #dddddd;
}