@charset "UTF-8";

/* CSS Document */

@import url(http://yui.yahooapis.com/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css);

/* Get rid of these as soon as possible by redoing the breadcrumb and page header markup */

#barBreadcrumb {
  margin-left: -5px;
}

#barSection h2 {
  margin: 0px auto 12px;
}

/* Begin real CSS */

html {
    background-color: #433a3a;
}

body {
        text-align: left;
    margin: 0;
    font-family: Verdana, Tahoma, Arial, sans-serif !important; 
}

h1, h2, h3, h4, h5, h6 {
    margin:0.6em 0 0.8em;
    padding: 0;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
}

p {
      margin-bottom: 6px;
}

ul li {
    list-style-image: url(http://www.tamhsc.edu/globals/style-3.0/images/bullets/li.png);
    list-style-position: outside;
    margin-left: 8px;
}

#tinymce ul li {
    list-style-image: url(http://www.tamhsc.edu/globals/style-3.0/images/bullets/li.png);
    list-style-position: outside;
    margin-left: 32px;
}

ol li {
    list-style-type: decimal;
}

#tinymce ol li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 32px;
}

hr {
    border: 0;
    color: #C4C4C2;
    background-color: #C4C4C2;
    height: 1px;
}

#outerContainer {
    width: 970px;
    margin: 0 auto;
    background-image:url(../images/shadow.png);
    background-repeat:repeat-y;
}

#container {
    width: 950px;
    background-color: #F3F2EE;
    margin: 0px 10px;
    background-image:url(../images/left-bg.jpg);
    background-position:left;
    background-repeat:repeat-y;
}

#alert {
    width: 950px;
    height: 50px;
    border-bottom: 1px solid #332c2c;
}

#alert.none {
    display: none;
}

#topLinks {
    height: 20px;
    padding: 0 8px 0 0;
    background-color: #534e47;
    background-image:url(../images/toplinks-bg.jpg);
    background-repeat:no-repeat;
    color: #f2af00;
    line-height: 20px;
    font-size:10px;
    text-align: right;
    border-top: 1px solid #534e47;
    border-bottom: 1px solid #330000;
}

#topLinks a {
    color: #f2af00;
    text-decoration: none;
}

#topLinks a:hover {
    text-decoration: underline;
}

#topLinks ul {
    margin: 0px;
}

#topLinks li {
    margin-left: 4px;
    padding-right: 4px;
    display: inline;
    background-image:url(../images/toplinks-line.jpg);
    background-repeat:no-repeat;
    background-position:right;
    list-style: none outside none;
    list-style-image: none;
    list-style-position: none;
}

#topLinks li.last {
    background: none;
}

#masthead {
    height: 80px;
    background-color: #500000;
}

#leftLogo {
    margin-top: 11px;
    float: left;
}

#rightLogo {
    float: right;
}

#navigation {
    height: 28px;
    line-height: 28px;
    background-color: #2a2424;
    background-image:url(../images/nav-bg.jpg);
    background-repeat: repeat-x;
    border-top: 1px solid #161616;
    border-bottom: 1px solid #161616;
    color:#FFFFFF;
    font-size: 14px;
    position:relative;
}

#navigation li {
    margin-left: 12px;
    padding-right: 12px;
    display: inline;
    background-image:url(../images/nav-line.jpg);
    background-repeat:no-repeat;
    background-position:right;  
    list-style: none outside none;
    list-style-image: none;
    list-style-position: none;
}

#navigation li.last {
    background-image: none;
}

#navigation a {
    color: #FFFFFF;
    text-decoration: none;
}

#navigation a:hover {
    text-decoration: underline;
}

#searchBox {
    float: right;
    height: 22px;
}

.searchField {
    width: 122px;
    height: 14px;
    padding: 3px;
    position: relative;
    top: -9px;
    color: #161616;
    background-image:url(../images/search-field.jpg);
    background-repeat:no-repeat;
    border: 0px;
}
.searchField:focus {
    background-image: url(../images/search-field-hover.jpg);
}
.searchButton {
    margin: 3px 5px 5px 0;
}

#sideMenu {
    width: 200px;
    font-size: 12px;
    color: #ffffff;
}

#sideMenu a {
    display: block;
    color: #ffffff;
    margin: 8px 3px;
    text-decoration: none;
}

#sideMenu ul, #sideMenu div.accordion {
    padding: 12px 0px 6px;
}

#sideMenu a:hover {
    text-decoration: underline;
}

#sideMenu .ui-accordion-header, #sideMenu a.parent {
    background-color: #300000;
    font-family: Garamond,Georgia,"Times New Roman",Times,serif;
    margin: 0px 0 8px;
    padding: 2px;
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
}

#sideMenu .ui-accordion-header:hover, #sideMenu a.parent:hover {
    color: #F2AF00;
    text-decoration: none;
}

#sideMenu a.currentMarker {
    color: #f2af00;
    background-image: url(../images/arrows/curr-pg.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-left: -1px;
}

#sideMenu ul li {
    list-style:none outside none;
    margin-left: 0px;
}

#buttons {
    width: 190px;
    padding: 0px 5px;
    position: absolute;
    bottom: 0px;
}

