/**************************************************************************/
/*                                                                        */
/*                        HTML Element Styling                            */
/*                                                                        */
/**************************************************************************/

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 19px;
  line-height: 100%;
  text-align: center;
  margin: 0 0 1em;
  padding: 0;
}

h2 {
  font-size: 17px;
  line-height: 110%;
  text-align: left;
  margin: 0 0 1em;
}

h3 {
  font-size: 14px;
  line-height: 110%;
  text-align: left;
  margin: 0 0 1em;
  text-decoration: underline;
}

h4 {
  font-size: 13px;
  line-height: 100%;
  text-align: left;
  margin: 0 0 1em;
}

h5 {
  font-size: 11px;
  line-height: 100%;
  text-align: left;
  margin: 0 0 0.5em;
}

h6 {
  font-size: 10px;
  line-height: 100%;
  text-decoration: underline;
  text-align: left;
  margin: 0 0 0.5em;
}

img {
  border: 0;
}

label {
  font-weight: bold;
  font-size: 11px;
  padding-right: 0.5em;
}

td {
  padding: 0.2em;
  margin: 0;
  vertical-align: top;
}


/**************************************************************************/
/*                                                                        */
/*                           Page Structure                               */
/*                                                                        */
/**************************************************************************/

/* The "page" div includes the banner, menu, content, and footer */
#page {
  /* Center the page with a fixed width */
  width: 770px;
  margin: 0 auto;
  
  /* The background image must be associated with the page, not the content */
  /* div, or else it will truncate when the floating sidebar is taller than */
  /* the content.  And since it's associated with the page, not the content,*/
  /* it has to be pushed down to start just after the menu bar.             */
  background-position: 0 138px;
}

#banner {
  /* Work around a spurious margin at the bottom of the banner */
  font-size: 0;
  line-height: 0px;
}


/**************************************************************************/
/*                                                                        */
/*                              Menu Bar                                  */
/*                                                                        */
/**************************************************************************/

#menu_bar {
  height: 28px;
}

.menu_item {
  float: left;
  height: 20px;
  border: 2px solid;
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14px;
  margin: 2px 1em 0 0;
  padding: 0 0.5em;
}

.menu_item a {
  text-decoration: none;
}

#status_bar {
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  text-align: right;
  padding-right: 0.5em;
  font-size: 14px;
  line-height: 28px;
  vertical-align: middle;
}


/**************************************************************************/
/*                                                                        */
/*                            Sidebar Menu                                */
/*                                                                        */
/**************************************************************************/

/* Overall positioning and border */
#sidebar {
  float: right;
  width: 160px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  padding-top: 8px;
  padding-bottom: 6px;
}

/* Font styling */
#sidebar {
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 110%;
  display: inline;
}

/* Menu styling */
#sidebar ul {
  padding: 0 0 0 0.5em;
  margin: 0 0 0.4em;
  list-style-type: none;
  font-size: 12px;
}

#sidebar li {
  padding: 0 0 0 0.7em;
}

#sidebar li.outdent {
  padding: 0;
}

/* Don't decorate the links beyond the coloring we have in artlit_color.rcss */
#sidebar a {
  text-decoration: none;
}

/* The W3C validation buttons */
#sidebar .validation {
  margin: 0.6em 0 0.3em;
  text-align: center;
}

/* Just a straight bar across */
.sidebar_divider {
  height: 2px;
  font-size: 0;
  line-height: 0px;
  margin-bottom: 6px;
}

/* This handles the "logout" button */
#sidebar form {
  text-align: center;
  padding: 0;
  margin: 0;
}


/**************************************************************************/
/*                                                                        */
/*                               Content                                  */
/*                                                                        */
/**************************************************************************/

#content {
  width: 560px;
  padding: 1.5em 0;
  margin:  0 25px;
}


/**************************************************************************/
/*                                                                        */
/*                               Footer                                   */
/*                                                                        */
/**************************************************************************/

#footer {
  clear: both;
  height: 28px;
  border-top: 2px solid;
  position: relative;
  top: -2px;
}

#footer_rails,
#footer_left {
  float: left;
}

#footer_right {
  float: right;
  text-align: right;
}

#footer_rails,
#footer_left,
#footer_center,
#footer_right {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 28px;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

#footer_rails {
  width: 28px;
  font-size: 0;
}

#footer_left {
  width: 122px;
  text-transform: lowercase;
  font-size: 10px;
}

#footer_center {
  width: 420px;
  text-align: center;
  margin: 0 auto;
  font-weight: normal;
}

#footer_right {
  width: 150px;
  text-transform: lowercase;
  padding-right: 0.5em;
  font-weight: normal;
}

#mask_kludge {
  height: 2px;
  position: relative;
  top: -2px;
  font-size: 0;
  line-height: 0px;
}