/* Global
--------------------------------------------------------- */
body {
margin: 0;
background-color: #cfcbc6;
}

#body {
width: 600px;
margin: 20px auto 0 auto;
}

#height_spacer {
clear: both;
}


/* Menus
--------------------------------------------------------- */
#menu_1 {
float: left;
width: 160px;
margin: 0;
padding: 0;
}
#menu_1 h1 {
width: 160px;
height: 196px;
margin: 0 !important;
padding: 0;
border-bottom: 1px solid #79726a;
background: url(/images/pages/menu_1_heading.gif) no-repeat top left;
}
#menu_1 h1 a {
height: 196px;
margin: 0;
border: none;
padding: 0;
}
#menu_1 h1 span {
visibility: hidden;
}

#menu_1 ul {
margin: 0 0 20px 0;
padding: 0 0 40px 0;
background: #89827b url(/images/pages/menu_1_bottom.gif) no-repeat bottom left;
}
#menu_1 ul ul {
margin: 0 !important;
padding: 0;
background: none;
}
#menu_1 li {
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #89827b;/* IE6 Hack, see below */
}

#menu_1 a {
display: block;
margin: 0;
border-bottom: 1px solid #79726a;
padding: 2px 4px;
font-family: sans-serif;
font-size: 12px;
line-height: 1.2em;
color: #fff;
text-decoration: none;
}
#menu_1 ul ul a {
padding-left: 12px;
}
#menu_1 ul ul ul a {
padding-left: 22px;
}
#menu_1 li.current span a, #menu_1 ul.current a  {
background-color: #f8f7ce !important;
color: #4d433b;
border-bottom-color: #dfdeb0;
}

#menu_1 ul ul ul li {
border-bottom-color: #F8F7CE;/* IE6 Hack, see below */
}

/* IE6 Hack
Only the "a" tags should have a border-bottom attribute.  However, in IE6,
this one attribute was adding a 15px margin to the top of the anchor tag.
For some reason, giving the parent list item a bottom-border value seemed to
resolve the issue.  The color of the list item border is simply set to the
current background color of the menu anchor tag. */


/* Content
--------------------------------------------------------- */
#main {
float: left;
width: 414px;
margin: 0;
border: 1px solid #89827b;
padding: 15px 10px 9px 14px;
background-color: #fff;
min-height: 760px;
}
#main .height_spacer {
float: right;
width: 1px;
margin: 0;
padding: 0;
height: 760px;
font-size: 0px;
}

#main div#image_heading {
position: relative;
width: 410px;
height: 220px;
margin: 0 0 15px 0;
}
#main div#image_heading img {
position: absolute;
top: 0px;
left: 0px;
width: 410px;
height: 220px;
}










/* Footer
--------------------------------------------------------- */
#footer {
clear: left;
width: 440px;
margin: 0 0 0 160px;
padding: 10px 0;
}
#footer p {
padding: 0 0 5px 0;
text-align: center;
font-family: sans-serif;
font-size: 10px;
font-weight: bold;
color: #333;
}


/* "Edit this page" option for admins
---------------------------------------------------------------------------- */
#toolbar {
  width: 100%;
  height: 24px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #646d78;
  padding: 8px;
  color: #29323b;
  background-color: #687d94;
}
#toolbar ul {
  margin: 0 !important;
}
#toolbar li {
  float: left;
  margin: 0 12px 0 0;
  padding: 0;
  list-style-type: none;
  font-family: Verdana;
  font-size: 10px !important;
  font-weight: bold;
  line-height: 1em;
}

#toolbar #buttons a {
  display: block;
  float: left;
  margin: 0;
  border: 1px solid #646d78;
  padding: 4px 12px 6px 30px;
  text-decoration: none;
  color: #fff;
  background: #7f8c9a no-repeat 6px 3px;
}
#toolbar #buttons a:hover {
  background-color: #646d78;
}
#toolbar #buttons a#all_pages {
  background-image: url(/images/icons/back.png);
}
#toolbar #buttons a#edit {
  background-image: url(/images/icons/edit.png);
}

#toolbar #links {
  float: right;
  margin-right: 8px !important;
}
#toolbar #links li {
  color: #fff;
  margin: 0;
  padding: 4px 12px 2px 0;
}
#toolbar #links a {
  color: #fff;
}
#toolbar #links a:hover {
  text-decoration: underline;
}