/* DESMOTEXAS MAIN STYLES */
.main {
  background-color: #242424;
  color: #ffffff;
  font-family: Arial, Helvetica, Times;
  font-size: 14px;
  text-align: center;
  }
.main .content {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  }
.main a:link {color: #ffffff;}
.main a:visited {color: #c8d8c8;}
.main a:hover {color: #ffc8c8;}
.main a:active {color: #ff0000;}
.main h1 {
  font-size: 32px;
  color: #ffffff;
  line-height: 150%;
  }
.main h2 {
  font-size: 32px;
  color: #ff0000;
  margin-bottom: 0;
  }
.main h3 {
  font-size: 24px;
  color: #ffffff;
  margin-top: 0;
  }
.main h4 {
  font-size: 18px;
  color: #ffff00;
  font-style: italic;
  line-height: 125%;
  margin-bottom: 4px;
  }
.main .accent {
  color: #ffff00;
  font-style: italic;
  font-size: 125%;
  line-height: 175%;
  }
.main .accentcolor {
  color: #ffff00;
  }
.main link.accentcolor {
  color: #ffff00;
  }
.main a:visited.accentcolor {
  color: #ffff00;
  }
.main a:hover.accentcolor {
  color: #ffc8c8;
  }
.main a:active.accentcolor {
  color: #ff0000;
  }  
.main .leftbox {
  width: 400px;
  height: 200px;
  margin:0;
  padding:0;
  float: left;
  text-align: center;
  }
.main .rightbox {
  width: 400px;
  height: 200px;
  margin:0;
  padding:0;
  float: right;
  text-align: center;
  }
.main .updated {
  font-size: 8px;
  font-style: italic;
  color: #c0c0c0;
  }
.clear {clear: both;}

/* DESMOTEXAS FRONT PAGE STYLES */
#index_logo {
  background-image: url(images/desmotxlogo2b.gif);
  background-repeat: no-repeat;
  width: 300px;
  height: 286px;
  float: left;
  }
#index_title {
  text-align: center;
  margin-left: 10px;
  font-size: 16px;
  }
#index_photo {
  width: 400px;
  height: 300px;
  margin: 15px 0 20px 15px;
  float: right;
  }
.index_banner_left {
  text-align: center;
  color: #ffff80;
  font-size: 10px;
  font-style: italic;
  margin-bottom: 8px;
  float: left;
  }
.index_banner_center {
  text-align: center;
  color: #ffff80;
  font-size: 10px;
  font-style: italic;
  margin-bottom: 8px;
  float: none;
  }
.index_banner_right {
  text-align: center;
  color: #ffff80;
  font-size: 10px;
  font-style: italic;
  margin-bottom: 8px;
  float: right;
  }
.index_banner_image {
  border: 1px solid #ffffff;
  margin: 2px 0 2px 0;
  width: 394px;
  height: 50px;
  }
  
/* DESMOTEXAS LINKS PAGE STYLES */
.links_content {
  width: 812px;
  margin: 0 auto;
  text-align: center;
  }
.links_content .middle { }
.links_content .left {
  float: left;
  }
.links_content .right {
  float: right;
  }
.links_content .clear {
  clear: both;
  min-height: 20px;
  }
.links_content .banner_image {
  width: 400px;
  height: 50px;
  margin-bottom: 8px;
  border: 1px solid;
  }
.links_content .banner_fake {
  width: 400px;
  height: 50px;
  margin: 0 auto 6px auto;
  border: 1px solid;
  font-size: 125%;
  text-align: center;
  background-color: #240000;
  }
.links_content .subtitle {
  font-size: 50%;
  text-align: center;
  }
.webring {
  width: 400px;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
  }

/* GLOBALHEADER */
/*#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }*/
#globalheader { width: 800px; height: 38px; margin: 0px auto; position: relative; z-index: 9998; text-align: center;
}
#globalheader #globalnav { margin: 0; padding: 0; width: 100%;}
#globalheader #globalnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 103px; height: 0; padding-top: 38px; overflow: hidden; background-image: url(/desmotexas/images/globalnavbg.png); background-repeat: no-repeat; }
#globalheader #endcap { background-image: url(/desmotexas/images/globalnavbg.png); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-button0 a { background-position: 0 0; }
#globalheader #globalnav li#gn-button1 a { background-position: -103px 0; }
#globalheader #globalnav li#gn-button2 a { background-position: -206px 0; }
#globalheader #globalnav li#gn-button3 a { background-position: -309px 0; }
#globalheader #globalnav li#gn-button4 a { background-position: -412px 0; }
#globalheader #globalnav li#gn-button5 a { background-position: -515px 0; }
#globalheader #globalnav li#gn-button6 a { background-position: -618px 0; }
#globalheader #globalnav li#gn-button7 a { background-position: -721px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-button0 a:hover { background-position: 0 -38px; }
#globalheader #globalnav li#gn-button1 a:hover { background-position: -103px -38px; }
#globalheader #globalnav li#gn-button2 a:hover { background-position: -206px -38px; }
#globalheader #globalnav li#gn-button3 a:hover { background-position: -309px -38px; }
#globalheader #globalnav li#gn-button4 a:hover { background-position: -412px -38px; }
#globalheader #globalnav li#gn-button5 a:hover { background-position: -515px -38px; }
#globalheader #globalnav li#gn-button6 a:hover { background-position: -618px -38px; }
#globalheader #globalnav li#gn-button7 a:hover { background-position: -721px -38px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-button0 a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-button1 a:active { background-position: -103px -76px; }
#globalheader #globalnav li#gn-button2 a:active { background-position: -206px -76px; }
#globalheader #globalnav li#gn-button3 a:active { background-position: -309px -76px; }
#globalheader #globalnav li#gn-button4 a:active { background-position: -412px -76px; }
#globalheader #globalnav li#gn-button5 a:active { background-position: -515px -76px; }
#globalheader #globalnav li#gn-button6 a:active { background-position: -618px -76px; }
#globalheader #globalnav li#gn-button7 a:active { background-position: -721px -76px; }

/* ON STATES */
#globalheader.page0 #globalnav li#gn-button0 a:hover { background-position: 0 0; cursor: default; }
#globalheader.page1 #globalnav li#gn-button1 a { background-position: -103px -114px !important; }
#globalheader.page2 #globalnav li#gn-button2 a { background-position: -206px -114px !important; }
#globalheader.page3 #globalnav li#gn-button3 a { background-position: -309px -114px !important; }
#globalheader.page4 #globalnav li#gn-button4 a { background-position: -412px -114px !important; }
#globalheader.page5 #globalnav li#gn-button5 a { background-position: -515px -114px !important; }
#globalheader.page6 #globalnav li#gn-button6 a { background-position: -618px -114px !important; }
#globalheader.page7 #globalnav li#gn-button7 a { background-position: -721px -114px !important; }

/* END CAP */
#endcap { width: 182px; height: 38px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }
#endcap.active { background-position: 100% -38px; }

/* DESMOTEXAS FOOTER */
#globalfooter {
  background-color: #242424;
  width: 300px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 12px;
  line-height: 125%;
  font-family: Times, Arial, Helvetica;
  }
#globalfooter_left {
  border: 1px solid #c8c8c8;
  text-align: center;
  width: 174px;
  height: 57px;
  float: left;
  }
#globalfooter_right {
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  text-align: center;
  width: 123px;
  height: 57px;
  float: right;
  }
#globalfooter_image {
  width: 77px;
  height: 43px;
  margin-top: 7px;
  }
