/* $Id: style.css,v 1.0.0.0 2008/08/05 09:27:26 bmo $ */
/**
 * Generic elements
 */
body            { color: #343434; font: 12px/1.4 arial, sans-serif; background-color: #cacaca; background-image: url(images/background.jpg); background-repeat: repeat-y; background-position: center 0 }
	 
#bounder      {  text-align: left; margin: 0 auto; width: 800px }

#bounder2     {
	text-align: left;
	margin: 0 auto;
	width: 800px;
	background-image:url(images/hhmhtree.jpg);
	background-repeat: no-repeat;
}

#top      { position: relative; width: 800px; height: 20px }

#topmenubox    { color: #113b6c; background-color: #dbdbdb; text-align: right; padding: 10px; float: right }
#floaterlink  { width: 266px; height: 75px; float: left }

#topban { width: 800px; height: 150px;}

#topright { float:right;
height:120px;
padding-top:10px;
position:relative;
width:440px;
}
#logoban           { text-align: left; position: relative; z-index: 9; left: -27px; width: 300px; height: 150px; float: left; }

#logoban .clear-block  { padding-top: 16px; padding-right: 16px; z-index: 10; }

#menubar {
background-color:#DBDBDB;
padding:0px;
position:relative;
vertical-align:top;
width:800px;
z-index:1000;
}
#menubar .block .content {
margin-bottom:0;
margin-right:0;
margin-top:0px;
}
#menubar2            { background-color:#BEBEBE; z-index: 10;
padding:0px;
position:relative;
vertical-align:top;
width:800px;}
#menubar2 .block .content {
margin-bottom:0;
margin-right:0;
margin-top:0px;
}
#bannerwrap   { background-color: #dbdbdb; padding: 0; width: 800px }
#bannerimage      { width: 800px }
#bannerimage p     { margin: 0; }
#center           { text-align: left; display: block; padding-top: 20px; padding-bottom: 20px; position: relative; width: 580px; float: left }
#centerl           { background-color: #fff; text-align: left; display: block; margin-bottom: 20px; padding: 10px; position: relative; width: 570px; float: left; border-right: 1px solid #e5e5e5 }

#center2          { background-color: #fff; text-align: left; display: block; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; position: relative; width: 477px; float: left }

#messages { width: 650px;}

#bottomleft { width: 447px; float: left;}

#bottomleft .block  { margin-bottom: 0px; padding: 0px; border: solid 0px #dbdbdb }

#bottomleft .block .content {margin-top:0px;}

#bottomright {
background-image:url(/images/hhmhtree_02.png);
background-repeat:no-repeat;
float:right;
padding:10px;
width:323px;
}

#bottomright .block {margin-bottom: 0px; padding: 0px; border: solid 0px #dbdbdb }

#bottomright .block .content {margin-top:0px;}

#bottomright .block .content p,  #bottomleft .block .content p {margin:0px;}

#footer        { background-color: #dbdbdb; text-align: left; margin: 0 auto; padding: 10px; position: relative; top: 10px; width: 780px; clear: both }
input {
  font: 12px/100% 
}

