/* @import url(headstone.css);
@import url(mainbody.css); */

body {
  /* background-color:#000000;
  background-repeat:no-repeat;
  background-image:url(../images/background-2.gif);  */
  background-color:#4e4e4e;
  margin:0;
  padding:0;
  min-width:575px;
  background-image:url(../images/gear-bkg.jpg);
  background-repeat:no-repeat;
  background-position:right 177px;
}

code { font-size:120%; }

#head {
  position:relative;
  height:176px;
  background-color:#6d7b95;
  background-image:url(../images/head-bkg.gif);
  background-repeat:repeat-x;
  margin:0;
  padding:0;
}

#webmechs-logo {
  position:absolute;
  top:36px;
  left:6px;
  z-index:10;
}

#head-pic-1 {
  position:absolute;
  bottom:0px;
  right:0px;
}

#top-menu {
  position:absolute;
  bottom:0px;
  left:0px;
  height:20px;
  background-color:#9d0a0e;
  font-family:Arial;
  font-size:11px;
  color:white;
  font-weight:bold;
}

#top-menu-links {
  position:relative;
  margin-top:3px;
  z-index:5;
}

#top-menu-links a:link,
#top-menu-links a:active,
#top-menu-links a:visited {
  color:white;
  margin-left:11px;
  margin-right:11px;
  text-decoration:none;
}

#top-menu-links a:hover {
  color:#F0F0C7;
  text-decoration:underline;
}


#left-menu {
  float:left;
  width:179px;
  font-family:Arial;
  background-color:#b6bcc7;
  background-image:url(../images/left-menu-bkg.gif);  /* the .png version gives diff color under IE6 wtf!? */
  background-repeat:no-repeat;
}

.left-menu-header {
  margin-bottom:10px;
  color:#A70000;
  font-size:85%;
  font-weight:bold;
}

.left-menu-links-1 a:link,
.left-menu-links-1 a:active,
.left-menu-links-1 a:visited {
  display:block;
  padding-bottom:5px;
  color:#303030;
  text-decoration:none;
  font-weight:bold;
  font-size:70%;
}

.left-menu-links-1 a:hover {
  color:#303030;
  text-decoration:underline;
}

#main-body {
  margin-left:180px;
  padding:20px 35px 35px 35px;
  font-family:"Lucida Sans", Verdana, sans-serif; 
}

#main-body p {
  color:white;
  min-width:205px;
  max-width:600px;
  padding-right:115px;
  font-size:75%;
  font-family:"Lucida Sans", Verdana, sans-serif; 
}

#main-body span {
  color:white;
  min-width:205px;
  max-width:600px;
  padding-right:115px;
  font-size:75%;
  font-family:"Lucida Sans", Verdana, sans-serif; 
}

.par-header-1 {
  font-size:125%;
  font-weight:bold;
  color:#E08F30;
}

.par-header-2,
.par-header-2 a:link,
.par-header-2 a:active,
.par-header-2 a:visited {
  font-size:100%;
  font-weight:bold;
  color:#E08F30;
}

.par-header-3,
.par-header-3 a:link,
.par-header-3 a:active,
.par-header-3 a:visited {
  font-size:85%;
  font-weight:bold;
  color:#E08F30;
}

a:link.anchor-1 ,
a:active.anchor-1,
a:visited.anchor-1 {
  font-size:100%;
  font-weight:bold;
  color:#F0AF60;
  text-decoration:none;
}

a:hover.anchor-1 {
  border-bottom:dotted 1px #E7E780;
  color:#E7E780;
}

a:link.anchor-2 ,
a:active.anchor-2,
a:visited.anchor-2 {
  font-size:85%;
  font-weight:bold;
  color:#F0AF60;
}

a:hover.anchor-2 {
  color:#E7E780;
}


.listings-1 {
  font-size:85%;
  background-color:#f7e7d7;
  color:#000000;
  border:solid 1px black;
  padding:15px;
}

ul.references-1 {
  list-style:none;
  margin-left:0px;
  padding-left:0px;
}

ul.references-1 li {
  background:url(../images/bullet-2.gif) 0px 3px no-repeat;
  font-size:80%;
  margin-left:4px;
  padding-left:19px;
}

ul.references-1 a:link,
ul.references-1 a:active,
ul.references-1 a:visited {
  font-weight:bold;
  color:#F09F47;
  text-decoration:none;
}

ul.references-1 a:hover {
  border-bottom:dotted 1px #F09F47;
}