/* *********** main.css **************** */

/* ********** Basic Elements ************** */
html
{
	margin:0;
	padding:0;
	font-family:  Verdana, Arial, sans-serif;
}

body
{
	margin: 0;
	padding: 0;

}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

a img
{
	border:none;
}

a:link, a:hover, a:visited, a:active
{
	text-decoration: none;
	font-weight:bold;
}



/**** Form Elements ****/
fieldset{
	margin:0 0 3px 0;
	padding:0;
	}

label{
  font-size:.8em;
	line-height:.9em;
  margin:.1em .4em;
  width:9em;
}

label, input, textarea{
float:left;
}

input{
  width:9em;
  font-size:1em;
  letter-spacing:.05em;
}

.small input{
	width:3em;
}

label.small{
  min-width:3.25em;
  max-width:4.75em;
  width:auto;
  white-space: nowrap;

}

.large input{
	width:18em;
}

label.large{
  width:18em;
}

textarea{
  width:23em;
}

form br
{
	clear:both;
}

.req
{
  font-weight:bold;
	color:#CD0303;
}

.checkbox input
{
  width:2em;
  height:2em;
  margin:0;
  padding:0;
}

div.clear{
	float:none;
	clear:both;
	}

label.checkbox
{
 width:22em
}


.go_button input{
	margin:1em 0 .3em 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	height:2.5em;
	width:auto;
	}

