﻿* { font-family: Arial, Helvetica, sans-serif; }


body { background-color: #f6ecc2; } 

#container {
	background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	width:800px;
  border-style:solid;
  border-color:#db6d41;
}

#img {border: none;}


#header {
	margin-left:auto;
	margin-right:auto;
	width: 700x;
}

#tnav {
  background-color: #f6ecc2;
  margin-left:auto;
  margin-right:auto;
  width: 700px;
  padding:1px 0 2px 0;
}

#tnav ul {
   text-align:center;
   font-size: 14px;
   font-weight: bold;
   color: #c4151c;
   white-space: nowrap;
}

#tnav li {
   list-style-type: none;
   color: #c4151c;
   display: inline;
}

#tnav li a {
   text-decoration: none;
   padding-right: 15px;
   color: #c4151c;
}

#tnav li a:link { color: #c4151c; }
#tnav li a:visited { color: #c4151c; }
#tnav li a:hover { color: #db6d41; }
#tnav li a:active { color: #c4151c; }

.ltile {
  background-image: url('image/side_tile.jpg');
  background-repeat: repeat-y;
  position: top left;
  margin-top: 0;
  width: 80px;
}

.rtile {
  background-image: url('image/side_tile.jpg');
  background-repeat: repeat-y;
  position: top right;
  margin-top: 0;
  width: 80px;
}

#content {
  margin: 20px auto 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}


#content a:link { color: #c4151c; }
#content a:visited { color: #c4151c; }
#content a:hover { color: #db6d41; }
#content a:active { color: #c4151c; }

.inside {
  background-color: #ffffff;
  margin-left:5px;
  width: 110px;
  color: #1f3d21;
  padding: 3px 2px 3px 2px;
  text-align: center;
  font-size: 10px;
}

.sizingtext {
  font-size: 80%;
  font-family: Verdana, Arial, sans-serif;
}

h1 {
  font-size: 16px;
  color: #c4151c;
  margin: 3px 0 5px 10px;
}

h2 {
  font-size: 14px;
  color: #c4151c;
  margin: 0 0 2px 0px;
}

.ipics {
  margin: 20px auto 0 auto;
}

.gallery { 
  text-align: center;
  margin:5px auto 5px auto;
  font-size: 70%;
  font-family: Verdana, Arial, sans-serif;
          
}

#picture {width:150px; height: 185px; background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:150px; height:135px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 90px; left:10px; width:300px; height:270px; }

#row2 {width:150px; height: 185px; background-color:#ffffff;}
#row2 a.small, #picture a.small:visited { display:block; width:150px; height:135px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#row2 a img {border:0;}
#row2 a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#row2 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#row2 a.small:hover .large {display:block; position:absolute; top: 275px; left:10px; width:300px; height:270px; }

#row3 {width:150px; height: 185px; background-color:#ffffff;}
#row3 a.small, #picture a.small:visited { display:block; width:150px; height:135px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#row3 a img {border:0;}
#row3 a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#row3 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#row3 a.small:hover .large {display:block; position:absolute; top: 470px; left:10px; width:300px; height:270px; }

#row4 {width:150px; height: 185px; background-color:#ffffff;}
#row4 a.small, #picture a.small:visited { display:block; width:150px; height:135px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#row4 a img {border:0;}
#row4 a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#row4 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#row4 a.small:hover .large {display:block; position:absolute; top: 650px; left:10px; width:300px; height:270px; }

#row5 {width:150px; height: 185px; background-color:#ffffff;}
#row5 a.small, #picture a.small:visited { display:block; width:150px; height:135px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#row5 a img {border:0;}
#row5 a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#row5 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#row5 a.small:hover .large {display:block; position:absolute; top: 840px; left:10px; width:300px; height:270px; }

#row6 {width:150px; height: 185px; background-color:#ffffff;}
#row6 a.small, #picture a.small:visited { display:block; width:150px; height:135px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#row6 a img {border:0;}
#row6 a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#row6 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#row6 a.small:hover .large {display:block; position:absolute; top: 1030px; left:10px; width:300px; height:270px; }

a:link { color: #c4151c; text-decoration: none; }
a:visited { color: #c4151c; text-decoration: none; }
a:hover { color: #db6d41; text-decoration: none; }
a:active { color: #c4151c; text-decoration: none; }


#footer {
  margin-top: 0;
  background: #ffffff;
  width: 700px;
  padding: 0 0 5px 0;
  text-align: center;
  color: #c4151c;
  font-size: 8px;
  font-weight: bold;
}

#footer a:link { color: #c4151c; text-decoration: none; }
#footer a:visited { color: #c4151c; text-decoration: none; }
#footer a:hover { color: #db6d41; text-decoration: none; }
#footer a:active { color: #c4151c; text-decoration: none; }


