/* This @media rule hides all rules within it from
iCab, old OmniWeb, MacIE5, and probably other buggy browsers,
as well as mobile devices and print. */
@media screen, projection {

/* This rule "unhides" the rest of these @media rules from MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}

/* Default page size rules. Ideally, height:auto would be the default for
standards-compliant browsers, with a hack to make WinIE play nice, but
Konqueror positions the footer more consistently when height is initially
100%, maybe because it doesn't properly support min-height (yet). */
html, body,  {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;       /* should be auto */
  /*background-color: white;*/
  background-image: url(images/purpbk.jpg) left top;
 }
/* WinIE erroneously handles "height" as "min-height", so the above
rule is all it needs, but this won't work for standards-compliant
browsers. So correct the height for all browsers except WinIE using the
"child selector" hack. */
html>body, html>body {
  height: auto;
}

/* Container for the whole page, basically a substitute for the body
element. It must be positioned to properly position #footer.
Theoretically, position:relative would do, but relative positioning
is rather quirky in several browsers. Absolute positioning gives more
consistent results. */
div#wrapper {
  position: absolute;
  top: 0;
  left: 0;
/* bg img as a column divider */
  background: #fef9ee url(./images/bar-15.png) 18% 0 repeat-y;
  background-color: black;
}
#header {
  width: 100%;
  height: 85px;      /* height of #header bg img */
  background: #fef9ee url(/images/purpbk.jpg) left top;
  background-color: black; 
}
#content {
  width: 69%;
  float: right;
  margin: 1% 2% 0 0;
  height: 685px;
}
#sidebar {
  width: 14%;
  float: left;
  margin: 0 0 0 1%;
  padding: 5px;
  background-color: white; 
  color: #5A2180;
  text-decoration: none;
  min-height: 685px;
}
.clear {
  clear: both;        /* below longest column */
  margin: 0;
  padding: 0;
}
#footer {
  clear: both;        /* below longest column */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;       /* height of #footer bg img */
  background: #e77b19 url(./images/twirl.gif);
  color: white;
  text-align: center;
}
#footer a:link {
  color: #00c;
  text-decoration: none;
  background-color: white;
}
#footer  a:visited {
  color: green;
  text-decoration: none;
  background-color: white;
}
#footer  a:hover {
  background-color: lime;
  color: #c00;
  text-decoration: none;
}
/* Next 2 rules are to specifically set defaults that will be
overridden via hacks, catering to specific browsers. */
#footer {
  position: static;
}
#main {
  margin: 0;
  padding: 0; /* to be adjusted to #footer height, at minimum */
}

/* Change #footer positioning to absolute only in IE, using the
"star html" hack, hiding from MacIE5 using the "escaped comment" hack.
After this, only WinIE is position:absolute. */
/* \*/
* html #footer {
  position: absolute;
}
* html #main {
  padding-bottom: 50px;
} /* a new comment stops hiding from MacIE5 */
 
/* Change #footer positioning to absolute in all non-WinIE browsers
except Opera 5 and 6, using the "Owen" hack, still hiding from Mac IE5.
After this, MacIE5 and Op5-6 are static, other browsers are absolute
(though some may still behave as static, like Safari). */
/* \*/
head:first-child+body div#footer {
  position: absolute;
}
head:first-child+body div#main {
  padding-bottom: 100px;
} /* */

/* Rules below are not specifically related to positioning */

h1, h2, h3, h4, {color: purple;}
h1 {
  text-align: right;
  margin: 0;
  padding: 10px;      /* clear #header bg img */
  background-color: transparent;
  
  
}
#sidebar ul {
  margin-left: 0;
  padding-left: 0;
   
/*  border: 1px solid #f00; /* test divider img position */
}
#sidebar li {
  margin: 0 .3em 0 1.2em;
 
}
#footer h2 {
  margin: 0;
  padding: .3em;
  background-color: transparent;
  color: #fef9ee;
}
#footer p {
  font-size: 85%;
  margin: 0;
  padding: .3em;
}
#footer span {
  color: #ae5c13;
  background-color: white;
}
} /* end screen media rules */


@media print {
#sidebar {
  display: none;

}
} /* end print media rules */

body {
  background-color: white;
  color: #6C439F;
  font-family: sans-serif;
  font-size: small;
}
h1 h2 {
  background-color: transparent;
  color: #ae5c13;
  
}
a:link {
  color: #6C439F;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: green;
  text-decoration: none;
}
a:hover {
  color: #c00;
  text-decoration: none;
}