/* CSS Document */
body {
  width: 100%;
  text-align: center;
}
page, #header, #navi, #content, p, ul {
  padding: 0px;
  margin: 0px;
  text-align: left;
}

a, a:visited, a:hover {
  color: inherit;
  text-decoration: inherit;
}

.mhover {
  cursor: pointer;
}

#fpage {
width: 1024px;
height: 768px; 
margin: 0 auto;
background: url(images/front.jpg) #fff;
color: #333;
position: relative;
}
#ffiller {
  height: 518px;
  overflow : auto;
}
#ffiller div {
  width: 80%;
  margin: 0 auto;
  background: white;
}
#fcontent {
  width: 1024px;
  height: 250px;
  position: relative;
  text-align: left;
}
#fnavi {
  height: 40px;
  line-height: 40px;
  font-size: 14pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  position: relative;
  z-index: 10;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
	-khtml-opacity: 0.75; 
}
.fmenui {
  width: 256px;
  float: left;
  text-align: center;
  z-index: 10;
}
.fmenui p{
  text-align: center;
}

#logo {
  height: 210px;
  width: 1024px;
  background: #666;
  position: absolute;
  top: 40px;
  z-index: 6;
  opacity: 0.89;
  filter: alpha(opacity=89);
  -moz-opacity:0.89; 
	-khtml-opacity: 0.89;
  text-align: left;
}
#logo #flogo {
  text-align: center;
}
#logo #slogan{
  color: #fff;
  font-family: "Times New Roman", Georgia, serif;
  font-size: 14pt;
  text-align: center;
}
.hidden {
   position: absolute;
	 top: -10000px;
}
.white {
  color: #fff;
}
#fnbar {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
#bgcol1, #bgcol2, #bgcol3, #bgcol4 {
  width: 256px;
  height: 768px;
  background: #fff;
  z-index: 4;
  position: absolute;
  top: 0px;
}
#bgcol1{
  right: 0px;
}
#bgcol2{
  right: 256px;
}
#bgcol3{
  right: 512px;
}
#bgcol4{
  right: 768px;
}
/* main pages */
#page1,#page2,#page3,#page4,#page5  {
  height: 768px;
  width: 1024px;
  margin: 0 auto;
  color: #000;
  background: #000;
  position: relative;
  text-align: left;
}
#page1 {
 background: url(images/page1.jpg) bottom;
}
#page2 {
 background: url(images/page2.jpg) bottom;
}
#page3 {
 background: url(images/page3.jpg) bottom;
}
#page4 {
 background: #fff;
}
#page5 {
 background: url(images/page5.jpg) bottom;
}
#header {
  height: 100px;
  width: 1024px;
  background: #666;
  color: #fff;
  text-align: left;
}
#header #hi {
  margin-left: 20px;
}


#header #hi a#hlogo {
  display: block;
  width: 272px;
  height: 100px;
  /* background: url(images/slogo2.png) no-repeat; */
}

#header #hi a#hlogo:hover {
  /*background: url(images/slogo3.png) no-repeat;*/
}

#navi {
  height: 40px;
  line-height: 40px;
  width: 1024px;
  background: #ccc;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 12;
}
#navi p {
  padding: 0 10px;
}
.menui {
  padding: 0 10px;
}
.menui a:link, .menui a:visited{
  text-decoration: none;
  color: #666;
  
}
.menui a:hover, .active a:link, .active a:visited, .highlight {
  color: #660000;
}
#side {
  height: 628px;
  width: 355px;
  background: #fff;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity:0.75; 
	-khtml-opacity: 0.75;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 9;
}
#content {
  z-index: 15;
  position: absolute;
  top: 160px;
  left: 40px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#content p {
  width: 275px;
  margin: 0px auto;
  padding-top: 20px;
  text-align: left;
  line-height: 15px;
}
#strip {
  height: 10px;
  width: 1024px;
  position: absolute;
  top: 140px;
  left: 0px;
  background: #fff;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
	-khtml-opacity: 0.75; 
  z-index: 10;
}
#footer a:link,#footer a:visited {
  color: #333;
}


#page1 #footer {
  padding-top: 525px;
}

#page2 #icons {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 125px;
  z-index: 20;
}

#page2 #side{
  width: 365px;
}

#page2 #content {
  top: 130px;
  left: 120px;
}
#page2 #content #ctext {
  padding-left: 0px;
}

#page2 #content #ctext p{
  width: 220px;

}
#page2 #content ul{
  width: 220px;
  padding-top: 20px;
  padding-left: 30px;
}
#page2 #content ul li{
  
}

#page3 #buttons {
  position: absolute;
  width: 355px;
  text-align: center;
  top: 670px;
  z-index: 25;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

#page3 #buttons #gholder {
  width: 345px;
  margin: 0 auto;
  text-align: center;
}

#gholder a:link,#gholder a:visited {
  color: #600;
}

#page3 #buttons div div.gallery{
  float: left;
  padding: 5px;
}
#page3 #buttons .gallery img{
  height: 55px;
  width: 55px;
  border: 2px solid #fff;
}
#page3 #buttons .gallery p{
  font-size: 10px;
  text-align: left;
  width: 55px;
  margin: 0;
  padding: 0;
  color: #666;
}
#content p.cinfo {
  margin-top: 260px;
  
}
.cinfo a:link,.cinfo a:hover,.cinfo a:visited {
  color: #600; 
}

#ocontent {
  height: 300px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  overflow : auto;
}

#ocontent h1 {
  color: #600;
  border-bottom: 3px solid #600;  
}
#faq .question {
  color: #600;
  padding-top: 10px;
}
#faq .answer {
  color: #666;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}


#ocontent .answer .letter {
  color: #600;
}