body { 
       background-color: #069;
       color: #000;
}
.topbar-nohover, .topbar, #footer { display: none; }
#nav2, .sidebar-heading, .sidebar-td { width: 130px; }
h4 { width: 125px; }
.main h4 { width: auto; color: black; }

div#eirs_header h1 {
       color: #fff;
       font-style: italic;
       text-align: right;
       font-size: 21pt;
       padding: 0;
       margin: 0;
}

div#sitecontainer {
       background-color: #ececec;
       margin: 0 4px;
       width: auto;
}

.sidebar {
       background: transparent;
       padding-bottom: 10px;
       overflow: hidden;
       float: none;
}

.sidebar h3 { margin-left: 5px; }

.divider-status, .powered { width: 100%; }

div.powered {
       font-size: smaller;
       background: transparent;
       color: #fff;
}
div.powered a:link, div.powered a:visited {
       color: #bbf;
}
div.powered a:hover,a:active {
       background-color: #fff;
       color: #069;
}

#main {
       float: none;
       background-color: #fff;
       padding: 0px;
       margin: 0px;
       width: auto;
}
.main {
       float: none;
       width: auto;
       padding-left: 7px;
       padding-right: 7px;
}

p.alist { background: transparent; }

table.outline,table.contenttable { width: 100%; }

/* override a silly rule elsewhere which says that 'td' has padding 7px */
td { padding: 0; }
table.contenttable > tbody > tr > td {
       padding: 0;
       margin: 0;
}
/* Add a side-effect, fix up some things with more targetted rules */
.sidebar td { padding: 0 4px; }

/* fix the color of the navbullets */
#nav2 a {
          /* note that this image comes from eir/images, because this
           * stylesheet is in eir/.  Images names in the advokit stylesheets
           * come from eir/ak/images because that's where the stylesheets
           * live. */
        background-image: url(images/navbullet.png);
	background-position: 0px 3px;
        background-repeat: no-repeat;
	padding-left: 16px;
}

h3 { margin-bottom: 4px; margin-top: 4px; }
/* use green instead of red (which means 'error' to many viewers) */
a[href]:active, .sidebar a:active, h3, .sidebar-title { color: #090; }
a[href]:visited, .sidebar a:visited { color: #065; }
.topbar-nohover a:hover { background-color: #065; }

.headerbar { padding-left: 5px;
             padding-top: 2px;
             text-align: left;
             padding-right:5px;
             font-size: 11pt;
             position: relative;
             margin-bottom: 0px;
 }
.headerbar .rightheading { position: absolute;
                           top: 0;
                           right: 0px;
                           width: 200px;
                           text-align: right;
 }

/* special 'cushy' table, for when we actually *want* padding */
table.cushy > * > tr > td { padding: 5px; }
table.outline > * > tr > td { padding: 2px; }

/* special 'L' and 'T' for Volunteer form */
.bigletter {
       font-size: larger;
       font-family: arial black,arial,helvetica,sans-serif;
       font-weight: 800;
}
/* put borders on the columns (only!) of a table */
table.colframed { border: thin solid black; }
table.colframed > * > tr > td,
table.colframed > * > tr > th {
       border-right: thin solid black;
       border-left: thin solid black;
}
/* bold-faced right-justified field names (for profile summary) */
.profile-field {
       text-align: right;
       font-weight: 700;
       padding-left: 15px;
       padding-right: 1ex;
       vertical-align: baseline;
       white-space: nowrap;
}
/* The gmail-esque query results header uses a smaller font, etc */
table.query-results-table {
       background-color: #c6dbff;
       padding: 0;
       margin: 0;
}
.query-results { white-space:nowrap; border:none; }
.query-results select, .query-results input { font-size: 8pt; }

p,ul,li { background-color: transparent; }
.heading-subtle, .heading-subtle a { background-color: transparent; }

/* restore the 'rounded' style */
.sidebarsectionhead{
	/* Set the left rounded corner as the background image of the
           entire rounded element.  Be sure to leave space for it by
           setting a padding-left: if you don't the text will overlap
           the rounded corner. */
	background: #333366 url(ak/images/round_left.gif) left top no-repeat;
	padding-left: 12px;
	line-height: 14px; /* same value as image height !!! */
        padding-left: 5px;
}

.sidebarsectionhead span {
	/* This span should be BEFORE the actual text in the HTML
           code. We float it right, so that it ends up at the right
           side of the rounded element. We give it a width and
           inline-block (don't ask), and finally set the right rounded
           corner as its background image. */
	float: right;
	display: inline-block;
	width: 10px; /* as wide as the image */
	background: #333366 url(ak/images/round_right.gif) right top no-repeat;
}
/* restore hover styles */
a[href]:hover	{
	color: #900;
	background-color:  #f8fac8;
}
.sidebar a[href]:hover {
	color: #C09;
	background-color: #FFE;
}

/* ----------------------------------------------------------- */
/* CSS tab technique, from  http://www.alistapart.com/articles/slidingdoors/ */
#tabheader {
  float:left;
  width:100%;
  background:#DAE0D2 url("images/tab_bg.gif") repeat-x bottom;
  line-height:normal;
  }
#tabheader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tabheader li {
  float:left;
  background:url("images/tab_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabheader a {
  float:left;
  display:block;
  background:url("images/tab_right.gif") no-repeat right top;
  padding:5px 10px 4px 1px;
  text-decoration:none;
  font-weight:bold;
  font-size: 8pt;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */
#tabheader a:hover {
  color:#333;
  }
#tabheader #current {
  background-image:url("images/tab_left_on.gif");
  }
#tabheader #current a {
  background-image:url("images/tab_right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
.force_white {
    color:  #FFF;
    background-color:  #333366;
}