/* ========================================================================================== */ 
/* |     AUTHOR..:    Dennis H. Loar                                                        | */ 
/* |     FILE....:    tlp_screen.css                                                        | */ 
/* |     PURPOSE.:    Screen Cascading Style Sheets.                                        | */ 
/* |     WEBSITE.:    TLP Web Site                                                          | */
/* |     VERSION.:    4.0                                                                   | */
/* |     CREATED.:    01 Apr 2010                                                           | */
/* ========================================================================================== */ 

/* ========================================================================================== */ 
/* | Table of Content:                                                                      | */
/* ========================================================================================== */ 
/* | 01. Basic HTML Tag Styles                                                              | */
/* | 02. Wrapper Style                                                                      | */
/* | 03. Banner Division Styles                                                             | */
/* | 04. Nav Division Styles                                                                | */
/* | 05. MainNav Division Styles                                                            | */
/* | 06. News Division Styles                                                               | */
/* | 07. Basic Content Division Styles                                                      | */
/* | 08. Table Content Division Styles                                                      | */
/* | 09. Organization Table page styles                                                     | */
/* | 10. Researchers Record View Styles                                                     | */
/* | 11. Form Section Styles                                                                | */
/* | 12. List Content Division Styles                                                       | */
/* | 13. Link List View Page Styles                                                         | */
/* | 14. Image Content Division Styles                                                      | */
/* | 15. Headstone Photo Page Styles                                                        | */
/* | 16. Titlebar/Note Content Division Styles                                              | */
/* | 17. Page Nav Division Styles                                                           | */
/* | 18. Footer Division Styles                                                             | */
/* | 19. Class Styles                                                                       | */
/* | 20.Error Styles                                                                        | */
/* ========================================================================================== */ 

/* ------------------------------------------------------------------------------------------ */
/* | 01. Basic HTML Tag Styles                                                              | */
/* ------------------------------------------------------------------------------------------ */

  body {
	  background: #BFCFC2 url(css_images/css_limeseeds.jpg) repeat left top;
    margin: 0 auto;
  }
      
  h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    margin: 0px;
    padding: 0px;
  }
  
  a img { 
    border: none;
  }

/* ------------------------------------------------------------------------------------------ */
/* | 02. Wrapper Style                                                                      | */
/* ------------------------------------------------------------------------------------------ */

  #wrapper {
    font-family: Arial, Helvetica, Verdana, Geneva, Lucida, sans-serif;
    font-size: 62.5%;
    width: 760px;
    border: 1px solid #273F31;
    margin: 10px auto 10px auto;
    background-color: #7AB192;
    text-align: left;
  }

/* ------------------------------------------------------------------------------------------ */
/* | 03. Banner Division Styles                                                             | */
/* ------------------------------------------------------------------------------------------ */

  #banner {
    top: 0px;
    left: 0px;
    width: 760px;
    color: #000000;
    background-image: url(css_images/css_banner.jpg);
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #273F31;
    height: 125px;
  }
  
  #logo {
    display: none;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 04. Nav Division Styles                                                                | */
/* ------------------------------------------------------------------------------------------ */

  #nav {
    float: left;
    width: 160px;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  
  #nav h3 {
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 0px;
  }
  
  #nav p {
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
  }
  
  #nav a {
    text-decoration: none;
    color: #996600;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 05. MainNav Division Styles                                                            | */
