﻿/* ------ Main HTML Selectors ------ */



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: #a02243;

	color: #a02243;

	border: none;

	height: 1px;

	margin: 10px 0;

	width: 100%;}

	

p {

  margin: 15px 0;}



img {

	border: none;}



ul {

	padding: 0;

	margin-left: 20px;

	list-style: square;}



fieldset {

	border: 3px double #818181;

	padding: 10px;

	margin: 0 0 10px 0;}



legend {

	background-color: #ffffff;

	color: #4f1325;

	font: bold 18px Georgia, Georgia, sans-serif;

	letter-spacing: 2px;

	padding: 2px 4px;

	margin: 0;}



table {

	padding: 0;

	border-collapse: collapse;

	font-size: 100%;

	width: 100%;}



/* ------ Sets Main Hyperlink Properties ------ */



a {

	color: #a02243;

	text-decoration: underline;

	outline: none;

	font-weight: bold;}



a:hover {

	color: #606060;

	text-decoration: underline;

	font-weight: bold;}



/* ------ Sets Heading Fonts and Colors ------ */



h1 {

	color: #4f1325;

	font: normal 28px Georgia, Georgia, serif;

	text-align: right;

	border-bottom: 3px #4f1325 double;

	letter-spacing: 2px;

	margin: .5em 0;}



h2 {

	clear: both;

	color: #4f1325;

	font: normal 22px Arial, Arial, sans-serif;

	letter-spacing: 2px;

	border-bottom: 1px #4f1325 dashed;

	margin: .5em 0;

	text-align: left;}



h3{

	background-color: #a02243;

	color: #ffffff;

	padding: 3px 5px;

	font: bold 16px Georgia, Georgia, serif;

	margin: .5em 0;

  text-transform: uppercase;

	text-align: left;}



h4 {

	color: #4f1325;

	font: bold 20px Georgia, Georgia, serif;

	text-align: left;

	letter-spacing: 2px;

	margin: .5em 0;}



h5 {

	color: #808080;

	font: bold 16px Georgia, Georgia, serif;

	margin: .5em 0;

  text-transform: uppercase;

	text-align: left;}



h6 {

	color: #4f1325;

	border-left: 5px solid #4f1325;

	padding-left: 5px;

	margin: .5em 0;

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



/* ------ Begins Layout ID Sections ------ */



#wrapper {

	background-color: #ffffff;

	color: #000000;

	width: 960px;

	text-align: left;

	margin: 0 auto;}



#header {

	position: relative;

	width: 960px;

	height: 230px;}



#global { /* ---- sets where the global icons appear ---- */

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  font-size: 75%;

  color: #ffffff;

  text-align: right;

  line-height: 40px;

  width: 960px;

  padding: 0;}

  

#navbar { /* ---- sets where the main navigation links appear ---- */

	position: absolute;

	top: 160px;

	left: 0;

	z-index: 2;

  text-align: right;
  
  font-size: 85%;/*------------revised to accomodate new link---------*/

  line-height: 30px;

  width: 960px;}

  

	#navbar ul {

		margin: 0;

		padding: 0;

		list-style-type: none;}



	#navbar li {

  	display: inline;}



	#navbar li a {

  	color: #a0a0a0;

  	font-weight: bold;

  	text-decoration: none;

  	padding: 0 0 0 15px;}



	#navbar li a:hover {

		color: #ffffff;

		font-weight: bold;

		text-decoration: none;}



#textbar {

  position: absolute;

  top: 190px;

  left: 0;

  z-index: 3;

  text-align: right;

  line-height: 20px;

  color: #000000;

  font-size: 85%;

  width: 960px;}

  

  #textbar p {

  margin: 0; padding: 0;}



#slideshow {

   position: absolute;

   z-index: 3;

   top: 15px;

   left: 15px;

   width: 290px;}



/*#mainimage1 {  ---- sets where the top image appears ---- 

  position: absolute;

  top: 80px;

  left: 1px;

  z-index: 4;}*/



#content {

  float: right;

  width: 620px;

  line-height: 1.6em;

  padding: 0 10px;}



	.contentleft {

	  float: left;

	  width: 295px;

	  margin: 0 5px 5px 0;

	  padding: 5px;}



	.contentright {

	  float: left;

	  width: 295px;

	  margin: 0 0 5px 5px;

	  padding: 5px;}



#sidebar {

  float: left;

  font-size: 85%;

  width: 300px;

  padding: 0 10px;}



#contentwide {

  width: 940px;

  padding: 0 10px;}



#footer {

  clear: both;

  width: 960px;

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

  text-align: center;

  letter-spacing: 2px;

  color: #606060;

  height: 100px;

  font-size: 80%;

  padding: 5px 0 0 0;

  line-height: 2.8em;}



	#footer ul {

	   margin: 0; padding: 0;

	   list-style-type: none;}



	#footer li {

	   display: inline;

	   margin: 0;}



	#footer li a {

	   color: #606060;

	   font-weight: normal;

	   text-decoration: none;}



	#footer li a:hover {

	   color: #000000;

	   font-weight: normal;

	   text-decoration: underline;}



#footer p {

  margin: 0; padding: 0;}

  

/* ------ Sets the Form Display ------*/



#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 {

  background-color: transparent;

	text-align: center; 

	margin: 5px 0 0 170px; 

	border: none;

	clear: both;}



/* ------ Sets Classes ------ */



.center {

	text-align: center;}	



.clear {

	clear: both;}



.catalog {

	padding: 8px;

	line-height: 1em;

	text-align: center;

	vertical-align: top;

	width: 33%;}



.calendar {

	text-align: center;

	letter-spacing: 2px;

	margin: 0 0 20px 0;}



.imagecenter-border {

	border: 3px #818181 double;

	display: block;

	margin: 0 auto;}

	

.imagecenter-noborder {

   display: block;

	margin: 0 auto;}

	

.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: 3px #818181 double;}



.imageright-border {

	margin: 0 0 0 10px; 

	float: right;

	border: 3px #818181 double;}


