/*  This CSS file formats the fonts, colors, links as well as setting how 

certain elements on the page are displayed.  */



html {

	height: 100%; 

	margin-bottom: 1px;}

	

body {

	background: #ffffff url('images/background.jpg') repeat-x;

	color: #000000;

	font: normal 80% Verdana, Verdana, Geneva, sans-serif;

	margin: 0;

	padding: 0;	

	text-align: center;}



hr {

	background-color: #716659;

	color: #716659;

	border: none;

	height: 1px;

	width: 100%;}



img {

	border: none;}



ul {

	padding: 0;

	margin: 0 0 20px 20px;

	list-style: square;}



/*  The items below the properties for the links that appear in the

main text area as well as in the sidebar of the pages  */



a, a:active {

	color: #666666;

	text-decoration: underline;

	outline: none;

	font-weight: bold;}



a:hover {

	color: #bf4d45;

	text-decoration: underline;

	outline: none;

	font-weight: bold;}



/*  The items below set the properties for the fonts, sizes, and

colors used for headings 1 through 6. Typically h1 - h3 are used

in the main content area and h4 - h6 are used in the sidebar  */



h1 {

	color: #6d1f1b;

	font: normal 26px Georgia, Georgia, serif;

	text-align: left;

	letter-spacing: 1px;

	padding: 0;

	margin-bottom: 30px;}



h2{

   background: #ffffff  no-repeat;

	color: #716659;

	font: normal 20px Tahoma, Geneva, sans-serif;

	letter-spacing: 2px;

	text-align: left;

	padding: 7px 0 7px 40px;}



h3{

   background: #ffffff;

	color: #716659;

	font: normal 20px Tahoma, Geneva, sans-serif;

	letter-spacing: 2px;

	text-align: left;

	padding: 7px 0 7px 40px;}



h4 {

   background: #ffffff ;

	color: #6d1f1b;

	font: bold 16px Arial, Helvetica, sans-serif;

	padding: 7px 0 7px 40px;

	text-align: left;}



h5 {

	color: #716659;

	font: bold 16px Arial, Helvetica, sans-serif;

	text-align: left;}



h6 {

	color: #6d1f1b;

	font: bold 14px Arial, Helvetica, sans-serif;

	margin-bottom: 0;

	padding-bottom: 0;}	

	

.center {

	text-align: center;}	



.clear {

	clear: both;}



/*  To keep the content centered on the page, all of the areas

are placed within a wrapper. The item below defines this wrapper.  */



.wrapper {

	width: 900px;

	text-align: left;

	margin: 0 auto;}



/*  The items below set the properties of the top header as

well as the global navigtion links and the main navigation

link group that sit on top of the header image. */



.header {

	position: relative;

	width: 900px;

	height: 270px;}



#global {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	color: #ffffff;

	height: 30px;

	line-height: 30px;

	letter-spacing: 1px;

	width: 100%;

	text-align: left;

	font-size: 85%;}



#global ul {

   margin: 0;

   padding: 0;

   list-style-type: none;}



#global li {

   display: inline;

   margin: 0;}



#global li a {

   color: #ffffff;

   font-weight: normal;

   text-decoration: none;}



#global li a:hover {

   color: #ffffff;

   font-weight: normal;

   text-decoration: underline;}



#sidebar {

	font-size: 85%;

	float: right;

	width: 285px;

	padding: 0 0 15px 15px;}



#content {

	float: left;

	width: 585px;

	line-height: 1em;

	padding: 0 15px 15px 0;

}



#contentwide {

	float: right;

	width: 860px;

	line-height: 1.5em;

	padding: 0 20px 15px 20px;}



/*  The items below set the footer properties as well as the text

and links that appear in this area  */



#footer {

	clear: both;

	color: #818181;

	text-align: center;

	letter-spacing: 1px;

	line-height: 2em;

	font-size: 80%;

	padding: 15px 0 0 0;

	height: 50px;

	border-top: 3px #c0af88 solid;}



#footer ul {

   margin: 0;

   padding: 0;

   list-style-type: none;}



#footer li {

   display: inline;

   margin: 0;}



#footer li a {

   color: #818181;

   font-weight: bold;

   text-decoration: none;}



#footer li a:hover {

   color: #000066;

   font-weight: bold;

   text-decoration: underline;}



#footer p {

   margin: 0;

   padding: 0;}



/* If you want to highlight a section of text, you can place it within

a div with the box class applied. This will put the contents within

a block with a light gray background and a thin dashed line around it. */



.box {

	background: #f8f8f8;

   border: 1px dashed #c0c0c0;

	padding: 5px 10px;}



/*  This template contains a form that is set within a fieldset. The

items below set the properties for the form, input fields, the submit

button, etc.  */



fieldset {

	border: 1px dashed #c2c2c2;

	padding: 5px;

	margin: 10px 0;}



legend {

	background-color: #ffffff;

	color: #6d1f1b;

	font: bold 16px Arial, Helvetica, sans-serif;

	letter-spacing: 2px;

	padding: 2px 5px;

	margin: 0 0 0 15px;}

	

#contactform {

	padding: 5px;

	text-align: left;

	margin: 20px 0 5px 0;}



#contactform label {

	width: 150px; 

	float: left; 

	text-align: right; 

	margin: 3px 5px 5px 5px; 

	clear: both;}



#contactform input {

	margin: 3px 5px 5px 5px; 

	background-color: #ffffff; 

	color: #000000; 

	border: 1px solid #c2c2c2;}



#contactform textarea {

	font: normal 12px Verdana, sans-serif;

	margin: 3px 5px 5px 5px; 

	background-color: #ffffff; 

	color: #000000; 

	border: 1px solid #c2c2c2;}



#contactform .button {

	text-align: center; 

	margin: 5px 0 0 170px; 

	border: none;

	clear: both;}



/*  The catalog is set into a simple three-column table. The

items below set the properties for the catalog display.  */



table {

	padding: 0px;

	border-collapse: collapse;

	font-size: 100%;

	width: 100%;}



.catalog {

	padding: 10px;

	line-height: 1em;

	text-align: center;

	vertical-align: top;

	width: 33%;}



/*  The calendar sits within a div so that it can be

centered in the sidebar area.  */



.calendar {

	text-align: center;

	margin: 0 0 20px 0;}



/*  Your smaller images can be floated to the left or the

right so your text can flow around them. You can also have

the images appear with or without a small border. The items

below sets the properties for the classes you may apply to

your images.  */



.image-border {

	border: 5px #c2c2c2 double;}

	

.imageleft-noborder {

	margin: 0 10px 0 0; 

	float: left;}



.imageright-noborder {

	margin: 0 0 0 10px; 

	float: right;}

	

.imageleft-border {

	margin: 0 10px 0 0; 

	float: left;

	border: 5px #c2c2c2 double;}



.imageright-border {

	margin: 0 0 0 10px; 

	float: right;

	border: 5px #c2c2c2 double;}