/* ------------------------------------------------------------------------------------------ */

  #mainNav {
    float: left;
    width: 160px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  
  #mainNav .tealTitleBar {
    color: #282289;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    border: 1px solid #282289;
    background: #A0FFFA url(css_images/css_tealStrip.jpg) repeat left top;
  }
  
  #mainNav .yellowTitleBar {
    color: #282289;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    border: 1px solid #282289;
    background: #FAFEB1 url(css_images/css_yellowStrip.jpg) repeat left top;
  }
  
  #mainNav .greenTitleBar {
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    border: 1px solid #273F31;
    background: #447956 url(css_images/css_greenStrip.jpg) repeat left top;
  }
  
  #mainNav .brownTitleBar {
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    border: 1px solid #996600;
    background: #C3A746 url(css_images/css_brownStrip.jpg) repeat left top;
  }

  #mainNav h3 {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 0px;
  }
  
  #mainNav ul {
    margin: 0px 0px 10px 0px;
  }
  
  #mainNav li {
    list-style: none;
    display: inline;
  }
  
  #mainNav a {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    border-bottom: 1px solid #273F31;
    padding: 3px 15px 3px 15px;
    display: block;
    background: #447956 url(css_images/css_green.jpg) repeat left top;
  }
    
  #mainNav a:hover {
    color: #33332F;
    font-weight: bold;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    background: #84B49A URL(css_images/css_ltGreen.jpg) repeat-x left top;
  }
  
  #home #mainNav a#homeLink,
  #namety #mainNav a#nametyLink,
  #surnamesl #mainNav a#surnameslLink,
  #surnamelt #mainNav a#surnameltLink,
  #namesn #mainNav a#namesnLink,
  #namelv #mainNav a#namelvLink,
  #namerv #mainNav a#namervLink,
  #families #mainNav a#familiesLink,
  #loarsl #mainNav a#loarslLink,
  #ssdisl #mainNav a#ssdislLink,
  #ssdilv #mainNav a#ssdilvLink,
  #ssdirv #mainNav a#ssdirvLink,
  #gaddis #mainNav a#gaddisLink,
  #bbloar #mainNav a#bbloarLink,
  #guns #mainNav a#gunsLink,
  #town #mainNav a#townLink,
  #tribes #mainNav a#tribesLink,
  #silence #mainNav a#silenceLink,
  #hcoa #mainNav a#hcoaLink,
  #register #mainNav a#registerLink,
  #links #mainNav a#linksLink {
	  color: #273F31;
	  font-weight: bold;
	  padding-right: 15px;
	  padding-left: 5px;
    background: #CBC9C9 URL(css_images/css_silverStrip.jpg) repeat-x left top;
  }
  
  #home #mainNav a#homeLink:hover,
  #namety #mainNav a#nametyLink:hover,
  #surnamesl #mainNav a#surnameslLink:hover,
  #surnamelt #mainNav a#surnameltLink:hover,
  #namelv #mainNav a#namelvLink:hover,
  #namerv #mainNav a#namervLink:hover,
  #families #mainNav a#familiesLink:hover,
  #loarls #mainNav a#loarslLink:hover,
  #ssdisl #mainNav a#ssdislLink:hover,
  #ssdilv #mainNav a#ssdilvLink:hover,
  #ssdirv #mainNav a#ssdirvLink:hover,
  #gaddis #mainNav a#gaddisLink:hover,
  #bbloar #mainNav a#bbloarLink:hover,
  #guns #mainNav a#gunsLink:hover,
  #town #mainNav a#ownLink:hover,
  #tribes #mainNav a#tribesLink:hover,
  #silence #mainNav a#silenceLink:hover,
  #hcoa #mainNav a#hcoaLink:hover,
  #register #mainNav a#registerLink:hover,
  #links #mainNav a#linksLink:hover {
    color: #000000;
    background: #84B49A URL(css_images/css_ltGreen.jpg) repeat-x left top;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 06. News Division Styles                                                               | */
/* ------------------------------------------------------------------------------------------ */

  #news {
    float: left;
    width: 160px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  
  #news .brownTitleBar {
    font-size: 1.5em;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #996600;
    color: #FFFFFF;
    background: #C3A746 url(css_images/css_brownStrip.jpg) repeat left top;
  }
  
  #news .story {
    text-decoration: none;
    font-size: 1.1em;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 110%;
    border-bottom: 1px solid #273F31;
    display: block;
    color: #FFFFFF;
    background-color: #447956;
  }
  
  #news span.title {
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    line-height: 120%;
    color: #33332F;
  }
  
  #news a.story:hover {
    background: #84B49A URL(css_images/css_ltGreen.jpg) repeat-x left top;
  }
  
  * html #news a {
    height: 1px;
  }
  