.go_button input:active{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


.button
{
	margin:.3em 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
}

.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


/**************** Tipsy Code ****************/

.tipsy
{
  position:relative;
}

.tipsy div, .tipsy span
{
  background-color:white;
  color:black;
  border:solid 2px black;
  padding:.5em;
  width:20em;
	position:absolute;
	top:-1em;
	left:15%;
	z-index:999;
	display:none
}

.tipsy:hover
{
  color:#ccc;
  background-color:#333;
}

.tipsy:hover div, .tipsy:hover span
{
  display:block;
}


/* ************ end main.css ************* */

/* ************ custom.css ************* */


/*************** Customize PerfectForm.css **********/

form{
	width:500px;
	margin: 3px 64px 0 8px;
	border:1px solid #636363;
	background-color:#585858;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	}

legend{
	color:#000;
	font-weight:bold;
	line-height:1em;
	margin-left:8px;

}

fieldset{
  background-color:#F2FFF2;
  border:solid 2px #DDBB33;
  border-top:solid 1em #DDBB33;
  position:relative;
  top:-3px;
  left:-5px;
  padding:3px 3px 5px 5px;
}

fieldset fieldset{
	margin-top:5px;
	margin-left:5px;
	}

	fieldset fieldset legend{
	font-size:90%;
	color:#4E4E4E;
	}

.button{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	width:auto;
}

.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


/**************** Customize Tipsy.css ***************/

.tipsy div, .tipsy span
{
	background-color:white;
  color:black;
	top:-1em;
	left:15%;
}

.tipsy:hover
{
  color:#ccc;
  background-color:#333;
}

/* ************ end custom.css ************* */


a:link, a:visited
{	color: gray;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{	color: red;
	font-weight: bold;
	text-decoration: none;
}
a:active
{	color: gray;
	text-decoration: none;
	font-weight: bold;
}
/* Fix IE. Hide from IE Mac \*/
* html #nav li
{	float: left;
}
* html ul li a
{	height: 1%;
}

ul{
	padding:0 0 0 15px;

	}


/* End */
ul a:link, ul a:visited, ul a:hover, ul a:active
{	color: black;
	text-decoration: none;
	font-weight: bold;
}
/* #### For the drop menu ### */
.furnbar
{	padding: 10px 5px 10px 10px;
	float: left;
	width: 198px;
	background-color: #fff;
	background-image: url(../images/fbar_border.gif);
	background-position: right bottom;
	border:solid 1px #db3; 
}
.furnbar ul
{	width: 200px;
	list-style: none;
	margin: 0px 0px;
	padding: 0 0px;
}
.furnbar li
{	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/black_b_on_white.gif);
	background-position: 20px 7px;
}
.horztop
{	background: url(../images/gold_horz.gif) repeat-x;
}
li:hover ul, li.over ul
{	visibility: visible;
}
li ul
{	position: absolute;
	top: -5px;
	left: 200px;
	visibility: hidden;
	display: block;
	background-image: url(../images/fbar_border.gif); 
	background-position: right bottom;
	background-color: #fff;
	 border:solid 1px #db3;
}
.furnbar ul li a
{	display: block;
	padding-left: 40px;
	margin: 0px;
}
/*  ############## Drop end   ########## */
img
{	border-style: none;
	
}
hr
{	clear: both;
	width: 80%;
	color: #6e5628;
}
body
{	background-image: url(../images/ww01bg.gif);
	background-repeat: repeat;
	background-color: #f9fff9;
	position: relative;
	text-align:center;
	margin: 5px 0 5px 0;
	padding: 0 0 140px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;

	min-width: 775px;
}
.central
{margin-right:auto;
	margin-left:auto;
	position:relative;
	width: 775px;
text-align:left;	
}
h1, h2, h3
{	font-size: 180%;
	padding-left: 22px;
	color: #6e5628;
	
	background-repeat: no-repeat;
	background-position: 0 8px;
	font-family: Georgia, "Times New Roman" , Times, serif;
	clear: both;
	
}
h1
{	color: #333;
	background-image: url(../images/black_b_on_white.gif);
}

h2
{	background-image: url(../images/brown_b_on_green.gif);
	font-size: 150%;
	background-position: 0 6px;
}
h3
{	font-size: 90%;
	padding-right: 5px;
	position: relative;
	top: 10px;
	font-family: Verdana, sans-serif;
	clear: none;
}
h2.center
{	font-size: 125%;
	text-align: center;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
.rcontent h3
{	padding-left: 5px;
}

h4
{	clear: left;
	margin: 0px;
	padding: 0px;
	font-size: 110%;
}
p
{	clear: both;
}
#logo
{	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/header.png);
	height: 101px;
	width: 775px;
	border-left: solid 2px #db3;
	border-top: solid 2px #db3;
	border-right: solid 2px #db3;
}

.lf
{	color: Red;
	font-size: 90%;
	font-style: italic;
	display:block;
}
#logo a img
{	height: 102px;
	width: 400px;
}
#hours img
{	height: 102px;
	width: 53px;
}
#bottom_block, #bottom2, #bottom3
{	position: relative;
	top: 130px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #f2fff2;
	background-image: url(../images/vert_dbl.gif);
	background-position: 387px 0px;
	background-repeat: repeat-y;
	border-bottom: solid 2px #db3;
	border-left: solid 2px #db3;
	border-right: solid 2px #db3;
}
#bottom2, #bottom3
{	background-image: none;
	padding: 1px 0px;
}
#bottom3
{	top: 100px;
}
.rcontent, .lcontent, .bcontent, .furncontent
{	float: right;
	width: 360px;
	height: 100% !important;
	min-height: 400px;
	height: 400px;
	margin: 0px;
	padding: 10px;
}

.furncontent p
{
  display:inline;
}

.furncontent h3
{
  margin-top:0;
  padding-top:0;
  
  }



.lcontent
{	float: left;
}
.bcontent
{	float:none;
	width: 700px;
	padding: 15px 30px;
}
.furncontent ul li
{	list-style-type: disc;
	list-style-position: inside;
}

.furncontent
{	width: 535px;
}
#navbar
{	position: absolute;
	font-size: 12px;
	top: 102px;
	left: 0px;
	width: 100%;
	height: 30px;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
}
.bar
{	background-image: url(../images/whitebar.gif);
	height: 33px;
}
#footbar
{	background-color: #fff;
	clear: both;
	width: 775px;
	height: 30px;
	position: relative;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	font-size:70%;
	color: Gray;
}
.infooter
{	position: relative;
	top: 8px;
	height: 30px;
	margin: 0px 15px !important;
	margin: 0px;
	padding: 0px !important;
	padding: 0px 15px;
}
.infooter a
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Gray;
}
.infooter a:hover
{	color: Red;
	font-weight:normal;
}
#navbar ul
{	list-style: none;
	text-align: center;
	margin: 0px 0;
	padding: 3px 0;
	background-image: url(../images/r_nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 720px -2px;
	height: 30px;
	position: relative;
	top: 4px;
	left: -15px;
}
#navbar ul li
{	display: inline;
	padding: 4px 24px;
	background-image: url(../images/m_nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0px !important;
	background-position: 0 2px;
}
#navbar ul li#st
{	background-image: url(../images/l_nav_bullet.gif);
	padding-left: 60px;
}
#navbar ul li a
{	display: inline;
}
li a
{	padding: 3px 0;
}
.dropul ul
{	border-top: solid 2px #983;
	border-left: solid 2px #983;
}
.dropul li a:hover
{	background-color: #ccc;
}
.dropul li:hover
{	background-color: #ccc;
}
.boxy
{	background-color: #fdfffd;
	border: solid 1px #dc9;
}

.furnbar ul.boxy li a{
	margin:0;
	padding:0;
	}
.boxy, .boxy2
{font-size: 120%;
	font-weight: bold;
	text-align: center;
	list-style-type: none;
	text-indent: 0px;
	margin: 0;
	padding: 3px;
}

.boxy a:hover{
	color:red;
	}
.furnbar .boxy li
{	font-size: 80%;
	background-image: none;
}
.furnbar .boxy
{	width: 95%;
}
/* ########This is for the picture framing##### */
.tlframe
{	background-image: url(../images/mainframe.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	clear:both;
	margin:.5em;
}
.brframe
{	background-image: url(../images/mainframe.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.rcontent div.tlframe
{	float: right;
}
.trcorner
{	background-image: url(../images/trcorner.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.blcorner
{	background-image: url(../images/blcorner.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 6px;
}
.blcorner img
{	display: block;
}

.rcontent img, .lcontent img{
width:350px ;
}
.rcontent .tlframe{
margin-right:2px;
}

.lcontent .tlframe{
margin-left:2px;
}