/* an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com/ .
Version: 2.0 (Jan 29, 2007), adapted by Brendan Kruf (July 2007 and later) */

body {
   background:url(bg.gif) repeat-y top center #eaeaea;
/* sets default background image, which comprises bg.gif, a representation of the 
webpage, with shadow either side, and on a colored base, with picture starting top center */
/* bg.gif has dimensions 1060px wide, by 1px high, with webpage area 780px wide; menubg.gif and menubg2.gif have dimensions 1px wide by 26px high */
   color:#ffcc66; /* sets default color of text */
   font:100% Verdana,Tahoma,Arial,sans-serif; /* sets default font size (to which em referenced) and prioritized list of font families */
   margin:0px auto; /* sets transparent margin between html elements and box */
   padding:0px;
}

/* Main layout and header */
#wrap {
  margin:0 auto; /* auto places webpage in center of page */
  padding:20px;
  width:740px; /* sets width of webpage - at 780px background page image (bg.gif) just becomes visible */
}
#header {
  color:#ffcc66;
  margin:0;
  padding:0;
}
 #header h1 {
  font-style:italic;
  line-height:90%;
  font-size:2.5em;
  font-weight:700;
  letter-spacing:-2px;
  margin:80px 0 20px 0;
  padding:0;
  text-align:center;
}

/* Main content variations */
#wide {
  line-height:1.5em;
  margin:10px 20px 10px 10px; 
  padding:0;
  text-align:left;
}
#wide h2 {
  font-size:1.8em;
  font-weight:bold;
  letter-spacing:-1px;
  margin:8px 0 10px;
  padding:0;
}
#wide h3 {
  font-size:1.5em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#wide h4 {
  font-size:1.2em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#wide h5 {
  font-size:1.0em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
  text-decoration:underline;
}
#wide p {
  color:#ffeebb;
  font-size:0.9em;
  font-weight:normal;
  margin:6px 0;
  padding:0;
  text-decoration:none;
}
#wide img {
  float:right;
  background:#ccc;
  border:4px solid #f0f0f0;
  color:#303030;
  display:inline;
  padding:1px;
  margin:0 10px 5px 0;
}
#wide ul,#wide ol {
  color:#ffeebb;
  font-size:0.9em;
  font-weight:normal;
  margin:0 0 16px 20px;
  padding:0;
}
#wide ul ul,#wide ol ol {
  margin:2px 0 2px 20px;
}
#wide li {
  margin:0 0 2px 10px;
  padding:0 0 0 4px;
}


/* Footer */
#footer {
  background:#fff;
  border-top:2px solid #dadada;
  clear:both;
  color:gray;
  font-size:0.9em;
  margin:0 auto;
  padding:8px 0;
  text-align:center;
  width:750px;
}
#footer p {
  margin:0;
  padding:0;
}
#footer a {
  background:inherit;
  color:gray;
  font-weight:400;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}

/* Links and paragraphs */
a {
  background:inherit;
  color:#ffcc66;
  text-decoration:none;
  font-weight:700;
}
a:visited {
  background:inherit;
  color:#ffcc66;
  text-decoration:none;
  font-weight:700;
}
a:hover {
  background:inherit;
  color:#ffcc66;
  text-decoration:underline;
  font-weight:700;
}
a img {
  border:0;
}
p {
  margin:0 0 16px;
}

/* Tables and forms */
table {
  border:0;
  border-collapse:collapse;
  line-height:1.3em;
  width:95%;
  margin:0;
  padding:0;
}
td {
  border:0;
  font-size:0.9em;
  padding:0;
  text-align:center;
}
#list td {
  border:1px solid #f0f0f0;
  font-size:0.9em;
  padding:5px;
  text-align:center;
}

/* Various classes */
.announce h2 {
  margin:0 0 10px;
  padding:0;
}
.textright {
  margin:-10px 0 4px;
  text-align:right;
}
.center {
  text-align:center;
}
.small {
  font-size:0.8em;
  line-height:normal
}
.large {
  font-size:1.3em;
  line-height:normal
}
.highlighted {
  background:#f0f0f0;
  border:1px solid #b0b0b0;
  color:#303030;
  padding:3px;
}
.left {
  float:left;
  margin:10px 10px 5px 0;
}
.right {
  float:right;
  margin:10px 0 5px 10px;
}