/* ------------------------------------------------------------------------------------------ */
/* | 07. Basic Content Division Styles                                                      | */
/* ------------------------------------------------------------------------------------------ */

  #content {
    width: 579px;
    margin-top: 0px;
    margin-left: 160px;
    padding: 10px 10px 10px 10px;
    color: #000000;
    background-color: #FFFFFF;
    border-left: 1px solid #282289;
  }
  
  #contentFull {
    width: 739px;
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
    color: #000000;
    background-color: #FFFFFF;
    border-left: 1px solid #282289;
  }
  
  #content a {
    color: #0000EE;
    background-color: inherit;
    text-decoration: none;
  }
  
  #content a:hover {
    color: #0000EE;
    background-color: inherit;
    text-decoration: underline;
  }
  
  #content a:visited {
    color: #691A95;
    background-color: inherit;
    text-decoration: underline;
  }
  
  #content a:active {
    color: #691A95;
    background-color: inherit;
    text-decoration: underline;
  }
  
  #content p {
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  #content p.tab {
    font-size: 1.2em;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  
  #content p.indent {
    font-size: 1.2em;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  
  #content p.indentBold {
    font-size: 1.2em;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  #content p.bold {
    font-size: 1.2em;
    font-weight: bold;
  }
  
  #content p.center {
    font-size: 1.2em;
    text-align: center;
  }
  
  #content p.centerBold {
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
  }
  
  #content p.compress {
    font-size: 1.2em;
    margin-top: -10px;
  }
  
  #content p.compressBold {
    font-size: 1.2em;
    margin-top: -10px;
    font-weight: bold;
  }
  
  #content p.compressCenter {
    font-size: 1.2em;
    margin-top: -10px;
    text-align: center;
  }
  
  #content p.compressCenterBold {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: -10px;
    text-align: center;
  }
  
  #content p.compressIndentBold {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: -10px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  #content h1 {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 5px;
  }
      
  #content h2 {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 5px;
  }
      
  #contentFull h2 {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 5px;
  }
      
  #content h3 {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 5px;
  }
      
  #content h4 {
    font-size: 1.3em;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  #content h5 {
    font-size: 1.2em;
    font-weight: normal;
    text-align: left;
    margin-bottom: 5px;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 08. Table Content Division Styles                                                      | */
/* ------------------------------------------------------------------------------------------ */

  #content table { 
    border-collapse: collapse;
    margin: 10px 0px 10px 0px;
    width: 100%;
  }
  
  #content table.noSpace { 
    border-collapse: collapse;
    margin: -15px 0px 10px 0px;
    width: 100%;
  }
  
  #content caption {
    font-size: 1.5em;
    font-weight: bold;
    color: #282289;
    margin-bottom: 10px;
  }
  
  #content table th {
    padding: 5px 5px 5px 5px;
    font-size: 1.2em;
    border-left: 1px solid #282289;
    border-right: 1px solid #282289;
    border-bottom: 1px solid #282289;
  }
  
  #content table td {
    padding: 2px 5px 2px 5px;
    font-size: 1.1em;
    border-left: 1px solid #282289;
    border-right: 1px solid #282289;
    border-bottom: 1px solid #282289;
  }
  
  #content table th.lineStyle, 
  #content table td.lineStyle {
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
  }
  
  #content table th.leftSide,
  #content table td.leftSide {
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
    font-size: 1.2em;
    color: #282289;
  }
    
  #content table th.rightSide,
  #content table td.rightSide {
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;  
    color: #000000;
  }
    
  #content th.green {
    background: #4ECA50 url(css_images/css_greenStrip.jpg) repeat left top;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #273F31;
  }
  
  .buttonStyleGreen {
    font-size: 1.2em;
    width: 120px;
    color: #FFFFFF;
    background: #4ECA50 url(css_images/css_greenStrip.jpg) repeat left top;
  }
  
  #content td.green {
    font-size: 1.2em;
    width: 120px;
    color: #FFFFFF;
    background: #4ECA50 url(css_images/css_greenStrip.jpg) repeat left top;
  }
  
  #content tr.alt td {
    background: url(css_images/css_goldStrip.jpg) repeat left top;
  }

/* ------------------------------------------------------------------------------------------ */
/* | 09. Organization Table page styles                                                     | */
/* ------------------------------------------------------------------------------------------ */

  #organization #content table { 
    margin-left: 0px;
    margin-top: -6px;
    margin-bottom: 10px;
    width: 578px;
  }
  
  #organization #content td, 
  #organization #content th {
    padding: 3px 5px 2px 4px;
    font-size: 1.1em;
    border-left: 0px solid #282289;
    border-right: 0px solid #282289;
    border-bottom: 0px solid #282289;
  }
  
  #organization #content .firstline {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
  }
    
  #organization #content .compress {
    font-size: 1.0em;
    text-align: center;
    padding-bottom: 0px;
    margin-top: -5px;
  }
 