#buttons a {
    margin-bottom: 5px;
    display: block;
}

#body {
    position: relative;
}

#content {
    color:#332C2C;
    width: 718px;
    float: right;
    font-size:12px;
    line-height:18px;
    padding: 16px;
    min-height: 400px;
}

#footer, #subFooter {
    font-size: 10px;
    color: #FFFFFF;        
    clear: both;
}

#footer a, #subFooter a {
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover, #subFooter a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#footer {
    height: 65px;
    background-color: #500000;
    border-top: 1px solid #625524;
    color: #FFFFFF;
    font-size:10px;
    line-height: 14px;
}

#footer img {
    margin: 5px 12px;
    float: right;
    border: none;
}

#footer p {
    margin: 5px 0 0 5px;
    padding: 0;
}

#footer a {
    font-size:12px;
}

#footer a.foot-small {
    font-size:10px;
}

#subFooter {
    height: 40px;
    padding: 10px 0 0 0;
    background-color: #433a3a;
    background-image:url(../images/bot-shadow.png);
    background-repeat:no-repeat;
    background-position:top center;
    text-align:center;
    margin: auto -10px;
}   

a {
    color: #500000;
}

.two-col-left, .two-col-right {
    width: 346px;
    float: left;
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
    display:block;
    text-align: justify;
}

.two-col-left {
    margin-right: 24px;
}

.subdued {
    color: #666666;
    font-size:10px;
}

.error {
    color: #8e1212;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
}

.success {
    color: #00583d;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
}

.highlight {
    color: #084252;
}

.smallText {    
    font-size:10px;
}

.featureBox {
    border-top: 1px solid #b0b0a8;
    border-bottom: 1px solid #b0b0a8;
    padding: 12px;
    background-color: #edebe3;
    color: #330000;
    clear: both;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    margin-bottom: 6px;
}

#content img, content img {
    max-width: 710px;
    overflow: hidden;
}
.pictureBorder {
    border: 1px solid #9a9a9a;
    padding: 2px;
}
.pictureLeft, .leftpic {
    background-color: #FFFFFF;
    float: left;
    margin: 6px 12px 6px 0;
    border: 1px solid #9a9a9a;
    padding: 2px;
}

.pictureRight, .rightpic {
    background-color:#FFFFFF;
    float: right;
    margin: 6px 0 6px 12px;
    border: 1px solid #9a9a9a;
    padding: 2px;
}

.figureLeft, .figureRight {
    border: 1px solid #9a9a9a;
    padding: 2px;
    background-color:#FFFFFF;
    color: #534e47;
    font-size: 10px;
    font-style: italic;
}

.figureLeft {
    margin: 6px 12px 6px 0;
    float: left;
    text-align:left;
}

.figureRight {
    margin: 6px 0 6px 12px;
    float: right;
    text-align:right;
}
    
.figureLeft img, .figureRight img {
    border: 0px;
    padding: 0px;
    width: auto;
    height: auto;
}

.figureLeft p, .figureRight p {
    margin-bottom: 0px;
}

#content li, content li, #tinymce .mceContentBody li {
    list-style-position: outside;
    margin-left: 8px;
}

#content ul li, content ul li, #tinymce .mceContentBody ul li {
    list-style-image: url(../images/bullets/li.png);
    
}

#content ol li, content ol li, #tinymce .mceContentBody ol li {
    list-style-type: decimal;
}

p.feature {
    font-weight: bold;
}

ul.narrow, ol.narrow {
    width: 296px;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 24px;
    list-style-position: outside;
    clear:both;
}

ul.wide, ol.wide {
    width: 700px;
    clear:both;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 24px;
    list-style-position: outside;
    clear:both;
}

h2 {
    color: #0b596e;
    font-size: 24px;
}

h3 {
    color: #293e6b;
    font-size: 20px;
}

h4 {
    color: #00583d;
    font-size: 16px;
}

h5 {
    color: #51324e;
    font-size: 14px;
}

h6 {
    color: #500000;
    font-size: 12px;
}

/*end content specific tags */

#barBreadcrumb {
    background-color: #f3f2ee;
    font-size:10px;
    color: #534e47;
    line-height: 18px;
}

#barBreadcrumb a {
    color: #534e47;
    text-decoration:none;
    padding: 0 3px 0 5px;
}

#barBreadcrumb a:hover {
    text-decoration: underline;
}

.quote {
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    color: #660000;
    font-style:italic;
    padding: 0 12px;
    display:block;
    line-height: 22px;
    text-align:center;
}

.right-spot, .left-spot {
    width: 228px;
    background-color:#FFFFFF;
    padding: 6px;
    border: 1px solid #c4c4c2;
    font-size: 10px;
}   

.right-spot {
    float: right;
    margin: 6px 0 6px 12px;
}

.left-spot {
    float: left;
    margin: 6px 12px 6px 0;
}

.right-spot p a.link, .left-spot p a.link {
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
}

.skipped {
    display:none !important; 
}
.skipped a:focus, .skipped a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } 

/*yui-specific fixes */

