#contactInfo {
	display: none;
}
/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */
 
body {
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #4e4845;
	background: #fff url(../images/bodyBG.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	width: 762px;
}
#header {
	background: url(../images/headerBG.jpg) no-repeat;
	min-height: 91px;
}
#strap {
	min-height: 255px;
}
#strap img {
	border-left: 1px solid #4e4845;
}
a {
	color: #654a30;
}
a:hover {
	text-decoration: none;
}
#innerwrapper {
	margin-top: 35px;
	font-size: 85%;
}
#innerwrapper p {
	margin: 12px;
	width: 530px;
}
#content a {
	font-size: 75%;
	color: #654a30;
	;
	margin: 20px 12px 12px 0;
}
#content a:hover {
	text-decoration: none;
}
#content ul {
	margin: 12px 12px 12px -35px;
	line-height: 1.5em;/*padding-bottom: 1em;*/
}
#content ul li {
	font-size: 80%;
	list-style: none;
	padding-left: 12px; /* you may have to adjust this depending on how it looks */
	background: url(../images/dot.gif) no-repeat 0px 7px;
	margin-bottom: 6px;
	color: #654a30;
}
#content p.info {
	font-size: 85%;
	margin: 0;
	background-color: #d8bfa7;
	padding: 7px;
	border: 1px solid #654a30;
}
#content p {
	font-size: 85%;
	margin: 20px 12px 12px 0;
}
#content h1 {
	color: #654a30;
	margin: 12px 12px 12px 0;
	padding-top: 12px;
	font-size: 120%;
}
#content h2 {
	color: #585f42;
	padding-top: 0;
	font-size: 110%;
	margin: 20px 12px 12px 0;
}
#content h3 {
	color: #858e68;
	margin-top: 20px;
	font-size: 110%;
	margin: 20px 12px 12px 0;
}
#content h4 {
	color: #654a30;
	margin-top: 20px;
	font-size: 80%;
	font-style:italic;
	margin: 20px 12px 12px 0;
}
#innerwrapper p {
	margin: 12px;
	width: 530px;
}
#innerwrapper h1 {
	color: #654a30;
	margin: 12px 12px 12px 0;
	padding-top: 12px;
	font-size: 120%;
}
#innerwrapper h2 {
	color: #585f42;
	padding-top: 0;
	font-size: 140%;
	margin: 20px 0 5px 15px;
}
#innerwrapper h3 {
	color: #858e68;
	margin-top: 20px;
	margin: 20px 0 5px 15px;
}
/********** navigation *********************/

#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 75%;
}
#header li {
	float: right;
	background: url("../images/right.gif") no-repeat bottom right;
	padding: 0 2px 0 3px;
	margin: 0 1px;
}
#header a {
	float: left;
	display: block;
	background: url("../images/left.gif") no-repeat left bottom;
	padding: 3px 8px 3px 16px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	margin-right: 3px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
	float: none;
}
/* End IE5-Mac hack */


#header a:hover, #header a:focus {
	color: #654a30;
}
#header #current {
	background-image: url("../images/right_on.gif");
}
#header #current a {
	background-image: url("../images/left_on.gif");
	color: #fff;
}
/****** End navigation ***********/

#footer {
	margin: 25px 0 15px 0;
	border-top: 1px dotted #654a30;
	padding-top: 10px;
	clear: right;
	font-size: 85%;
	color: #654a30;
}
#footer p {
	float: right;
	font-size: 75%;
}
#footer a {
	color: #654a30;
}
#footer a:hover {
	text-decoration: none;
}
/****** End Footer ********/

/********** Content Form **********************/

#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
  	width: 500px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	border: 1px solid #654a30; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#content legend {
	border: 1px solid #585f42; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background: #585f42; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */
}

/* Used to create questions - a label-input pair or, in the case of checkboxes and radio buttons, several label-input pairs that are related. */
#content form div {
	padding: 5px 5px 5px 5px;
	width: auto;
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 200; /* See note above. */
}

#content label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	color: #654a30;
}

/* Used on divs which contain more than one label-input pairs, or in other words, questions with checkboxes or radio buttons. */
#content form .multiple {
    border: none; /* Removes border set above. */
	background: none;
	float: none; /* Removes float so it can occupy its own line. */
	width: auto; /* Sets width back to auto so that it can expand to the width it needs to accommodate its content, instead of 10em set above. */
	}
	
#content input, #content textarea {
	color: #654a30; /* creates the text color */
	border: 1px solid #654a30; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #d4c6b8; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

#content p {
	color: #654a30;
}
	

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #585f42;
	background: #c2cbba;
}

/* Keeps IE from displaying background around checkboxes and radio buttons. */
#content form .multiple input {
	border: none; /* Removes border set above. */
	background: none; /* Removes background set above. */
}

#RightCol {
	width: 198px;
	float: right;
	min-height: 200px;
}
#RightCol img {
	margin-bottom: 15px;
	border: 1px solid #654a30;
}
/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
	border: 1px solid #654a30;
}
.fltlft {
	float: left;
	margin-right: 8px;
	border: 1px solid #654a30;
}
.brclear { /* Use a break with this class to clear float containers on both sides */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/************ For IE mac ********************/

 /*\*//*/
 #header {
	height: 91px;
	margin-top: -20px;
}

#strap {
	height: 255px;
}


#content {margin-left: -20px;}
#leftcol {margin-right: 20px;} 
 /**/