textarea, select  { color: #000; font: 12px/160% "arial, verdana, sans-serif" }
h1, h2, h3, h4, h5, h6  { font-family: optima, "trebuchet MS", arial, verdana, sans-serif; font-weight: normal; margin: 0; padding: 0 }

h1     { color: #113b6c; font-size: 20pt; font-weight: bold; line-height: 20pt }

h2     { font-family: "palatino linotype",palatino,serif;
text-transform: uppercase;
letter-spacing: 2.2pt;
line-height: 1.1;
color: #113b6c; font-size: 17pt; font-style: normal; font-stretch: ultra-expanded }

h3     { color: #5c86b7; font-size: 14pt; font-family: "palatino linotype", palatino, serif; text-transform: uppercase; letter-spacing: 2.2pt }

h4    { color: #b0006e; font-size: 12pt; font-style: italic }

h5    { color: #113b6c; font-size: 12pt; font-weight: bold }

h6   { color: #7f7f7f; font-size: 10pt; font-style: italic }

ul, quote, code, fieldset {
  margin: .5em 0;
}

p     { color: #343434; margin: 0.6em 0 1.2em; padding: 0 }

a:link, a:visited     { color: #b0006e; text-decoration: none }

a:hover    { color: #b0006e }

a:active, a:active    { color: #113b6c }

hr  { margin: 0; padding: 0; height: 1px; border: none }

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0 0 0 0; /* LTR */
}

li a.active   { color: #113b6c }

ul.menu, .item-list ul  { font-size: 14px; margin: 0; padding: 0 }

ul.menu ul, .item-list ul ul  {  }

ol li, ul li, ul.menu li, .item-list ul li, li.leaf    { }

ul li, ul.menu li, .item-list ul li, li.leaf   { background-position: 1px 0.35em; list-style-type: none; list-style-image: none; border-right: 1pt none #474747 }

ol li {
  padding: 0 0 .3em;
  margin-left: 2em; /* LTR */
}

#centerl ul li,#center2 ul li  {
list-style-type:disc; margin-left: 10px}

ul li.expanded  { }

ul li.collapsed  { }

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

ol.task-list {
  margin-left: 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li {
  padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active  { }
ol.task-list li.done  { color: #393 }
ol.task-list li.active {
  margin-right: 1em; /* LTR */
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

h2.with-tabs {
float:left;
margin:0pt 2em 0pt 0pt;
padding:0pt;
}

#tabs-wrapper {
margin:0pt -26px 1em;
padding:0pt 26px;
position:relative;
}

a.with-tabs  { color: #999 }
active.with-tabs   { color: #4d4d4d }

dl {
  margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em; /* LTR */
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
}

thead th {
  border-bottom: 0px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 0px 0;
}

tr.odd, tr.info  { background-color: #ccc }

tr.even  { background-color: #adadad }

tr.drag  { background-color: #ccc }

tr.drag-previous  { background-color: #bcbcbc }

tr.odd td.active  { background-color: #666 }

tr.even td.active  { background-color: gray }

td.region, td.module, td.container, td.category  { color: white; font-weight: bold; background-color: #d40000; border-bottom: 0 solid #b4d7f0 }

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

#views-ajax-pad form {
background:#000000 none repeat scroll 0 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0; /* LTR */
}

#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region script {
  display: none;
}
/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
#sidebar-left {width: 168px; float: left;}

#sidebar-left .block  { margin-top: 16px; margin-left: 16px; width: 168px }

#sidebar-left .sidebar  { margin-top: 16px; margin-left: 16px; width: 168px }

#sidebar-right .block    { margin-bottom: 0px }

#sidebar-right      { padding-top: 0px; position: relative; width: 323px; float: left }

.block .content   { margin-top: 0px; margin-right: 0; margin-bottom: 0 }

.block-region  { font-size: 1.3em; background: transparent; text-align: center; padding: 1em; border: dashed 2px #b7b7b7 }
/**
 * Header
 */
#centerl ul li.views-row {
margin-left:0px;
text-align:center;
list-style-type:none;
}	
#maincontainer #container .breadcrumb   { color: #999; font-size: 0.92em }

#maincontainer #container .breadcrumb a   { color: #0c0 }

#mission {
  padding: 1em;
  background-color: #fff;
  margin-bottom: 2em;
}

/**
 * Primary navigation
 */
ul.primary-links   { margin: 0; padding: 2px 0 0 15px }

ul.primary-links li  { margin: 0; padding: 0; float: left }

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited        { color: #cacaca; font-size: medium; font-weight: bold; display: block; margin: 0.2em 0 0; padding: 0.1em 0.75em }

ul.primary-links li a:hover      { color: #fff; font-size: medium; font-weight: bold; display: block; margin: 0.2em 0 0; padding: 0.1em 0.75em }

ul.primary-links li a:active      { color: #bdbdbd; font-size: medium; font-weight: bold; display: block; margin: 0.2em 0 0; padding: 0.1em 0.75em }


/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited  { color: #eeecda; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0 1em; padding: 0.75em 0 0 }

ul.secondary-links li a:hover, ul.secondary-links li a:active  { color: #b9b9b9; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
  margin: 0;
  padding: 0 ;
  position: relative;
}
ul.primary {
  float: left; /* LTR */
}
ul.secondary {
  clear: both;
  text-align: left; /* LTR */
}
h2.with-tabs {
  float: left; /* LTR */
  margin: 0 2em 0 0; /* LTR */
  padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px; /* LTR */
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover   { color: #9e9e9e }
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node   { margin: 0; margin-bottom: 10px; }

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 0; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  background-color: #000000;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #FFFFFF;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  opacity: 0.5;
}
tr.odd td.menu-disabled  { background-color: #666 }
tr.even td.menu-disabled  { background-color: #333 }

/**
 * Poll.module
 */
.poll .bar  { border-style: solid; border-width: 0 1px 1px; border-color: #f0f0f0 }

.poll .bar .foreground  { background-color: #71a7cc; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100% }

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset  { background-color: #CCCCCC; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 1em 0; padding: 1em; border: solid 1px #d9eaf5 }

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; padding-left: 2em }

html.js fieldset.collapsed legend a  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50% }

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form  { text-align: left }
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd  { color: #666; font-size: 0.92em; line-height: 1.3em; margin-top: -0.2em; margin-bottom: 0.65em }

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

/**
 * stuff.
 */
.menu-item-form
  { background-color: #ccc }
 
.collapsible
  { background-color: #ccc }
  
.fieldset-wrapper
  { background-color: #ccc }
#id { }


/**
 * calendar stuff.
 */
.calendar-calendar div.date-nav   { color: #70d8ff; background-color: #432e13; padding: 0.3em; width: auto }
.calendar-calendar tr   { background-color: #432e13; margin: 0; padding: 0 }
.calendar-calendar th.days  { color: #968166; font-weight: bold; background-color: #432e13 }
.calendar-calendar table.mini td.empty  { background: #432e13; border: solid 1px #432e13 }
.calendar-calendar .mini  { background: #432e13; border: solid 1px #1c1608 }
.calendar-calendar .mini-day-on   { background-color: #725d42; display: block; padding: 4px }
.calendar-calendar td .inner div, .calendar-calendar td .inner div a  { background: #432e13 }

.calendar-calendar td .inner div, .calendar-calendar td .inner div a  { background: #432e13 }
.calendar-calendar div.date-nav a, .calendar-calendar div.date-nav h3 {
color:#70d8ff;
}
.calendar-calendar td div.day {
border-color:-moz-use-text-color -moz-use-text-color #432e13 #432e13;
border-style:none none solid solid;
border-width:medium medium 1px 1px;
margin-bottom:2px;
}
.calendar-calendar div.calendar  { background-color: #432e13; text-align: left; margin: 0 0.25em 0.25em 0; width: 96%; float: right; clear: both; border: solid 1px #432e13 }
.calendar-calendar div.day  { background-color: #432e13; text-align: center; margin: 0; padding: 0.12em 0.25em 0; width: 1.5em; float: right; clear: both; border-style: solid; border-width: 0 0 1px 1px; border-color: #725d42 }
.calendar-calendar td.calendar-agenda-hour  { font-family: serif; text-align: right; padding-top: 0.25em; padding-right: 10px; border-style: dotted none none; border-width: 1px medium medium; border-color: #725d42   }
.calendar-calendar td  { color: #968166; text-align: right; margin: 0; padding: 0; right: 12%; width: 12%; vertical-align: top; border: solid 1px #725d42 }
element { }
/**/