/* Heart of Texas Bears web stylesheet for the content area (screen/printer). */

/* Main content area */
div#content {
   position:absolute;
   top: 60px;
   left: 175px;
   bottom: auto;
   right: 0;
   background-color:#FFF;
   border-top:1px solid #BD6317;
   border-left:1px solid #BD6317;
   padding-left: 68px;
   padding-right: 2em;
   padding-top: 0.5em;
   text-align: justify;
}

/* All section headers in the content area should be h2
 * The are outset away from the paragraphs
 */
div#content h2 {
   margin-left: -36px;
   padding-top: 0.25em;
   margin-bottom: 0.25em;
   font-family: Tahoma, Arial, sans-serif;
   clear: both;
}
div#content h2 .bearBriefsTitle {
   font-family: Georgia, "Times New Roman", Times, serif;
}

/* Various paragraph content */
div#content p {
   margin-top: 0.25em;
}

div#content li {
   margin-bottom: 0.5em;
}

div#content blockquote {
   font-family: Tahoma, Arial, sans-serif;
}

/* Any use of the text: Bear Briefs */
.bearBriefsTitle {
   font-style: italic;
   font-weight: bold;
}

/* FAQ question */
.question {
   font-weight: bold;
   font-family: Tahoma, Arial, sans-serif;
}

/* Links in the content */
div#content a,
div#content a:link {
   color: #448CCB;
   background-color: transparent;
}
div#content a:visited {
   color: #4400CB;
   background-color: transparent;
}
div#content a:hover {
   color: #FFF;
   background-color: #448CCB;
   text-decoration: none;
   border-bottom: 1px solid #448CCB;
}
div#content a:active {
   color: #F00;
   background-color: #448CCB;
   text-decoration: none;
   border-bottom: 1px solid #448CCB;
}
/* Image links: This span is used to wrap an image link. */
span.imageLink a {
   visibility: hidden;
}
span.imageLink a img {
   visibility: visible;
   border: 1px solid #FFF;
}
span.imageLink a:hover img {
   border: 1px solid #448CCB;
}
span.imageLink a:active img {
   border: 1px solid #F00;
}

/* This ul style is used for lists that need bear paws as the list marker. */
.bearPawList {
   list-style-image: url(/support/bearPawList.gif);
   list-style-type: square;
}

/* Visible only on the screen, not printed. */
div.screenOnly {
   visibility: visible;
}
div.printOnly {
   display: none;
}

/* This is the style of the footer that is placed at the bottom of every page's content area. */
div#screenFooter {
   visibility: visible;
   padding-top: 2em;
   margin-left: -36px;
   font: small "Arial Narrow", Arial, sans-serif;
   text-align: center;
   clear: both;
}
div#printFooter{
   display: none;
   clear: both;
}

/* Location information on the Links page */
span.location {
   font: small Tahoma, Arial, sans-serif;
   font-variant: small-caps;
}

/* Business names */
.businessName {
   font-family: Tahoma, Arial, sans-serif;
}

/* This is for the Bear Wear Page */
.bearGearItem {
   float: left;
   width: 190px;
   padding: 0 3px;
   text-align: center;
}

/* Used to float an image over to the right side of the content section */
img.floatImage {
   clear: right;
   float: right;
   margin-left: 8px;
   margin-top: 8px;
   border: 2px solid #BD6317;
}

/* Style used to create and float the image blocks (img plus caption) */

div.floatImageAndCaption {
   clear: right;
   float: right;
   margin-left: 8px;
   margin-top: 8px;
   border: 2px solid #BD6317;
}
div.floatImageAndCaption table {
   text-align: center;
   background: #F8E6BE;
   border-collapse: collapse;
   border-spacing: 0;
   empty-cells: show;
   table-layout: auto;
}
div.floatImageAndCaption table td {
   padding: .3em;
}
div.floatImageAndCaption table caption {
   caption-side: bottom;
   text-align: center;
   font: small Helvetica, Tahoma, Arial, sans-serif;
   background: #F8E6BE;
}
div.floatImageAndCaption a img,
div.floatImageAndCaption a:link img,
div.floatImageAndCaption a:visited img,
div.floatImageAndCaption a:hover img,
div.floatImageAndCaption a:active img {
   border: none;
   text-decoration: none;
   background-color: transparent;
}

div#randomPhotoBox {
   text-align: center;
   font: small Helvetica, Arial, sans-serif;
}