/* 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 - picture on colored base, with picture starting top center */
   color:#3a3a3a; /* sets default color of text */
   font:76% Verdana,Tahoma,Arial,sans-serif; /* sets default font size (to which em referenced) and prioritized list of font families */
   margin:0 auto; /* sets transparent margin between html elements and box */
   padding:0;
}

/* Main layout and header */
#wrap {
  background:#fff;
  color:#303030;
  margin:0 auto;
  padding:1px 5px;
  width:760px; /* sets displayed width of webpage */
}
#header {
  color:#defcd7;
  height:260px;
  margin:0 0 10px;
  padding:0;
}
#header img {
  position:absolute;
  left:auto;
  top:20px;
}
#header h1 {
  position:absolute;
  font-size:48pt;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 0 150px;
  top:10px;
  z-index:1;
}
#header p {
  position:absolute;
  top:220px;
  font-size:10pt;
  font-weight:bold;
  letter-spacing:-1px;
  margin:0 0 20px 15px;
  padding:0 0 0 3px;
}
#preamble table {
  border:0;
  padding:0;
  margin:0;
}
#preamble td {
  border:0;
  background:none;
  color:#303030;
  font-size:0.9em;
  padding:5px;
  text-align:left;
}

/* Left sidebar and menu */
#leftside {
  clear:left;
  float:left;
  padding:0;
  width:150px;
}
#leftside ul.avmenu {
  list-style:none;
  margin:0 0 18px;
  padding:0;
  width:150px;
}
#leftside ul.avmenu li {
  display:inline;
  padding:0;
  width:150px;
}
#leftside ul.avmenu li a {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  float:left;
  font-size:1em;
  font-weight:700;
  margin-bottom:5px;
  padding:5px 1px 5px 5px;
  text-decoration:none;
  width:138px;
}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
  background:url(menubg2.gif) repeat-x bottom left #eaeaea;
  border-bottom:1px solid #b0b0b0;
  border-left:4px solid #505050;
  border-right:1px solid #b0b0b0;
  border-top:1px solid #b0b0b0;
  color:#505050;
}
#leftside ul.avmenu ul {
  font-size:0.9em;
  margin:0 0 0 15px;
  padding:0 0 5px 0;
  width:133px;
}
#leftside ul.avmenu ul a {
  padding:3px 1px 3px 5px;
  width:123px;
}
#leftside ul.avmenu ul ul {
  font-size:1em;
  width:120px;
}
#leftside ul.avmenu ul ul a {
  width:108px;
}
#leftside h2 {
  font-size:1.5em;
  font-weight:400;
}
#leftside .announce {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  clear:left;
  color:#505050;
  line-height:1.3em;
  margin:10px 0;
  padding:5px 5px 5px;
  width:134px;
}
#leftside p,.announce p {
  font-size:0.9em;
  line-height:1.3em;
  margin:5px 0;
}
#leftside .announce ul {
  font-size:0.8em;
}

/* Right sidebar */
#extras {
  float:right;
  margin:0 0 10px;
  padding:0;
  width:140px;
}
#extras p,#extras ul {
  font-size:0.9em;
  line-height:1.3em;
  margin:0 0 1.5em;
  padding:0;
}
#extras li {
  list-style:none;
  margin:0 0 6px;
  padding:0;
}
#extras h2 {
  font-size:1.6em;
  font-weight:400;
  letter-spacing:-1px;
  margin:0 0 6px;
}

/* Main content variations */

#content {
  line-height:1.5em;
  margin:10px 150px 10px 160px;
  padding:0;
  text-align:left;
}
#contentwide {
  line-height:1.5em;
  margin:10px 0 10px 160px;
  padding:0;
  text-align:left;
}
#content h2,#contentwide h2 {
  font-size:1.8em;
  font-weight:bold;
  letter-spacing:-1px;
  margin:8px 0 10px;
  padding:0;
}
#content h3,#contentwide h3 {
  font-size:1.5em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#content h4,#contentwide h4 {
  font-size:1.2em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#content h5,#contentwide h5 {
  font-size:1.0em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
  text-decoration:underline;
}
#content img,#contentwide img {
  float:right;
  background:#ccc;
  border:4px solid #f0f0f0;
  color:#303030;
  display:inline;
  padding:1px;
  margin:0 10px 5px 0;
}
#content ul,#content ol,#contentwide ul,#contentwide ol {
  margin:0 0 16px 20px;
  padding:0;
}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {
  margin:2px 0 2px 20px;
}
#content li,#contentwide li {
  margin:0 0 2px 10px;
  padding:0 0 0 4px;
}
#contentwide .narrow  {
  margin:10px 70px 10px 50px;
}
#contentwide .narrow2  {
  margin:10px 70px 10px 70px;
}

/* 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:#166090;
  text-decoration:underline;
  font-weight:700;
}
a:visited {
  background:inherit;
  color:#906016;
  text-decoration:none;
  font-weight:700;
}
a:hover {
  background:inherit;
  color:#286ea0;
  text-decoration:underline;
  font-weight:700;
}
a img {
  border:0;
}
p {
  margin:0 0 16px;
}
blockquote {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  margin:16px;
  padding:7px 7px 7px 11px;
}
blockquote p {
  font-size:1.1em;
  line-height:1.3em;
  margin:0;
}

/* Tables and forms */
table {
  border:1px solid #d8d8d8;
  border-collapse:collapse;
  line-height:1.3em;
  width:95%;
  margin:0 0 16px;
  padding:0;
}
table.blowoutswide {
  width:50%;
}
table.blowoutsnarrow {
  width:25%;
}
caption {
  font-size:1.5em;
  font-weight:400;
  margin:0;
  padding:6px 0 8px;
  text-align:center;
}
th {
  background:url(menubg2.gif) repeat-x bottom left #eaeaea;
  color:#505050;
  padding:7px;
  text-align:left;
}
td {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  color:#303030;
  font-size:0.9em;
  padding:5px;
  text-align:left;
}
label {
  margin:2px;
}
/* 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
}
.medium {
  font-size:1.1em;
  line-height:normal
}
.large {
  font-size:1.3em;
  line-height:normal
}
.highlighted {
  background:#f0f0f0;
  border:1px solid #b0b0b0;
  color:#303030;
  padding:3px;
}
.button {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  font-weight:700;
  margin:0 0 15px;
  padding:7px 7px 7px 11px;
  width:120px;
}
.left {
  float:left;
  margin:10px 10px 5px 0;
}
.right {
  float:right;
  margin:10px 0 5px 10px;
}
.red {
  color:#ff0000
}
.blue {
  color:#6060ff
}