body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
  font-family: verdana,tahoma,helvetica,arial,sans-serif;
  font-size: 10pt;
}

body {
  margin: 0px;
  background-color: #F0F0F0;
}

A:link   { text-decoration : underline;
                     color : #C64100;}
A:visited {text-decoration : underline;
                     color : #C64100;}
A:active { text-decoration : underline;
                     color : #FF7E3F;}
A:hover  { text-decoration : underline;
                     color : #FF7E3F;}

HR { background: #C64100;
}

#body {
  width: 800px;
  position: absolute;
  left: 50%;
  margin-bottom: 20px;
  margin-left: -400px;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-top: none;
}
#body .title {
  width: 650px;
  float:right;
  background-color: #DDDDCC;
  font-size: 20pt;
  border-top: 1px solid #000000;
  padding-left: 10px
}
#body .title A:link   { text-decoration : none;
                     color : #C64100;}
#body .title A:visited {text-decoration : none;
                     color : #C64100;}
#body .title A:active { text-decoration : none;
                     color : #FF7E3F;}
#body .title A:hover  { text-decoration : none;
                     color : #FF7E3F;}
#body .content {
  top: 10px;
  xpadding: 10px;
  padding-top: 40px;
  padding-left: 140px;
  background-image: url('../images/NavBG.png');
  background-repeat: repeat-y;
}
.thumb {
  border: 2px;
  height: 80px;
  width: 80px;
}
.code{
  font-family: Courier;
  border: 1px solid #000000;
  border-top: none;
  border-bottom: none;
  background-color: #DDDDDD;
}
.codeHeader{
  background-image: url('codeheader.gif');
  background-color: #EEEEEE;
  height: 10px;
}
.codeBody{
  font-family: Courier;
  padding-left: 5px;
  padding-right: 5px;
  margin: 5px;
}
.codeFooter{
  background-image: url('codefooter.gif');
  background-color: #EEEEEE;
  height: 10px;
}
.folder {
  background-image: url('/icon/small/folder2.gif');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 17px;
}
#body ul {
  padding-right: 10px;
}
#body h1 {
  border-bottom: solid 1px #000;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  background-color: #EED;

}
#body p {
  padding-left: 15px;
  padding-right: 15px;
}

#title {
  width: 800px;
  top: 0px;
  height: 30px;
  background: #75868E;
  color: #FFFFFF;
  border: none;
  font-family: Impact;
  font-size: 30pt;
  vertical-align: text-top;
}
#title .smaller {
  font-size: 16pt;
  vertical-align: text-top;
}

#masterNav {
  background-color: #75868E;
  margin: 0px;
  padding: 0px;
  height: 17px;
}
#masterNav ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #fff;
  text-align: right;
  border-bottom: 1px solid #000;
}
#masterNav ul li {
  margin: 0px;
  padding: 0px;
  display: inline;
  background: #DDD;
  border: 1px solid #000;
}
#masterNav ul li a {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}
#masterNav ul li a:hover {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background: #FFFFFF;
  border-bottom: 1px solid #FFF;
}
#masterNav ul li.current a {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background: #EEE;
  border-bottom: 1px solid #EEE;
}
#masterNavUnderline {
  background-color: #EEE;
  width: 800px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  height: 5px;
}

#sidePanel {
  width: 140px;
  padding: 0px;
  padding-top: 0px;
  margin-top: 1px;
  float: left;
}
#subNav {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-left: none;
}
.navLink {
  padding-left: 1px;
  padding-bottom: 1px;
}

#subNav ul {
  list-style: none;
  margin: 0px; 
  margin-left: 10px; 
  padding: 0; 
}
#subNav li {
  margin: 0px; 
  list-style-image: url('/images/bullet1.png'); 
}

#links {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-left: none;
  margin-top: 5px;
}
.linkTitle {
  background-color: #DDDDDD;
}
.link {
  padding-left: 1px;
  padding-bottom: 1px;
}
#links ul {
  list-style: none;
  margin: 0;
  padding: 0; 
}
#links li {
  padding-left: 5px; 
}

#buttons {
  background: #009000;
  margin: 0;
  padding: 0; 
}
.button {
  padding-left: 30px;
  height: 15px;
}
#buttons ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
  margin-top: 5px;
  margin-bottom: 5px;
}
#buttons ul li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}
#buttons .button img {
  border: 0px;
  height: 15px;
  width: 80px;
}

#gallery {
 font-family: Arial, Helvetica, sans-serif;
 font-size: .9em;
}
#gallery ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 4px;
 display:block;
}
#gallery li {
 display: inline;
}