body {background-color: #2d1c22; margin: 0; padding: 0; 
	font-family: Verdana, arial, sans-serif; font-size: 90%; text-align: center;}
#bigbox {margin-left:auto; margin-right:auto; margin-top: 0; margin-bottom:auto; padding:0; width: 738px; text-align: left; background: url(images/coffbackground.gif) repeat; height: auto 100%;}

html>body #bigboxhm {margin-left:auto; margin-right:auto; margin-top: 0; margin-bottom:auto; padding:0; width: 738px; text-align: left; background-color:#2d1c22; height: auto 100%;  background: url(images/overallbackground.gif) repeat;  }

#headlogoindex {padding: 0; position: relative; width: 738px; margin-left:auto; margin-right:auto;height: 107px; background: url(images/header.gif) no-repeat; }

#navigation {position: absolute; top: 5px; left: 20px; text-align:left; }
#navigation ul {list-style-type: none; margin: 0; padding: 0;}
#navigation li {margin: 0; padding: 0; line-height: 1.3em;}
#navigation a {padding: 0 0 0 0px; text-transform:uppercase; font-size:11px; color: #4A2A3F;
	font-weight: normal;}
#navigation a:visited {text-decoration:none;}
#navigation a:hover {color: #9D9673; text-decoration:underline;}

a:link {color: #629B95; text-decoration:none;}
a:hover {color: #9D9673; text-decoration:underline;}
a:visited {color: #629B95; text-decoration:none;}

#leftsidebar {width: 162px;  padding: 0 0 10px 0; float: left;  color: #cccc9a; font-size: 10px; text-align: center; margin: 0;  background: url(images/leftbg.gif) repeat ;}
#leftsidebar img {margin-bottom: 8px;}
#leftsidebar p {color: #FBF2CE; font-style: normal; font-size: 8pt; line-height: 1.7em; padding: 12px 10px 8px 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#leftsidebar a {color: #000; }

#contentareahm {
	padding: 400px 0 0 0;
	margin-left:0;
	position:relative;
	left:163px;
	background-image:url(images/collage.jpg);
	background-repeat:no-repeat;
	height: 290px;
	width: 575px;
	border-right:1px solid #9D9673;
	border-bottom:1px solid #9D9673;
}

#contentareahm_last {padding: 400px 0 0 0; margin-left:0; position:relative; left:163px; background-image:url(images/collage.jpg); background-repeat:no-repeat; height: 230px; width: 575px; border-right:1px solid #9D9673;  border-bottom:1px solid #9D9673;   }
#contentareahm_working {padding: 400px 0 0 0; margin-left:0; background-image:url(images/collage.jpg); background-repeat:no-repeat; height: 100% auto; width: 575px; border-right:1px solid #9D9673;  border-bottom:1px solid #9D9673;   }
#contentareahm_ori {padding: 400px 0 0 0; margin-left:0; background-image:url(images/collage.jpg); background-repeat:no-repeat; height: 100% auto; width: 575px; float: left; border-right:1px solid #9D9673;  border-bottom:1px solid #9D9673;   }


#contentarea {padding: 25px 30px 0 0; margin-left:180px; text-align: left; }

.imgright {
	padding-left: 10px;
	padding-right: 0;
	margin-right: 0;
	padding-bottom: 15px;
}

#buttons h3 {
	padding: 0 0 8px 0;
	margin-left: 250px;
	margin-top: 0px;
	position: absolute;
	top: 135px; }
#buttons h3 a {font-size: 9px; color: #FFFBE1; background-color: #9D9673; padding: 2px 10px 2px 13px; text-transform: uppercase; letter-spacing: .2em; border-color:#9d9673; border:solid 1px; text-decoration:none;}
#buttons h3 a:hover {color: white; background: none; text-decoration:none;}
h3 a:visited {color: #9D9673;}

#butterfly {width:540px; position:absolute; top:310px; padding-bottom: 0; margin-left: 15px;   }

.lefthmimage {margin-right: 30px;}

.socialiconbox {padding-left: 30px;}
.socialiconimg {margin-right: 30px; margin-top:10px;}

a.button {font-size: 9px; color: #FFFBE1; background-color: #9D9673;margin-left: 15px; padding: 2px 10px 2px 10px; text-transform: uppercase; letter-spacing: .2em; text-decoration:none;}
a.button:visited {color: #FFFBE1;}

#map {float: right; margin: 5px; font-size: 10px; font-style: italic; text-align: center; color: #2D1E28;}
.section {font-weight: bold; color:#9D9673; font-size: 115%; padding-bottom: 5px; }

p {margin: 0; padding: 0 0 5px 0; font-size: 85%; line-height: 1.8em; }
ul {font-size: 85%; list-style-type: disc; color: #4A2A3F; margin-top: 0;}
li a:link {color: #4A2A3F;}

#listings {float: right; line-height: 1em; font-size: 80%; padding-top: 5px;}
#listings img {float: left; padding: 10px 10px 5px 0;}

#footerhm_ori {padding: 40px 15px 5px 20px; margin-top: 20px;  } 

#footerhm {width:540px; position:absolute; top:465px; padding-bottom: 0; margin-left: 15px;   }
#footerhm p { font-size: 75%; padding-bottom: 7px; color: #9d9673; }
#footerhm a {text-transform:uppercase; color: #4A2A3F;}
#footerhm a:visited {color: gray; text-decoration:none;}
#footerhm a:hover {color: #9D9673; text-decoration:underline;}

#footer {font-size: 75%; padding: 0 15px 8px 0; height: 60px; text-align:center; background-image:url(images/butterfly.gif); background-repeat:no-repeat; background-position: bottom right; } 
#footer p {padding: 5px 0 0 7px; }
#footer a {text-transform:uppercase; color: #4A2A3F;}
#footer a:visited {color: gray; text-decoration:none;}
#footer a:hover {color: #9D9673; text-decoration:underline;}

.clearboth {clear:both;}

* html p   /* this selector recognized by IE only */
{
	position: relative;   /* (only for IE5.x/Win) */
	p\osition: relative;  /* (for other IE Win & Mac) */
} /* this resolves a Win IE (6 only?) rendering bug associated with floats and clearboth-style spacers ( http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ) */

div.macie5fixrelativedisplay {margin: 0; padding: 10px 30px;} /* SET p PADDING & MARGINS HERE! this (along with the divs enclosing each p in the HTML and setting all "p" padding & margins to 0) fixes a Mac IE5 line-height bug that occurs in text within relatively positioned elements [this counter-acts the above hack. ugh.] ( http://www.macedition.com/cb/ie5macbugs/#doubleline ) */


input, select    { border: 1px solid silver; }
input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
input:focus, select:focus {border: 1px solid red; background-color:#EFEFEF;}

.mandatory  { font-weight: bold; }
.comment    { color: #BBBBBB; }