/*
Layout code courtesy of www.code-sucks.com -- <3!!
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 8px;
 letter-spacing: 1px; 
 line-height: 14px;
 color:#9F9F9F;
 background:#fff;
}
#wrapper { 
 width: 700px;
}
#header {
 width: 700px;
 color: #333;
 padding: 0px;
 border: 0px solid #000;
 margin: 0px;
 background: #fff;
}
#content { 
 width: 700px;
 color: #333;
 border: 0px solid #000;
 background: #fff;
 margin: 0px;
 padding: 10px;
}
#footer { 
 width: 700px;
 color: #333;
 border: 0px solid #000;
 background: #fff;
 margin: 0px;
 padding: 0px;
 text-align: center;
}


/*
End layout, begin my own shit.  Yay!
*/


h1 {
 font-family: Times New Roman;
 color: #804A3E; 
 margin: 8px;
 letter-spacing: 4px; 
 font-size: 11pt;
 text-transform: uppercase; 
 background: url(h1.jpg) no-repeat left;
}

h2, h3 {
 font-family: "Trebuchet MS";
 font-size: 11px;
 text-align: left;
 margin-bottom: 0px;
 margin-top: 3px;
 color: #A2A0A1;
 font-variant: small-caps;
}

.nav {
 color: #44434A; 
 font-family: "tahoma";
 font-size: 11px;
 margin-bottom: 0px;
 margin-top: 3px;
 font-variant: small-caps;
}

table, tr, td, div {
 font-family: "Trebuchet MS";
 Font-Size:8pt;
 letter-spacing: 1px; 
 line-height: 14px;
 color:#575757;
}

.small, .credit {
 font-family: "Trebuchet MS";
 Font-Size:7pt;
 letter-spacing: 1px; 
 line-height: 8px;
 color:#575757;
}

textarea,input,select,submit {
 background-color: #ffffff;
 color: #575757;
 border-width: 1px;
 border-color: #575757;
 border-style: solid;
 padding: 0px;
 margin: 1px;
} 

a:link, a:visited { 
  color: #804A3E;
  text-decoration: none;
}

a:hover { 
  color: #575757;
  text-decoration: none;
}
a:active { 
  color: #575757;
  text-decoration: none;
}

.img {
  border-width: 1px;
  border-style: solid;
  border-color: #9F9F9F;
  padding: 2px;
  margin: 0px 1px 1px 0px;
}
 
#joinnotes li {
   margin-bottom: 2px;
    list-style-image: url(dot.gif);
}
	
ul
  {
  margin-left: 0;
  padding-left: 2em;

  }
li
  {
  margin: 0;
  padding: 0;
  }
  
hr {
 border: 0;
 width: 100%;
 color: #757575;
 background-color: #575757;
 height: 1px;
 }

#navigation {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#navigation li {
   margin-bottom: 2px;
}
#navigation a {
   background: white;
   color: #7F8188;
   display: block;
   width: 120px;
   border-right: 5px solid #707070;
   padding-right: 10px;
}
#navigation a:hover {
   background: white;
   color: #7F8188;
   text-decoration: none;
   border-right: 5px solid #804A3E;
}


blockquote, code.sample {
margin: 10px auto;
 background: #ffffff;
 border-top: 1px solid #804A3E;
 border-bottom: 1px solid #804A3E;
 border-right: 0px solid #687077;
 border-left: 0px solid #687077;
 color: #757575;
 font-family: "Trebuchet MS";
 Font-Size:10px;
 line-height: 12px;
 font-weight: normal;
 font-style: italic;
 letter-spacing: 2px;
 padding: 2px;
 width: 280px;
  display: block;
  overflow: auto;
   text-align: center;
}
  
hr {
  border: 0;
  width: 100%;
  color: #6D6D6D;
  background-color: #fff;
  height: 1px;
}

.yaybody {
vertical-align: top;
width: 530px;
}

.yaynav {
 text-align: right;
 vertical-align: top;
}