#custom-doc {
    margin:auto;
    text-align:left;
    width:950px;
    min-width:950px;
}
.yui-t1 #yui-main .yui-b {
    margin-left: 210px;
}
/* all pages are now 950px */
#doc, #doc2, #doc3, #doc4 {
    width:950px;
}
.yui-t1 .yui-b {
    float:left;
    width: 200px;
}
.yui-t7 #bd {
    background-image:none;
    background-color: #f3f2ee;
}
/*end yui-specific fixes */
/* lists*/

#content ul, #content ol {
    margin-top: 6px;
    margin-bottom: 6px;
    padding:0 0 0 24px;
}

#content ol li {
    list-style-type: decimal;
}

#bd {
    background-color:#f3f2ee;
    background-image: url(../images/left-bg.jpg);
    background-position: left center;
    background-repeat: repeat-y;
}

/* import classes from previous stylesheets */

.hiddenMenu {
    display:none;
}

.headerImage {
    margin-bottom: 1em;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

body.mceContentBody {
    font-size:0.7em;
    text-align:left;
}

table {
    border-collapse:collapse;
    font-size:100%;
    margin-bottom: 0px; 
}

td,th {
    text-align:left;
    vertical-align:top;
    padding:0.5em;
    border:0px solid #CCCCCC;
}

tr.alternate-row {
       background-color: #f9f8f6;
}

th {
    font-weight:bold;
    color: #FFFFFF;
    background-color: #332C2C;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    border-bottom: 1px solid #161616;
}

caption {
    font-weight:bold;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    padding:0.5em 0.5em;
    background-color:#E5E5E5;
}

table.border {
    max-width: 718px;
    padding: 0;
    margin: 0;
}

table.widealt {
    max-width: 926px;
    width: 926px;
    padding: 0;
    margin: 0;
    border-left: 1px solid #C4C4C2;
}

table.border caption {
    padding: 0 0 5px 0;
    min-width: 700px;  
    max-width: 900px;  
    font: italic 11px Garamond, Georgia, "Times New Roman", Times, serif;
    text-align: right;
    color: #534e47;
    background: none;
    border-top: 0px solid #C4C4C2;
    border-right: 0px solid #C4C4C2;
    border-left: 0px solid #C4C4C2;
}

table.border th {
    font: bold 11px Garamond, Georgia, "Times New Roman", Times, serif;
    color: #330000;
    border-right: 1px solid #C4C4C2;
    border-bottom: 1px solid #C4C4C2;
    border-top: 1px solid #C4C4C2;
    letter-spacing: 2px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #e0dbca url(../images/tables/bg_header.jpg) no-repeat;
}

table.border th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C4C4C2;
    background: none;
    color: #625524;
}

table.border td {
    border-right: 1px solid #C4C4C2;
    border-bottom: 1px solid #C4C4C2;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #332c2c;
}

table.border td a{
    color: #500000;
}

table.border td.alt {
    background: #edebe3;
    color: #332c2c;
}

table.border td.alt a {
    color: #330000;
}

table.border th.spec {
    border-left: 1px solid #C4C4C2;
    border-top: 0;
    background: #fff url(../images/tables/bullet1.gif) no-repeat;
    font: bold 11px Garamond, Georgia, "Times New Roman", Times, serif;
    color: #330000;
}

table.border th.specalt {
    border-left: 1px solid #C4C4C2;
    border-top: 0;
    background: #edebe3 url(../images/tables/bullet2.gif) no-repeat;
    font: bold 11px Garamond, Georgia, "Times New Roman", Times, serif;;
    color: #30250a;
}

.linkOutMain a{
    background-image:url(../images/link-out-content.gif);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:15px;
}

.linkOutSide a {
      display:block;
      background-image:url(../images/link-out-content.gif);
      background-position:center right;
      background-repeat:no-repeat;
      padding-right:15px;
}

.wikipedia{
     padding-left:18px;
     background:url(../../style-2.1/images/wikipedia.gif)left bottom no-repeat;
}

em {
     font-style:italic;
}

strong {
     font-weight:bold;
}

dt {
     font-weight:bold;
}

dd {
     padding-left:1em;
}

span.date {
     display:block;color:#aaaaaa;
}

dd.date {
     color:#090066
}

/* end import classes from previous stylesheets*/


/* Override LI image (found in #content li) */
#tabs .ui-tabs-nav li {
    list-style-image: none;
}

/* begin social box styles */

.share {
    float: right !important;
    width: 250px;
    text-align: right;
}

#share {
    margin: 16px 0 0 0;
}

#signIn {
    line-height: 20px;
    height: 20px;
    display: block;
    overflow: hidden;
}

.language {
    font-size: 10px;
}

.language img {
    border: none;
    position: relative;
    top: 4px;
    margin: 0 -4px 0 2px;
}

.language a {
    color: #500000;
    text-decoration:none;
    border: 0px solid #fff;
}

.language a:hover {
    text-decoration: underline;
}

/* end social box styles */

/* jQuery Tab CSS overrides */

/* Override LI image (found in #content li) */
#tabs .ui-tabs-nav li {
   list-style-image: none;
}

/* Questions */
/* Do header items need to be in ordered lists with skip ability for accessibility*/