/* ------------------------------------------------------------------------------------------ */
/* | 10. Researchers Record View Styles                                                     | */
/* ------------------------------------------------------------------------------------------ */

  #researchers #content table th,
  #researchers #content table td {
    border: none;
  }

/* ------------------------------------------------------------------------------------------ */
/* | 11. Form Section Styles                                                                | */
/* ------------------------------------------------------------------------------------------ */

  #form {
    font-family: Arial, Helvetica, Verdana, Geneva, Lucida, sans-serif;
    margin-top: 10px;
    width: 579px;
  }
  
  #subForm {
    font-size: 1.0em;
  }
  
  #form .label {
    float: left;
    clear: left;
    width: 120px;
    margin-right: 10px;
    text-align: right;
    font-weight: bold;
  }
  
  #subForm .label {
    float: left;
    clear: left;
    width: 120px;
    margin-right: 10px;
    text-align: right;
    font-weight: bold;
  }
  
  .formContent {
    background: #FAFFBC;
    border: 1px solid #282288;
    margin-top: -10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .formContent input {
    position: relative;
    margin-bottom: .2em;
    font-family: Prestige;
    font-weight: bold;
    line-height: 1.1em;
  }
  
  .formContent input.tab {
    margin-left: 30px;
  }
  
  .formContent select {
    position: relative;
    margin-bottom: .2em;
    line-height: 1.4em;
  }
  
  .formContent textarea {
    width: 400px;
    margin-bottom: .2em;
    line-height: 1.4em;
  }
  
  .buttons {
    text-align:center;
  }
  
  #form.buttonStyleGreen {
    font-size: 1.2em;
    width: 120px;
    color: #FFFFFF;
    background: #4ECA50 url(css_images/css_greenStrip.jpg) repeat left top;
  }
  
  .returnButtonStyleGreen {
    font-size: 0.7em;
    width: 120px;
    color: #FFFFFF;
    background: #4ECA50 url(css_images/css_greenStrip.jpg) repeat left top;
  }
  
  .buttonStyleRed {
    font: 1.1em "Trebuchet MS", Verdana, sans-serif;
    width: 150px;
    color: #FAFEB1;
    background: #F96A86 url(../images/tlp_tools_redStrip.jpg) repeat left top;
  }
  
  .buttonStyleBlue {
    font: 1.1em "Trebuchet MS", Verdana, sans-serif; 
    width: 150px;
    color: #FAFEB1;
    background: #2869E1 url(../images/tlp_tools_blueStrip.jpg) repeat left top;
  }
  
  .buttonStyleLong {
    background: #2869E1 url(css_images/css_blueStrip.jpg) repeat left top;
    font: 1.1em "Trebuchet MS", Verdana, sans-serif;
    color: #FAFEB1;
    width: 325px;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 12. List Content Division Styles                                                       | */
/* ------------------------------------------------------------------------------------------ */

  #content ul {
    padding-top: 0px;
    margin-left: 20px;
    list-style-type: disc;
  }
  
  #content .ulCircle {
    font-size: 1.3em;
    padding-top: 0px;
    margin-left: 30px;
    list-style-type: circle;
  }
  
  #content .levelOne {
    font-size: 1.2em;
    padding-top: 0px;
    margin-left: 20px;
    list-style-type: circle;
  }
  
  #content .levelOneDecimal {
    font-size: 1.2em;
    padding-top: 0px;
    margin-left: 20px;
    list-style-type: decimal;
  }
  
  #content .levelTwo {
    font-size: 1.2em;
    padding-top: 0px;
    margin-left: 35px;
    list-style-type: disc;
  }
  
  #content .levelThree {
    font-size: 1.2em;
    padding-top: 0px;
    margin-left: 55px;
    list-style-type: decimal;
  }
  
  #content .levelFour {
    font-size: 1.1em;
    padding-top: 0px;
    margin-left: 75px;
    list-style-type: lower-alpha;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 13. Link List View Page Styles                                                         | */
/* ------------------------------------------------------------------------------------------ */

  #linkslv #content ul {
    margin: 0px 0px 20px 0px;
  }
  
  #linkslv #content li {
    padding-top: 5px;
  }
  
  #linkslv #content .level {
    margin-left: 25px;
    margin-bottom: 5px;
    list-style-type: square;
    font-size: 1.2em;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 14. Image Content Division Styles                                                      | */
