/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

/* basic elements */

* {
}

img {
  border: 0 ;
}

body { 
  font: 8pt/16pt georgia; 
  color: #555753; 
  margin: 0px; 
}

p { 
  font: 8pt/16pt georgia; 
  margin-top: 0px; 
  text-align: justify;
}

h3 { 
  font: italic normal 12pt georgia; 
  letter-spacing: 1px; 
  margin-bottom: 0px; 
  color: #7D775C;
}

a:link { 
  font-weight: bold; 
  text-decoration: none; 
  color: #988F5E;
}

a:visited { 
  font-weight: bold; 
  text-decoration: none; 
  color: #988F5E;
}

a:hover, a:active { 
  text-decoration: underline; 
  color: #988F5E;
}


/* specific divs */
#container { 
  min-height: 1800px ; /* Adjust as linkList content requires. */
  padding: 0px 225px 0px 25px ;
  margin: 50px; 
  border: 1px solid #888888;
  background: #F7F7F7;
}

#intro { 
  min-width: 470px;
}
  
#pageHeader { 
  margin-bottom: 20px;
}

#pageHeader h1 { 
  margin-top: 10px; 
  width: 228px; 
  height: 96px; 
  float: left;
  font: 24pt/30pt georgia; 
}
  
#pageHeader h1 span {
}

#pageHeader h2 { 
  margin-top: 16px; 
  margin-bottom: 40px; 
  width: 228px; 
  height: 64px; 
  float: right ;
  font: 7pt/8pt georgia; 
}

#pageHeader h2 span {
}

#preamble h3 span {
  background: transparent url(title.gif) no-repeat top left; 
  padding-left:25px;
  padding-right:75px;
  width: 300px;
  border-bottom: 1px solid #888888 ;
  font-style: normal;
  font-weight: bold;
  color: #444444;
}

#supportingText h3 span {
  background: transparent url(title.gif) no-repeat top left; 
  padding-left:25px;
  padding-right:75px;
  width: 300px;
  border-bottom: 1px solid #888888 ;
  font-style: normal;
  font-weight: bold;
  color: #444444;
}
  
#quickSummary {
  background: white;
  clear:both; 
  margin: 20px 20px 20px 10px; 
  width: 160px; 
  float: left;
  padding : 20px;
  border: 1px dashed #888888;
}

#quickSummary p {
  font: italic 10pt/22pt georgia; 
  text-align:center;
}

#preamble {
  clear: right; 
  padding: 0px 10px 0px 10px;
  border-top: 1px solid #888888;
}

#supportingText {
  padding-left: 10px; 
  margin-bottom: 40px;
}

#footer { 
  text-align: center; 
}

#footer a:link, #footer a:visited { 
  margin-right: 20px; 
}

#linkList {  
  width:240px;
  margin-left:600px;
  position: absolute; 
  top: 40px; 
  right: 0px;
}

#hideLinkList {  
  position: absolute; 
  top: 136px; 
  right: 59px;
}

#showLinkList {  
  position: absolute; 
  top: 136px; 
  right: 59px;
}

#linkList2 { 
  background:white;
  font: 10px verdana, sans-serif; 
  padding: 10px; 
  margin-top: 150px; 
  width: 160px; 
  border-left: 1px solid #888888;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

#linkList h3.page { 
  margin: 10px 0px 5px 0px; 
  width: 150px; 
  height: 15px; 
  color: #444444;
  font: 10px verdana, sans-serif; 
  font-weight: bold;
  border-bottom: 1px solid #888888;
}

#linkList h3.page span {
  display: block;
}

#linkList h3.favorites { 
  margin: 25px 0px 5px 0px; 
  width: 150px; 
  height: 15px; 
  color: #444444;
  font: 10px verdana, sans-serif; 
  font-weight: bold;
  border-bottom: 1px solid #888888;
}

#linkList h3.favorites span {
  display:block;
}

#linkList h3.rollcall { 
  margin: 25px 0px 5px 0px; 
  width: 150px; 
  height: 15px; 
  color: #444444;
  font: 10px verdana, sans-serif; 
  font-weight: bold;
  border-bottom: 1px solid #888888;
}

#linkList h3.rollcall span {
  display:block;
}

#linkList h3.resources { 
  margin: 25px 0px 5px 0px; 
  width: 150px; 
  height: 15px; 
  color: #444444;
  font: 10px verdana, sans-serif; 
  font-weight: bold;
  border-bottom: 1px solid #888888;
}

#linkList h3.resources span {
  display:block
}

#linkList ul {
  margin: 0px;
  padding: 0px;
}

#linkList li {
  line-height: 2.5ex; 
  list-style-type: none;
  border: 1px solid #888888;
  display: block; 
  padding: 4px; 
  margin-bottom: 5px;
  background-color:#F7F7F7;
}

#linkList li:hover {
  line-height: 2.5ex; 
  list-style-type: none;
  background-color: #DEE2B3; 
  border: 1px solid #888888;
  display: block; 
  padding: 4px; 
  margin-bottom: 5px;
}
  
#linkList li a:link { 
  color: #988F5E;
}
  
#linkList li a:visited {
  color: #988F5E;
}