body {
  font: 90%/1.5 Georgia, serif;
  color: #51517d;
  margin: 39px 20px 20px;
  padding: 0;
  background: #fff url(/img/watermark_out.gif) fixed no-repeat 60% 130px;
}

h2, h3, h4, dt {
  font-weight: bold;
  font-style: italic;
}

h2 {
  position: relative;
  top: 45px;
  right: 34px;
  font-size: 1.5em;
  margin: 0;
  text-align: right;
}

h3 {
  position: relative;
  left: -13px;
  font-size: 1.25em;
  margin: 30px 0 6px;
  padding-left: 44px;
  background: url(/img/flower.gif) no-repeat 0 50%;
}

#bfw h3, #bfw_sched h3 { /* override above */
  position: static;
  left: 0;
  font-size: 1.25em;
  margin: 0;
  padding-left: 0;
  background: 0;
}

h4 {
  font-size: 1.1em;
  margin: 12px 0 0;
}

a, a:visited {color: #737345; background: transparent;}
a:hover {color: #9d9dcd; text-decoration: none;}
a:active {color: #; text-decoration: none;}

/* layout
------------------------------------------ */
#wrap {
  position: relative;						/* for logo */
  min-width: 800px;
  max-width: 1024px;
  margin: 0 auto;
  background: #d9d9fa url(/img/watermark_in.gif) fixed no-repeat 60% 130px;
}

#wrapTop {background: url(/img/corner-top.png) no-repeat 100% 0;}
#wrapLow {background: url(/img/corner-low.png) no-repeat 0 100%;}
/*#wrapTop, #wrapLow {min-height: 147px;}*/

#logo {
  position: absolute;
  top: -36px;
  left: 14px;
  background: url(/img/logo_idc.png) no-repeat;
  width: 104px;
  height: 103px;
  z-index: 1;
}

/*
#wm {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 461px;
  height: 455px;
  background: url(/img/watermark_idc.gif) no-repeat;
}
*/

#header {
  position: relative;
  height: 42px;
  top: -19px;
  margin-left: 129px;
  background: url(/img/title_idc.png) no-repeat;
}

h1 a {}

#main {
  margin: 17px 30px 20px 173px; /* if title in main - margin: 11px 20px 20px 160px; */
  padding: 0;
}

#sidebar {
  float: left;
  width: 150px;
  margin: 12px 0 114px -10px; /* if title in main - margin: 11px 0 114px -10px; */
  
}

#footer {
  clear: left;
  font-size: 0.91em;
  line-height: normal;
  text-align: right;
  padding: 20px 20px 20px 0;
}
#footericon {
  float: right;
  width: 32px;
  height: 20px;
  margin: -4px 0 0 4px;
  background: url(/img/flower_footer.gif) no-repeat;
}

#credit {
  float: left;
  width: 66px;
  height: 28px;
  margin: -6px 0 0 30px;
}

