/* Main CSS */
body {
  background-color: #fff5e1;
  color: #000;
}
a:link {
  color: #ccb87c;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #ccb87c;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: none;
}

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  text-align:center;
  margin:0px auto;
  background: #52575a url(../images/main_bg.jpg) 150% 0;
  color: #000;
}
.wrapper {
  background: #52575a url(../images/main_bg.jpg) 150% 0;
  background-position: 10px 155px;
  font-family: "Bookman Old Style";/*, arial, "lucida console", sans-serif;*/
}

h1 {
  background-color: #ffdf9d;    /* different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.main {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #52575a url(../images/main_bg.jpg) 150% 0;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}

.contents {
	width: 100%;
	height: 400px;
	margin: 0;
    padding: 0;
	
	color: #929c97;
	background: #fff url(../images/bg_grad3.jpg) 0% 0% repeat-x;
	text-align: left;
	}
	
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  color: #ccb87c;
  background-color: #52575a;
  font-family: "Bookman Old Style";/*, arial, "lucida console", sans-serif;*/ 
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
  font-size: 10px;
  text-align:center;
}
} /* end @media rules */

/* My Own CSS */

#floatedleft {

float: left;
padding: 20px;
}

#quotes {
width:100%;
text-align: center;
}

#border {
  margin: 1% auto;
  width: 99%;
  padding: 0;
  background-color: #52575a;
  background: #52575a url(../images/logo2.gif) no-repeat;
 
  /*font-family: "Bookman Old Style";/*, arial, "lucida console", sans-serif;*/
  }


/* List Menu CSS */
#navcontainer ul
{
float: right;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li 
{ 
display: inline;
}

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #ccb87c;
background-color: #52575a;
font-family: "Bookman Old Style";/*, arial, "lucida console", sans-serif;*/ 
}

#navcontainer ul li a:hover
{
color: #000;
/*background-color: #369;*/
}

#Gallerybox {

}

#myGallery
{
	text-align: center;
	position: relative;
	margin: 0 auto;
}

#frame {
text-align: center;
margin-top: -488px; 
position:relative;
z-index: 6;
}