/* Style sheet for Polk City Community Library */
/* Copyright (c) 2005 David & Susan Body */
  
/*  General rules */
  
img {
  display: block;
  border: 0;
}

/*  Establish general layout parameters */

body {
  background: #cc9;
  color: #333;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 5px solid #566;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 25px;
}

#wrapper {
  background: #ffc;
  color: #333;
  margin: 10px auto;
  padding: 0;
  border: 1px solid #566;
  border-top: 5px solid #566;
  width: 599px;  /* bmh */  
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 597px;   
}

html>#wrapper {
  width: 597px;
} 

#header {
  background: #fff;
  color: #333;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}

#header img {
  margin: 0;
  padding: 0;
  border: 0;
}

#pagebody {
  padding: 0;
  margin: 0;
  border: 0;
  text-align: left;
  color: #630;
  background: transparent;
  clear: both;
}

#maincontent {
  margin: 0;
  padding: 10px;
  width: 590px;  /* box model hack */	
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 570px;	 
}

html>#maincontent {
  width: 570px;
} 

th {
  font-weight: bold;
}

/*  Typography */
  
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
  
#pagebody h1 {
  font-size:    medium;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size:  large;       
  font-weight: bold;
}

html>#pagebody h1 {
  font-size:  large;  
} 

#pagebody h2 {
  font-size:    medium;     
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size:    large;
  color: #660;
}

html>#pagebody h2 {
  font-size:  large;  
} 

h3 { 
  font-size: small;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size: medium;  
}

html>h3 {
  font-size:  medium;  
} 

h4 {
  font-weight: bold;
}

h5 {
  font-size:    xx-small;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size:    x-small;  
}
  
html>h5 {
  font-size:  x-small;  
} 

h6 {
  margin: 0 0 25px 0;
  padding: 0;
  background: transparent;
  color: #333;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 9px;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size: xx-small;
}

html>h6 {
  font-size:  xx-small;  
} 

p {
  line-height: 140%;
  /*text-align: left;*/
  margin-top: 0;
  margin-bottom: 1em;
}
  
#mission {
  background-color: #fc6; 
  color: #a74; 
  letter-spacing: 1px; 
  font-family:'Times New Roman', Times, serif; 
  font-size:16px; 
  text-align:center; 
  margin: 0; 
  padding: 2px 0 6px 0;
}

#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt {
  font-size: x-small;
  /* Tantek again */
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size: small;         
}

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt {
  font-size:  small;
}

#maincontent dl {
  line-height: 1.4em;
  margin-top: 0;
  padding-top: 0;
}

#maincontent dd {
  margin-bottom: 5px;
  padding-left: 5px;
  margin-left: 5px;
}

a:link, a:visited {
  color: #6b1b00;  /* !!! */
  background: transparent; 
}

a:hover {
  text-decoration : underline;
  color: #506b00; /* !!! */
  background: transparent; 
}

a:active {
  text-decoration : none;
  color: #526968; /* !!! */
  background: transparent;  
}

/* From More Eric Meyer on CSS */
div#nav {
  float: left; 
  margin: -1px 0 0 0; 
  background: #fc6; 
  border: 1px solid #AAA;
}

div#nav ul {
  margin: 0; 
  padding: 0; 
  background: white; 
  border: 1px solid #CCC; 
  border-width: 0 1px;
}
  
div#nav li {
  position: relative; 
  list-style: none; 
  margin: 0; 
  float: left; 
  width: 7.4em; 
  line-height: 1em;
}

div#nav li:hover {
  background-color: #fc6;
}

div#nav a:hover {
  color: #ffc;
}

div#nav li.submenu:hover {
  background-color: #fc6;
}
  
div#nav li a {
  display: block; 
  padding: 0.25em 0 0.25em 0.5em; 
  text-decoration: none; 
  width: 6.5em;
}

div#nav>ul a {
  width: auto;
}

div#nav ul ul {
  position: absolute; 
  width: 7.4em; 
  display: none;
}
  
div#nav ul ul li {
  background-color: #c63;
  border-bottom: 1px solid #CCC;
}
  
div#nav li.submenu li.submenu:hover {
  background-color: #c63;
}
  
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
  display:block;
}
  
div#nav ul.level2 {
  top: 1.5em; 
  left: -1px;
}

div#nav ul.level2 li {
  width: 16em;
  text-align: left;
}

div#nav ul.level2 li a {
  color: #333;
  width: auto;
}

div#nav ul.level2 li a:hover {
  color: #ffc;
}
  
div#nav ul.level3 {
  top: -1px; 
  left: 7em; 
  border-top: 1px solid #CCC;
}

.hide {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;  /* for the benefit of IE5 Mac */
}

.bold {
  font-weight: bold;
}

.bookclub table {
  width: 100%;
}
  
.bookclub table tr {
  vertical-align:top;
}

.date {
  font-weight:bold;
}
  
.title {
  color: #6b1b00; 
  font-weight:bold; 
  font-style:italic;
}

#pagebody .divider {
  border-top: 3px solid #666633;
}
  
#pagebody .box {
  border: 2px solid #666633;
  padding: 5px;
}

.calendar table {
  width: 100%;
}
  
.calendar col#c1 {
  width: 220px;
}

#pagebody .calendar .month {
  font-size: large;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}

#pagebody .calendar .divider td {
  border-top: 3px solid #666633;
}
  
.calendar table tr {
  vertical-align:top;
}
  
.calendar table td {
  padding-left: 15px;
}

.calendar table h4 {
  margin-top: 0;
  text-indent: -15px;
}

.calendar table img {
  float: left;
  padding: 0 15px 10px 15px;
}

#pagebody .photoright {
  float: right;
  padding: 10px;
}

#pagebody .photoleft {
  float: left;
  padding: 10px;
}

#pagebody .photocenter img {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
.meetings {
  margin: 10px;
  padding: 10px;
  width: 80%;
}
.meetings td {
  text-align: center;
}
.reviews {
  margin: 10px;
  padding: 10px;
  width: 100%;
}
.reviews td {
  text-align: center;
}
#closing h1 {
  color: red;
  text-align: center;
}
#closing p.when {
  font-style: italic;
}