/* ------------------------------------------------------------------------------------------ */

  #content img {
    padding: 5px 0px 5px 0px;
  }
  
  #content img.imageLeft {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 2px;
    position: relative;
  }
  
  #content img.imageRight {
    float: right;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 2px;
    position: relative;
  }
  
  #content img.imageCenter {
    display: block;
    margin-left: auto;
    margin-right: auto }
  }
  
  #content .adImage {
    float: left;
    width: 260px;
    margin-right: 10px;
    margin-bottom: 2px;
    position: relative;
  }
  
  #content .eventsPhoto {
    float: right;
    width: 125px;
    margin-left: 10px;
    margin-bottom: 2px;
    position: relative;
  }
  
  #content .homePhoto { 
      float: right; 
      margin: 4px;
  }
  
  #content .cemeteryPhoto1 {
    float: right;
    width: 300px;
    margin-right: 10px;
    margin-bottom: 2px;
    position: relative;
  }
  
  #content .cemeteryPhoto1 p {
    position: absolute;
    left: 50px;
    bottom: 10px;
    width: 200px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    margin: 0;
  }
  
  #content .cemeteryPhoto2 {
    float: right;
    width: 240px;
    margin-left: 10px;
    margin-bottom: 2px;
    position: relative;
  }
  
  #content .cemeteryImages img {
    width: 480px;
    margin-left: 50px;
    margin-bottom: 10px;
    position: relative;
  }
  
  #content .cemeteryImages li {
    list-style-type: none;
  }
  
  #content .photo img,
  #content .bio_photo img {
    display: block;
  }
  
  #content .large {
    font-family: Courier;
    font-size: 1.4em;
    text-align: center;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 15. Headstone Photo Page Styles                                                        | */
/* ------------------------------------------------------------------------------------------ */

  #headstonePage {
    width: 760px;
    margin: 0px;
  }

  #headstonePage img.imageCenter {
    display: block;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto }
  }
  
  #headstonePage .photo {
    float: right;
    width: 640px;
    padding: 20px 60px 0px 60px;
    position: relative;
  }
  
  #headstonePage p {
    text-align: right;
    margin-top: 0px;
    margin-right: 60px;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 16. Titlebar/Note Content Division Styles                                              | */
/* ------------------------------------------------------------------------------------------ */

  #content .tealTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #282289;
    color: #282289;
    background: #A0FFFA url(css_images/css_tealStrip.jpg) repeat left top;
  }
  
  #content .tealNote img {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    position: relative;
  }
  
  #content .tealNote {
    margin-top: -11px;
    margin-bottom: 10px;
    font-size: 1.0em;
    color: #282289;
    padding: 0px 10px 0px 10px;
    border: 1px solid #282289;
    background: #D2FFFF;
  }
    
  #content .yellowTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #282289;
    color: #282289;
    background: #FAFEB1 url(css_images/css_yellowStrip.jpg) repeat left top;
  }
  
  #content .yellowNote {
    margin-top: -6px;
    margin-bottom: 10px;
    font-size: 1.0em;
    color: #000000;
    padding: 0px 10px 0px 10px;
    border: 1px solid #282289;
    background-color: #FAFEB1;
  }
    
  #content .blueTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #282289;
    color: #FAFEB1;
    background: #A0FFFA url(css_images/css_blueStrip.jpg) repeat left top;
  }
  
  #content .redTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #282289;
    color: #FFFFFF;
    background: #E61B33 url(css_images/css_redStrip.jpg) repeat left top;
  }
  
  #content .brownTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #996600;
    color: #FFFFFF;
    background: #DBA346 url(css_images/css_brownStrip.jpg) repeat left top;
  }

  #contentFull .brownTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #996600;
    color: #FFFFFF;
    background: #DBA346 url(css_images/css_brownStrip.jpg) repeat left top;
  }

  #content .greenTitleBar {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #273F31;
    color: #FFFFFF;
    background: #447956 url(../images/tlp_green_2009.jpg) repeat left top;
  }
  
  #content .photo img {
    float: left;
    margin-right: 10px;
    position: relative;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 17. Page Nav Division Styles                                                           | */