/* general
------------------------------------------ */
.mtop {margin-top: 0px;}
.mbot {margin-bottom: 0px;}
.mnot {margin-top: 0px; margin-bottom: 0px;}
.martop {margin-top: 12px;}
.martop2 {margin-top: 36px;}
.marbot {margin-bottom: 12px;}
.marboth {margin-top: 12px; margin-bottom: 12px;}
.center {text-align: center;}
.centered {margin: 0 auto;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.justify {text-align: justify;}
.i {font-style: italic;}
.b {font-weight: bold;}
.small {font-size: 0.91em;}
.sm {font-size: 0.85em;}
p {margin: 0 0 12px;}
a img {border: 0;}
img {display: block;}
.nowrap {white-space: nowrap;}
.clear {clear: both;}
ul {margin-left: 0; padding-left: 40px;}
.hidden {display: none;}
.lineheight {line-height: normal;}
sup {font-size: 0.85em;}
#trk {margin: -38px 0 0 -61px;}

.imgBorder {
  border: 1px solid #aaaacf;
  border-width: 1px 0 0 1px;;
}

.divider {
  width: 252px;
  height: 9px;
  margin: 30px auto;
  background: url(/img/divider.gif) no-repeat;
}

.note {font-weight: bold; color: #c00;}
.note2 {font-weight: bold; color: #090;}

.floatleft {float: left; margin: 0 12px 0 0;}
.floatright {float: right; margin: 0 0 0 12px;}

.colleft, .colright {float: left; width: 48%;}
.colleft {padding-right: 2%;}
.colright {padding-left: 2%;}

/*.floatleft, .floatright {margin-top: 17px;}*/
/*.floatleft {float: left; margin-right: 23px;}*/ /* 10 header + 13 text */
/*.floatright {float: right; margin-left: 12px;}*/

.clearfix:after {                 /* see ie6 css */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearing {overflow: hidden;}

dt {
  font-size: 1em;
  margin: 12px 0 0;
}

/* drop shadow
------------------------------------------ */
.shd-corner {
  background: url(/img/s/corner.png) no-repeat 100% 100%;
}

.shd-corner-btm {
  background: url(/img/s/corner_btm.png) no-repeat 0 100%;
}

.shd-corner-top {
  padding: 0 4px 4px 0;
  background: url(/img/s/corner_top.png) no-repeat 100% 0;
}

/* BFW
------------------------------------------ */
table.sched {
	margin: 12px auto;
	line-height: normal;

}
.sched td {
	text-align: center;
	vertical-align: top;
	padding: 0 20px;
	white-space: nowrap;
}

/* page specific
------------------------------------------ */
#herbalist h3 {
  position: static;
  margin: 0 0 6px;
  padding: 0;
  background: none;
}

#herbalist .divider {
  clear: both;
}

h4.about4 {
  margin: 2px 0 0;
  text-align: center;
}

#about h4 span {
  background: #e1e1fb;
  border: 1px solid #b9b9d5;
  padding: 1px 3px;
}

#services .divider {margin-left: 20px;}

#resources dt a {text-decoration: none;}

/* nav
------------------------------------------ */
#navwrapTop {background: #c1c8ad url(/img/menu-top.png) no-repeat 100% 0;}
#navwrapLow {background: url(/img/menu-low.png) no-repeat 0 100%;}

#nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#nav li a, #nav li a:visited, #nav li span {
  display: block;
  font-size: 16px;
  line-height: normal;
  font-weight: bold;
  font-style: italic;
  color: #737345;
  text-align: center;
  text-decoration: none;
  margin: 0;
  padding: 15px 0;
}

#nav li a:hover, #nav li span {
color: #51517d;
background: url(/img/menu-item.png) no-repeat 100% 0;
}

#nav li a:hover.first,
#nav li span.first {
  background-image: none;
}

#nav li a:focus {outline: 0;}

/* tabs
------------------------------------------ */
#tab {
  font: italic bold 1em Georgia, serif;
  list-style: none;
  border-collapse: collapse;
  white-space: nowrap;
  padding: 3px 0 0 1em;
  margin: 0 0 12px 0;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #51517d;
}
#tab li {display: inline; position: relative;}  /*pos rel for ie win*/

#tab li a, #tab li span {
  background-color: #d9d9fa;
  border: 1px solid #51517d;
  margin-right: 0.5em;
  padding: 1px 0.5em 0;
  text-decoration: none;
}
#tab li a, #tab li a:visited {color: #51517d;}
#tab li a:hover {
  color: #d9d9fa;
  background-color: #51517d;
}
#tab li a:active {color: #c1c8ad;}
#tab li span {
  color: #737345;
  background-color: #d9d9fa;
}
#tab li span {
  border-bottom: 1px solid #d9d9fa;
}
#tab li a:focus {outline: 0;}

/* contact form
------------------------------------------ */
form {margin: 0; padding: 0; line-height: normal;}

label {
  float: left;
  width: 6em;
  margin: 0 3px 0 0;
  white-space: nowrap
}

#register label {
  width: 9em;
}

select {margin: 0 0 8px;}

input, textarea {
	font-size: 12px;
	width: 18em;
  margin: 0 0 8px;
	padding: 1px;
	border: 1px solid;
	border-color: #51517d #9d9dcd #9d9dcd #51517d;
}

input#submit {
  font-weight: bold;
	color: #d9d9fa;
	width: auto;
	padding: 2px 3px;
	background: #3d3d6d;
	border: 0;
}

input.radio {
	margin: 6px 3px 0 0;
}

input.imgbutton {margin: 0;}

input.imgbutton, input.radio {
  width: auto;
  border: 0;
}

legend {
  font-size: 1.1em;
  color: #51517d;
}
fieldset#ses {margin: 0;
	padding: 0 0 0 5px;
	width: 15em;
  border: 1px solid #51517d;
}
#ses dt {
  font-style: normal;
  color: #737345;
  margin: 0;
}

.req {font-weight: bold; color: #f00;}
.val {margin-left: 3px;}
.err {color: #f00; font-size: 11px;}

#register label.error {
  float: none;
  font-family: Arial, sans-serif;
  margin-left: 3px;
  color: #f00;
  font-size: 12px;
}