/*
File: ~/www/CSS/site.css
Client/Site: HOBE Childcare Center
Author: Jonathan Biebesheimer <jb@thunkit.com>
Last Modified By: Jonathan Biebesheimer <jb@thunkit.com>

Date-Created:  June 1, 2004
Date-Modified: June 5, 2004 
*/

/* -- Site Elements --------------------- */

body {
  padding: 0px;
  margin: 0px;
  font-family: arial, sans-serif;
  font-size: 12px;
  background-color: #B4E3C6; 
}

a {
  color: #8A3D86;
  text-decoration: underline;
}

a:hover {
  color: #DDC7DC;
  text-decoration: underline;
}

table {
  font-size: 12px;
}

.newslist_title {
  font-size: 12px;
  font-weight:bold;
  margin-bottom:0px;
  color: #8A3D86;
}

.newslist_body {
  margin-top: 0px;
}

.newslist_header {
  font-size: 12px;
  font-weight: bold;
  color: #8A3D86;
}

.spacer {
  margin-top: 0px;
  margin-bottom: 0px;
}

form {
  margin: 0px;
  padding: 0px;
}

.rimage {
  float: right;
  border: 1px solid #8B6FA0;
  margin-left: 10px;
  margin-bottom: 10px;
}

.limage {
  float: left;
  border: 1px solid #8B6FA0;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* -- Content Area Elements ---------------- */

#breadcrumbs {
  display: block;
  font-size: 9px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#breadcrumbs a {
  text-decoration: none;
}  

#breadcrumbs a:hover {
  text-decoration: underline;
}  

#page {
  margin-left: 0px;
  margin-top: 0px;
  width: 648px;
  background-image: url(/GRAPHICS/Shared/gensite/page_bg.jpg);
  background-repeat: repeat-y;
  z-index: 0;
}

/* -- Top Bar -------------------- */

#topbar {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(/GRAPHICS/Shared/gensite/topbar_bg.jpg);
  background-repeat: repeat-x;
  height: 70px;
  width: 100%;
  z-index: -1;
}

/* -- Left Column -------------------- */

#leftcol {
  width: 139px;
}

/* -- Left Column - Nav -------------------- */

#leftnav {
  width: 123px;
  margin-left: 15px;
  margin-top: 0px;  
}

.leftnav {
  margin-left: 0px;
}

.leftnavlink {
}

.leftnavlink a {
  width: 123px;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding: 4px;
  padding-left: 14px;
}

.leftnavlink a:hover {
  background-color: #DBE7E0;
  text-decoration: none;
  color: #000000;
}

.leftchnav {
  margin-left: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.leftchnavlink {
  width: 113px;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  margin-top: 2px;
  margin-bottom: 2px;
}

.leftchnavlink a {
  width: 113px;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  padding: 4px;
  padding-left: 24px;
}

.leftchnavlink a:hover {
  text-decoration: underline;
  color: #000000;
  background-color: #B7CFC0;
}

a.homelink {
  vertical-align:middle;
  display: list-item;
  list-style-type:none;
  list-style-image: url(/GRAPHICS/Shared/gensite/icon_duncan.gif);
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}

a.homelink:hover {
  text-decoration: none;
  list-style-image: url(/GRAPHICS/Shared/gensite/icon_duncan_highlight.gif);
  color: #000;
}
/* -- Right Column ------------------- */

#rightcol {
  width: 509px;
}

/* -- Right Column: Content ------------------- */

#pbody {
  margin-top: 0px;
  margin-left: 0px;
  width: 500px;
}

#content {
  padding-left: 38px;
  padding-right: 10px;
}

/* -- Minipanels --------------- */

#minipanel {
  position: absolute;
  top: 80px;
  left: 540px;
}

#minipaneltitle {
  background-image: url(/GRAPHICS/Shared/minipanels/newspanel_title_bg.jpg);
  background-repeat: no-repeat;
  height: 47px;
  padding-left: 20px;
  padding-top: 8px;
}

#minipaneltitle h6 {
  font-size: 13px;
  color: #8A3D86;
  margin-bottom:0px;
  margin-top: 0px;
}

/* -- News Minipanel --------------- */

#newspanel {
  width: 180px;
  margin-bottom: 3px;
  background-color: #DDC7DC;
  background-image: url(/GRAPHICS/Shared/minipanels/newspanel_bg.jpg);
  background-repeat: repeat-y;
}

#newsbody {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}

#newsbody h6 {
  font-size: 11px;
  color: #000000;
  margin-bottom:0px;
  margin-top: 0px;
}

#newsbody p {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 10px;
  color: #000000;
}

#newsbody a {
  color: #8A3D86;
  text-decoration: none;
}

#newsbody a:hover {
  color: #000000;
  text-decoration: underline;
}

/* -- Footer --------------- */

.footer {
  font-size: 11px;
  padding-top: 30px;
}

.footer a {
  text-decoration: underline;
}

/* -- Sub-Footer --------------- */

#subfooter {
  font-size: 11px;
  margin-left: 178px;
  margin-top: 5px;
  padding-bottom: 30px;
}

#subfooter a {
  text-decoration: underline;
}