/* ------------------------------------------------------------------------------------------ */

  #pageNav {
    color: #000000;
    width: 579px;
    margin-top: 0px;
    margin-left: 160px;
    padding: 0px 10px 10px 10px;
    background-color: #FFFFFF;
    border-left: 1px solid #282289;
    border-top: 1px solid #282289;
  }
  
  #pageNavFull {
    color: #000000;
    width: 739px;
    margin-top: 0px;
    padding: 0px 10px 10px 10px;
    background-color: #FFFFFF;
    border-left: 1px solid #282289;
    border-top: 1px solid #282289;
  }
  
  #pageNav ul {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 20px 0px;
  }
  
  #pageNavFull ul {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 20px 0px;
  }
  
  #pageNav li {
    margin-left: 0px;
    margin-bottom: 5px;
    float: left;
    list-style-type: none;
    display: inline;
  }
  
  #pageNavFull li {
    margin-left: 0px;
    margin-bottom: 5px;
    float: left;
    list-style-type: none;
    display: inline;
  }
  
  /* Teal colored Top of Page button */
  #pageNav a.teal {
    color: #282289;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    width: 569px;
    display: block;
    border: 1px solid #282289;
    background: #A0FFFA url(css_images/css_tealStrip.jpg) repeat left top;
  }
  
  #pageNav a.teal:hover {
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    width: 569px;
    color: #000000;
    background: #FBFEB7 URL(css_images/css_yellowStrip.jpg) repeat left top;
  }
  
  /* Green colored Top of Page button */
  #pageNav a.green {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    border: 1px solid #273F31;
    padding: 3px 5px 3px 5px;
    width: 569px;
    display: block;
    background: #447956 url(css_images/css_green.jpg) repeat left top;
  }
  
  /* Green colored Top of Page button */
  #pageNavFull a.green {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    border: 1px solid #273F31;
    padding: 3px 5px 3px 5px;
    width: 730px;
    display: block;
    background: #447956 url(css_images/css_green.jpg) repeat left top;
  }
  
  #pageNav a.green:hover {
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    width: 569px;
    color: #4A761D;
    background: #72A584 url(css_images/css_ltGreen.jpg) repeat-x left top;
  }
  
  #pageNavFull a.green:hover {
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    width: 730px;
    color: #4A761D;
    background: #72A584 url(css_images/css_ltGreen.jpg) repeat-x left top;
  }
  
  /* Yellow colored Top of Page button */
  #pageNav a.yellow {
    color: #282289;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    width: 569px;
    display: block;
    border: 1px solid #282289;
    background: #FAFEB1 url(css_images/css_yellowStrip.jpg) repeat left top;
  }
  
  #pageNav a.yellow:hover {
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    width: 569px;
    color: #000000;
    background: #A0FFFA url(css_images/css_tealStrip.jpg) repeat left top;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 18. Footer Division Styles                                                             | */
/* ------------------------------------------------------------------------------------------ */

  #footer {
    clear: both;
    width: 760px;
    color: #33332F;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #273F31;
  }
  
  #footer img {
  }
  
  #footer a {
    color: #0000EE;
    background-color: #7AB192;
    text-decoration: none;
  }

  #footer a:hover {
    color: #0000EE;
    background-color: #D2FFFF;
    text-decoration: underline;
  }
  
  .legal {
    display: none;
  }
  
/* ------------------------------------------------------------------------------------------ */
/* | 19. Class Styles                                                                       | */
/* ------------------------------------------------------------------------------------------ */

  .line {
    border-bottom: 1px solid #000000;
  }
  
  .compresslt{
    text-align: left;
    font-weight: normal;
    padding-bottom: 0px;
    margin-top: -10px;
  }
  
  .blue {
    color: #282289;
    background-color: inherit;
  }
  
  .brown {
    color: #782E2F;
    background-color: inherit;
  }
  
  .green {
    color: #0E630E;
    background-color: inherit;
  }
  
  .orange {
    color: #B64712;
    background-color: inherit;
  }
  
  .red {
    color: #FF001B;
    background-color: inherit;
  }
    
  .yellow {
    color: #282289;
    background-color: inherit;
  }
  
  .blank {
    color: white;
    background-color: inherit;
  }

/* ------------------------------------------------------------------------------------------ */
/* | 20.Error Styles                                                                        | */
/* ------------------------------------------------------------------------------------------ */

  #error {
    font-size: 1.2em;
    color: #FF001B;
  }