/*
 -------------------------------------------------------------------------------------------

 TAMHSC CSS

 responsive layout, design and typography for TAMHSC websites

 CSS by:
 Darrell Wiggins
 Elisabeth Button
 Matt Chea
 Jeremy Tarpley

 Design by:
 Darrell Wiggins

 Requires foundation.css from Zurb http://foundation.zurb.com/
 
 Pages with rotating banner images require sequencejs-theme.modern-slide-in.css 
 from  http://www.sequencejs.com/
 
 -------------------------------------------------------------------------------------------
 How the CSS is structured
  1. CSS for all resolutions
  2. min-width 768 desktop and tablet
  3. min-width 1100 desktop only
  4. max-width 1099 mobile and tablet
  5. min-width & max-width - tablet only
  6. max device width 767px - mobile only
  7. max-width : 480px - small mobile -  
     (mostly just adjustments made for sequence homepage banner img)
 
 
 General principles for consistency
  1. css should be organized in order that html loads on the page 
     ex: body before nav before footer
  2. use camelCase for longer names
  3. use meaningful, semantic class and ID selectors
  4. add comments for confusing items and hacks
  5. use !important sparingly, remember css cascades, use inheritance instead
  6. use the w3c validator 
     (to find real errors, validator will flag vendor extensions, they are safe)
 -------------------------------------------------------------------------------------------
*/

.imageLeft {
    float: left; 
    padding: 10px 20px 20px 0;
}
.imageRight {
    float: right;
    padding: 10px 0 20px 20px;
}

/* hide any remaining instances of temporary beta bar*/
.betaBar,
.betaBar a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: none;
}
/* hide text */
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 1099px) {
	.primary-nav {
		margin-top: 0;
	}
}
img, a img, a:hover img {
    outline : none;
    border : 0;
}

/* styles applying to all devices at all resolutions */
body {
    margin: 0px;
    background-color: #e9e0d3;
    color: #332c2c;
}
body.bcd {
    background-color: #E8E5DF;
}
body.com {
    background-color: #E1DED9;
}
body.con {
    background-color: #d3ccbd;
}
body.cop {
    background-color: #E1DED9;
}
body.sgs {
    background-color: #d3ccbd;
}
body.srph {
    background-color: #E1DED9;
}
body.cbhec {
    background-color: #F8F5F1;
}
body.ibt {
    background-color: #F5EEE0;
}
body.oit {
    background-color: #E3E3E3;
}
a {
    color: #248cab;
}
a:hover, a:focus {
    color: #2ea1c3;
    text-decoration: underline;
}
.content p {
    line-height: 1.2em;
    margin-bottom: 10px;
}
.content p a {
    text-decoration: underline;
}
.content li a {
    text-decoration: underline;
}
.content ul, .content ol {
    list-style-position: outside;
    margin-left: 1em;
    font-size: 1em;
}
ul.tabs-content {
    margin-left: 0;
}
ul.white {
    margin-left: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #104554;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 7px;
    margin-top: 14px;
}

.topBar h1,
.topBar h1 a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    color: #550000;
}
.topBar a {
    color: #fff;
}
.bcd .topBar {
    background-image: url(../images/logos/tamu-top-bar-logo.png);
    background-size: auto 25px;
    background-position: 11px 7px;
    background-repeat: no-repeat;
}
.bcd .topBar h1 a {
    display: block;
    height: 40px;
    width: 400px;
}

.oit .topBar {
    background-image: url(//webassets.tamhsc.edu/global-assets/images/logos/tamu-top-bar-logo.png);
    background-size: auto 25px;
    background-position: 11px 7px;
    background-repeat: no-repeat;
}

.oit .topBar h1 a {
    display: block;
    height: 40px;
    width: 400px;
}


#container .row .row {
    margin: 0 0 0 0;
}
#contentAuthor {
    display: none;
}
#contentAuthor #editDate {
    display: none;
}
#homepage #contentAuthor {
    display: none;
}
.bcd header a {
    color: #332C2C;
}
#container {
    margin: 0 auto;
    background-color: #f8f5f1;
}
.bcd header {
    background-color: #E7DDCB; /*tan*/
    color: #332C2C;
    padding: 0px 10px 0 0px;
}
.bcd header, .bcd header a {
    color: #332C2C;
    text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.ciadm header {
    background-color: #104554;
}
.com header {
    background-color: #A79B82;
}
.com header, .com header a {
    color: #ffffff !important;
}
.con header {
    background-color: #5F574F;
}
.con header, .con header a {
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #332c2c;
    filter: dropshadow(color=#332c2c, offx=1, offy=1);
}
header .component {
    margin: 10px 0 10px 7px;
}
.cop header {
    background-color: #565252;
}
.cop header, .cop header a {
    color: #ffffff !important;
}
header .longname {
    clear: both;
    font-size: 14px;
    font-weight: normal;
    height: 16px !important;
    line-height: 14px;
}
.cop header .component, .oit header .component {
    font-size: 28px !important;
}
.sgs header {
    background-color: #7F7972;
}
.sgs header, .sgs header a {
    color: #ffffff;
    text-shadow: 1px 1px 1px #332c2c;
    filter: dropshadow(color=#332c2c, offx=1, offy=1);
}
.srph header {
    background-color: #e7ddcb;
}
.srph header, .srph header a {
    color: #332c2c;
    text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.cbhec header {
    background-color: #708F98;
}
.cbhec header, .cbhec header a {
    text-shadow: 1px 1px 1px #332c2c;
    filter: dropshadow(color=#332c2c, offx=1, offy=1);
}
.ibt header {
    background-color: #B5B6AF;
}
.ibt header, .ibt header a {
    color: #332c2c !important;
    text-shadow: 1px 1px 1px #DBDCD9;
    filter: dropshadow(color=#DBDCD9, offx=1, offy=1);
}
.rchi header {
    background-color: #4D4641;
}
.rchi header, .rchi header a {
    text-shadow: 1px 1px 1px #332c2c;
    filter: dropshadow(color=#332c2c, offx=1, offy=1);
}

.oit header {
    background-color: #CBCA99;
}
.oit header, .oit header a {
    background-image:url(../images/bg/oit-header.jpg);
    text-shadow: 1px 1px 1px #E5E4CC;
    filter: dropshadow(color=#E5E4CC, offx=1, offy=1);
    color: #332C2C !important;
}
#headerTAMU {
    display: block;
}

footer a, footer a:hover, footer a:active, footer a:visited, footer a:link {
    color: #ffffff;
}
#comFooterAddress {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    margin-top: 20px;
}

.hide, .hidden {
    position: absolute !important; 
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
    clip: rect(1px, 1px, 1px, 1px);
}

.accessibleSkip, a.accessibleSkip, a.accessibleSkip:hover, a.accessibleSkip:visited  {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
.accessibleSkip:active, .accessibleSkip:focus {
    position:static;
    width:auto;
    height:auto;
}

/* reset webkit search form.websearch input browser style */
form.websearch input {
    outline: none;
}
form.websearch input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}
form.websearch input::-webkit-search-decoration, form.websearch input::-webkit-search-cancel-button {
    display: none; /* remove the search and cancel icon */
}
/* reset webkit search form.websearch input browser style */
form.websearch input {
    outline: none;
}
form.websearch input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 12px;
}
form.websearch input::-webkit-search-decoration, form.websearch input::-webkit-search-cancel-button {
    display: none; /* remove the search and cancel icon */
}

/* search form.websearch input field */
form.websearch input[type=search] {
    background: #ededed url(../images/icons/search.png) no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 2px 10px 0 32px;
    text-transform: uppercase;
    color: #333;
    margin: 6px 0 6px 0;
    float: right;
    width: 142px;
    height: 22px;
    line-height: 22px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
form.websearch input[type=search]:focus {
    width: 142px;
    background: #fff url(../images/icons/search.png) no-repeat 9px center;
}

/* placeholder */
form.websearch input:-moz-placeholder {
 color: #999;
}
form.websearch input::-webkit-form.websearch input-placeholder {
 color: #999;
}

/* support search */
form.supportsearch {
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dddddd;
    box-shadow: inset 0px 1px 0px 0px #dddddd;
    height: 50px;
    margin: 0 -12px 17px -5px !important;
}
form.supportsearch input {
    border: none;
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #d7d6d6;
    border-radius: 0 0 0 0;
    color: #9f9a95;
    display: block;
    height: 49px;
    font-size: 24px;
    margin: 0;
    padding: 0 0 0 10px;
    transition: none;
    width: 80%;
    float: left;
}
form.supportsearch input.gobutton {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
    color: #fff;
    background-color: #500000;
    display: block;
    font-size: 24px;
    height: 50px;
    margin: 0;
    padding: 0;
    transition: none;
    width: 20%;
    float: right;
}
.newsitemCentral, .newsitem, .newsitem4 {
    font-size: 16px;
}
.spot ul li {
    list-style-type: none;
}
/* homepage styles */
.news ul, .news ol {
    list-style-position: outside;
    margin-left: 1em;
}
.news a, .news6 a, .events6 a, .news8 a, .events8 a { 
   text-decoration: none;
 }
.news a:hover, .news6 a:hover, .events6 a:hover, .news8 a:hover, .events8 a:hover {
    text-decoration: underline;
}
.news img, .news6 img {
    width: 80px;
    height: 80px;
    display: block;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    border: 2px solid #fff;
    background-color: #DEDBD8;
    -webkit-box-shadow: 1px 1px 1px 0px #CCC9C6;
    box-shadow: 1px 1px 1px 0px #CCC9C6;
}
.news h3, .four h3, .news6 h3, .events6 h3, .news8 h3, .events8 h3 {
    font-size: 18px;
    color: #104554;
    text-transform: uppercase;
}
.news h3 a {
    float: right;
    background-position: right;
    padding-right: 20px;
    font-size: 18px;
    color: #332c2c;
    text-transform: uppercase;
}
.bcd .news h3 a {
    font-weight: bold;
    float: none;
    background: transparent none;
    padding: 0;
    color: #550000;
}
#sequence {
    position: relative;
}
#sequence li * {
   position: static;
}
#sequence img, #sequence h2, #sequence h3 {
    position: absolute;
}
#sequence a {
    color: #fff;
}
.bcd #sequence h2 {
    background-color: #406A76;
}
.ciadm #sequence h2 {
    background-color: #104554;
}
.com #sequence h2 {
    background-color: #7F7972;
}
.con #sequence h2 {
    background-color: #B2AF66;
    color: #332c2c;
}
.cop #sequence h2 {
    background-color: #1D3362;
}
.sgs #sequence h2 {
    background-color: #4F552A;
}
.cbhec #sequence h2 {
    background-color: #406A76;
}
.ibt #sequence h2 {
    background-color: #717071;
}
.rchi #sequence h2 {
    background-color: #406A76
}
.alert {
    min-height: 60px;
    margin-bottom: 2px;
    background-color: #F4AF00;
    padding: 10px 20px 8px 20px;
    color: #332c2c;
}

#datePosted {
    font-size: 1.2em;
    margin-bottom: .8em;
}

#ampm {
    text-transform: lowercase;
}

.alertlogo {
    background-image: url(../images/logos/hsc-alert.png);
    background-repeat: no-repeat;
    background-position: center left;
    height: 60px;
    margin-top: 15px;
}
.alert p {
    line-height: 1em;
    margin-bottom: 3px;
}

/* interior pages*/
.content {
    min-height: 450px;
    padding: 25px;
    font-size: 18px !important;
    position: relative;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #104554;
    padding: 0;
}
.content h1.pageTitle {
    margin-top: 0;
    max-width: 66%;
}
.content h1, .content h2 {
    font-weight: normal;
}
.content ul {
    font-size: 18px;
}
.bold {
    font-size: 110%;
    font-weight: bolder;
}
.breadcrumbs {
    margin: 0 0 20px 0;
    font-size: 12px;
}
.breadcrumbs span {
    padding: 0 4px;
}
.sidebar {
    background-color: #E8E5DF;
    -webkit-box-shadow: 0px 0px 3px 0px #a4a1a1;
    box-shadow: 0px 0px 3px 0px #a4a1a1;
    margin: 0 -25px 25px 25px;
}
.sidebar .hscLinks a {
    color: #332c2c;
}

.sidebar ul {
    margin: 10px 10px 10px 20px;
    list-style-type: none;
}
#pageLevelNavigation ul {
    list-style-type: none;
    margin: 10px 0;
    font-size: 14px;
}

#pageLevelNavigation li a {
    display: block;
    line-height: 1.1em;
    padding: 9px 10px 9px 37px
}

#pageLevelNavigation li a:hover {
    text-decoration: underline;
}

#pageLevelNavigation li a.parent {
    font-size: 1.4em;
    padding: 5px 10px 5px 28px;
}

#pageLevelNavigation li a.currentPage {
    font-style: italic;
    color: #332C2C;
}

#pageLevelNavigation li a.currentPage:before {
    content: "\203A";
    font-style: normal;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1em;
    padding-right: 5px;
}

#pageLevelNavigation li a.currentPage:hover {
    text-decoration: none;
    color: #248CAB;
}


/* social bar */
.social {
    width: 36px;
    min-height: 36px;
    max-height: 369px;
    background-color: #444444;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    -webkit-box-shadow: 0px 0px 2px 0px #000000;
    -moz-box-shadow: 0px 0px 2px 0px #000000;
    box-shadow: 0px 0px 2px 0px #000000;
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 30;
}
.social a {
    width: 36px;
    height: 36px;
    display: block;
    border-bottom: 1px solid #fff;
    background-position: center center;
    background-repeat: no-repeat;
}
.social a span {
    display: none;
}
.social a.last {
    border-bottom: 0px solid #fff;
}
.social a.last:hover {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 0px 0px 0px 3px;
    border-radius: 0px 0px 0px 3px;
}
.social a.facebook {
    background-image: url(../images/social/facebook.png);
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 3px 0px 0px 0px;
    border-radius: 3px 0px 0px 0px;
}
.social a.facebook:hover {
    background-color: #3B5998;
}
.social a.twitter {
    background-image: url(../images/social/twitter.png);
}
.social a.twitter:hover {
    background-color: #00BBF5;
}
.social a.rss {
    background-image: url(../images/social/rss.png);
}
.social a.rss:hover {
    background-color: #ea8211;
}
.social a.youtube {
    background-image: url(../images/social/youtube.png);
}
.social a.youtube:hover {
    background-color: #B32C27;
}
.social a.pinterest {
    background-image: url(../images/social/pinterest.png);
}
.social a.pinterest:hover {
    background-color: #DA4247;
}
.social a.nursing {
    background-image: url(../images/social/nursing.png);
}
.social a.nursing:hover {
    background-color: #0973ba;
}
.social a.vimeo {
    background-image: url(../images/social/vimeo.png);
}
.social a.vimeo:hover {
    background-color: #8DB958;
}
.social a.foursquare {
    background-image: url(../images/social/foursquare.png);
}
.social a.foursquare:hover {
    background-color: #1EA0D4;
}
.social a.flickr {
    background-image: url(../images/social/flickr.png);
}
.social a.flickr:hover {
    background-color: #FF0084;
}
.social a.googleplus {
    background-image: url(../images/social/googleplus.png);
}
.social a.googleplus:hover {
    background-color: #D3482B;
}
.social a.instagram {
    background-image: url(../images/social/instagram.png);
}
.social a.instagram:hover {
    background-color: #8c411d;
}
.social a.linkedin {
    background-image: url(../images/social/linkedin.png);
}
.social a.linkedin:hover {
    background-color: #007bb6;
}

.content ul.accordion {
    margin-left: 0;
}

.content ul.accordion li.columns {
	float: none;
}

.content ul.accordion .accordion-content {
	min-height: 50px;
}

.content ul.accordion h6 {
	font-size: 1.4em;
	margin-top: 1em;
}

.accordion-row, .accordion-row .columns, .accordion-row .column {
	margin: 0;
	padding: 0;
}

.content ul.accordion > li.active {
	border-top: 3px solid #406a76;
}

ul.accordion > li .accordion-title {
	background: #F0EDE9;
}
.accordion-content ul {
     list-style-type: disc;
     list-style-position: inside;
     margin-bottom: 10px;
}
th, .data-heading {
        color: #104554;
        background-color: #cfdadd;
        padding: 15px 5px;
        font-weight: normal;
}

.info-block-header,
.info-block h2:first-child,
.info-block h3:first-child,
.info-block h4:first-child,
.info-block h5:first-child,
.info-block h6:first-child {
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 10px;
    display: block;
    background-color: #104554;
    color: #fff;
    margin: 0;
}

.info-block a:hover {
    text-decoration: underline;
}

.info-block-header a,
.info-block h2:first-child a,
.info-block h3:first-child a,
.info-block h4:first-child a,
.info-block h5:first-child a,
.info-block h6:first-child a {
    color: #fff;
    background-image: url(//webassets.tamhsc.edu/global-assets/images/arrows/circle-white-16.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 100%;
    display: block;
}

.info-block .info-block-content {
    -webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px; 
	background-color: #fff;
	padding: 10px 10px 10px 30px;
	display: block;
    min-height: 190px;
    margin: 0 0 25px 0;
}


/* button colors */
.maroon{background-color:#500000;}
.b1{background-color:#332c2c;}
.b2{background-color:#565252;}
.b3{background-color:#848282;}
.b4{background-color:#B0AFAF;}
.b5{background-color:#D9D9D9;}
.c1{background-color:#5F574F;}
.c2{background-color:#7F7972;}
.c3{background-color:#9F9A95;}
.c4{background-color:#BFBCB9;}
.c5{background-color:#DFDDDC;}
.d1, .gray {background-color:#717071;}
.d2{background-color:#807F80;}
.d3{background-color:#9D9C9D;}
.d4{background-color:#BEBDBE;}
.d5{background-color:#DFDFDF;}
.e1{background-color:#8F8F8C;}
.e2{background-color:#999997;}
.e3{background-color:#AEAEAC;}
.e4{background-color:#C8C8C7;}
.e5{background-color:#E3E3E3;}
.f1{background-color:#6C491D;}
.f2{background-color:#7C634C;}
.f3{background-color:#9A8B7F;}
.f4{background-color:#BCB4AE;}
.f5{background-color:#DEDBD8;}
.g1{background-color:#836E2C;}
.g2{background-color:#8F7E52;}
.g3{background-color:#A79B82;}
.g4{background-color:#C3BDAF;}
.g5{background-color:#E1DED9;}
.h1{background-color:#998031;}
.h2{background-color:#AD995A;}
.h3{background-color:#C1B383;}
.h4{background-color:#D6CCAD;}
.h5{background-color:#EAE6D6;}
.i1, .tan {background-color:#B7A66D;}
.i2{background-color:#BCAD7D;}
.i3{background-color:#C8BD9B;}
.i4{background-color:#D9D1BD;}
.j1, .olive {background-color:#4F552A;}
.j2{background-color:#676B51;}
.j3{background-color:#8D8F82;}
.j4{background-color:#B5B6AF;}
.j5{background-color:#DBDCD9;}
.k1{background-color:#7E7A00;}
.k2{background-color:#989533;}
.k3{background-color:#B2AF66;}
.k4{background-color:#CBCA99;}
.k5{background-color:#E5E4CC;}
.l1, .green {background-color:#00583D;}
.l2{background-color:#347964;}
.l3{background-color:#669B8B;}
.l4{background-color:#99BCB1;}
.l5{background-color:#CCDED8;}
.m1, .teal {background-color:#104554;}
.i5,.m1invert{background-color:#EBE8DE;}
.m2{background-color:#406A76;}
.m3{background-color:#708F98;}
.m4{background-color:#9FB5BB;}
.m5{background-color:#CFDADD;}
.n1, .blue {background-color:#1D3362;}
.n2{background-color:#4A5C81;}
.n3{background-color:#7785A1;}
.n4{background-color:#A5ADC0;}
.n5{background-color:#D2D6E0;}
.o1, .purple {background-color:#5B447A;}
.o2{background-color:#7C6995;}
.o3{background-color:#9D8FAF;}
.o4{background-color:#BDB4CA;}
.o5{background-color:#DEDAE4;}
.p1{background-color:#F4AF00;}
.p2{background-color:#F6BF33;}
.p3{background-color:#F8CF66;}
.p4{background-color:#FBDF99;}
.p5{background-color:#FDEFCC;}
.q1{background-color:#A99A6F;}
.q2{background-color:#B0A37E;}
.q3{background-color:#BFB59C;}
.q4{background-color:#D3CCBD;}
.q5{background-color:#E8E5DF;}
.r1{background-color:#D3BF96;}
.r2{background-color:#D6C49F;}
.r3{background-color:#DDCEB2;}
.r4{background-color:#E7DDCB;}
.r5{background-color:#F2EDE5;}
.s1{background-color:#EEE1C6;}
.s2{background-color:#EFE3CA;}
.s3{background-color:#F2E8D3;}
.s4{background-color:#F5EEE0;}
.s5{background-color:#FAF6EF;}
.t1{background-color:#E7DED0;}
.t2{background-color:#E9E0D3;}
.t3{background-color:#ECE5DB;}
.t4{background-color:#F1ECE5;}
.t5{background-color:#F8F5F1;}
.u1{background-color:#EDDD9E;}
.u2{background-color:#F1E4B1;}
.u3{background-color:#F4EBC5;}
.u4{background-color:#F8F1D8;}
.u5{background-color:#FBF8EC;}

/* hovers */
.button:hover {background-color: #e1ded9;}
.b2:hover a{color:#565252;}
.b3:hover a{color:#848282;}
.b4:hover a{color:#B0AFAF;}
.b5:hover a{color:#D9D9D9;}
.c2:hover{color:#7F7972;}
.c3:hover{color:#9F9A95;}
.c4:hover{color:#BFBCB9;}
.c5:hover{color:#DFDDDC;}
.d2:hover{color:#807F80;}
.d3:hover{color:#9D9C9D;}
.d4:hover{color:#BEBDBE;}
.d5:hover{color:#DFDFDF;}
.e2:hover{color:#999997;}
.e3:hover{color:#AEAEAC;}
.e4:hover{color:#C8C8C7;}
.e5:hover{color:#E3E3E3;}
.f2:hover{color:#7C634C;}
.f3:hover{color:#9A8B7F;}
.f4:hover{color:#BCB4AE;}
.f5:hover{color:#DEDBD8;}
.g4:hover {color: #C3BDAF;}
.g5:hover {color: #E1DED9;}
.h2:hover{color:#AD995A;}
.h3:hover{color:#C1B383;}
.h4:hover{color:#D6CCAD;}
.h5:hover{color:#EAE6D6;}
.i2:hover{color:#BCAD7D;}
.i3:hover{color:#C8BD9B;}
.i4:hover{color:#D9D1BD;}
.i5:hover{color:#EBE8DE;}
.j3:hover {color: #8D8F82;}
.j4:hover {color: #B5B6AF;}
.j5:hover {color: #DBDCD9;}
.k5:hover {color: #E5E4CC;}
.k4:hover {color: #CBCA99;}
.l2:hover a {color: #347964;}
.l4:hover {color: #99BCB1;}
.l5:hover {color: #CCDED8;}
.m1invert:hover {background-color: #104554;}
.m4:hover {color: #9FB5BB;}
.m5:hover {color: #CFDADD;}
.n4:hover {color: #A5ADC0;}
.n5:hover {color: #D2D6E0;}
.o2:hover{color:#7C6995;}
.o3:hover{color:#9D8FAF;}
.o4:hover{color:#BDB4CA;}
.o5:hover{color:#DEDAE4;}
.p1:hover{color:#F4AF00;}
.p2:hover{color:#F6BF33;}
.p3:hover{color:#F8CF66;}
.p4:hover{color:#FBDF99;}
.p5:hover{color:#FDEFCC;}
.q2:hover{color:#B0A37E;}
.q3:hover{color:#BFB59C;}
.q4:hover{color:#D3CCBD;}
.q5:hover{color:#E8E5DF;}
.r1:hover{color:#D3BF96;}
.r2:hover{color:#D6C49F;}
.r3:hover{color:#DDCEB2;}
.r4:hover{color:#E7DDCB;}
.r5:hover{color:#F2EDE5;}
.s1:hover{color:#EEE1C6;}
.s2:hover{color:#EFE3CA;}
.s3:hover{color:#F2E8D3;}
.s4:hover{color:#F5EEE0;}
.s5:hover{color:#FAF6EF;}
.t1:hover{color:#E7DED0;}
.t2:hover{color:#E9E0D3;}
.t3:hover{color:#ECE5DB;}
.t4:hover{color:#F1ECE5;}
.t5:hover{color:#F8F5F1;}
.u1:hover{color:#EDDD9E;}
.u2:hover{color:#F1E4B1;}
.u3:hover{color:#F4EBC5;}
.u4:hover{color:#F8F1D8;}
.u5:hover{color:#FBF8EC;}



.rchi .button {background-color: #717071;}
.rchi #bottomLinks {
     position: relative;
     top: 15px;
}
.rchi .news .item {
    margin-bottom: 10px;
}
.rchi footer #quickLinks ul  {
    width: auto;
}
.rchi #quickLinks ul.right {
    margin-left: 14px;
}

.rchi footer #uptodate {
    text-transform: none;
}
.rchi .news {
    font-size: 16px;
}
.rchi footer #quickLinks ul li {
    line-height: 14px;
    padding: 5px 3px 5px 0px;
}
#rchiAddress {
    padding-top: 15px;
    margin-top: 20px;
    border-right: 1px solid #777777;
}
#rchiAddress h5 {
    line-height: 20px;
    font-weight: normal;
    margin: 0;
}
#rchiAddress,
#rchiAddress p {
    font-size: 14px;
    line-height: 14px;
}
.rchi .button, .rchi .gray {
    background-color: #717071;
    color: #fff;
    font-size: 18px;
    line-height: 1.1em;
}
.rchi .button:hover, .rchi .gray:hover {
    background-color: #717071;
}
.rchi #quickLinks.four {
     width: 34%;
     padding-right: 0;
}
.rchi #affliations.four {
    width: 32%;
}
.rchi #affliations a {
    padding-right: 4px;
}
.rchi #affliations a:last-child {
    padding-right: 0px;
}
#cbhecAddress {
    padding-top: 15px;
    margin-top: 20px;
    width: 35%;
}
#cbhecAddress h5 {
    line-height: 20px;
    font-weight: normal;
    margin: 0;
}
#cbhecAddress,
#cbhecAddress p {
    font-size: 14px;
    line-height: 14px;
}
.cbheclinks {
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
    width: 33% !important;
}
.cbhecaffiliations {
    float: left;
    padding: 0 20px;
    margin: 20px 0;
}
.cbhec .primary-nav li {
    margin: 0 37px 0 0;
}

#tambcdAddress {
  display: block;
  margin-top: 20px;
}

#tambcdAddress, #tambcdAddress * {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}

/* Better styles for embedding GitHub Gists */
#container .gist{font-size:12px;line-height:16px;margin-bottom:20px;width:100%}
#container .gist pre,
#container .gist {font-family:Menlo,Monaco,'Bitstream Vera Sans Mono','Courier New',monospace !important}
#container .gist .highlight {
       background: #fff;
       width: 100%;
}
#container .gist .gist-file .gist-data {
       background-color: #fff;
}

#container .gist-file table {
    margin: 0;
	border: 0px none;
}

#container .gist .gist-file .gist-meta {
	font-size: 10px;
	padding: 2px 10px;
}

#container .gist-file .line-data {
	width: 100%;
}

/* regular banner images (not the rotating type) */
.banner-description {
    position: relative;
	top: 0;
}

.banner-title, .banner-subtitle {
	z-index: 3;
	width: auto;
	background-color: rgba(60, 53, 52, 0.86);
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	position: absolute;
}

a.banner-title, a.banner-subtitle {
	cursor: pointer;
}

a.banner-title:hover, a.banner-subtitle:hover {
	color: #fff;
	text-decoration: underline;
}

.banner-title {
	font-size: 32px;
	height: 70px;
	line-height: 77px;
	padding: 0 27px;
	margin-top: -145px;
}

.banner-subtitle {
	font-size: 18px;
	padding: 10px 10px 10px 27px;
	margin-top: -68px;
}

/* Folder listing page */
ul.list-of-pages {
  margin-top: 30px;
  margin-left: 0;
  list-style-type: none;
  border: 0px none;
}

ul.list-of-pages li {
  list-style-type: none;
  border: 0px none;
}

ul.list-of-pages .nav-level-1:last-child { 
  border: 0px none;
}

/* min-width 768 desktop and tablet */
@media (min-width: 768px) {  
    .lh60 {
        line-height: 60px;
    }
    .lh50 {
        line-height: 50px;
    }
    .lh30 {
        line-height: 30px;
    }
    .fontmedium {
        font-size: 150%;
    }
    .fontlarge {
        font-size: 200%;
    }
    .fontxlarge {
        font-size: 300%;
    }
    .mtop41 {
        margin-top: 41px !important;
    }
    .mtop30{
        margin-top: 30px !important;
    }
    .news .links, .news6 .links, .events h3 a, .events6 .links {
        font-size: 16px;
        text-align: right;
        font-weight: normal;
        float: right;
        text-transform: none;
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: right;
    }
    .news .links, .news6 .links, .events h3 a, .events6 .links, .news8 .links, .events8 .links {
        font-size: 16px;
        text-align: right;
        font-weight: normal;
        float: right;
        text-transform: none;
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: right;
    }
    .news6 .links, .events6 .links {
        margin-top: 10px;
    }
    .news8 .links, .events8 .links {
        margin-top: 0px;
    }
    .events a, .events6 .eventitem a, .events8 .eventitem a {
        font-size: 24px;
        line-height: 44px;
        text-decoration: none;
    }
    .events a:hover, .events a:hover {
        text-decoration: underline;
    }
    .events h3 a {
        line-height: 18px;
    }
    .newsitemCentral, .newsitem, .newsitem4 {
        height: 80px;
        display: block;
    }
    .newsitem {
        margin-bottom: 18px;
    }
    .newsitem4, .eventitem6 {
        float: left;
    }
    .news6 .newsitem {
        float: left;
        padding: 0 10px 10px 0;
    }
    .button {
        height: 77px;
        margin: 16px 10px 0 0;
        width: 100%;
        color: #fff;
    }
    .buttonBottom {
        margin-bottom: 16px;
    }
    .button a {
        width: 100%;
        margin: 0 20px 0 0;
        display: block;
        color: #ffffff;
    }
    .maroon:hover a {
        color: #500000;
    }
    .b1:hover a {
        color: #332c2c;
    }
    .m1invert a {
        color: #104554;
    }
    .c1:hover a {
        color: #5F574F;
    }
    .d1:hover a {
        color: #717071;
    }
    .e1:hover a {
        color: #8F8F8C;
    }
    .f1:hover a {
        color: #6C491D;
    }
    .g1:hover a {
        color: #836E2C;
    }
    .g2:hover {
        color: #8F7E52;
    }
    .g3:hover a {
        color: #8F7E52;
    }
    .h1:hover a {
        color: #998031;
    }
    .i1:hover a {
        color: #836E2C;
    }
    .j1:hover a {
        color: #4F552A;
    }
    .j2:hover a {
        color: #676B51;
    }
    .k1:hover a {
        color: #7E7A00;
    }
    .k2:hover a {
        color: #7E7A00;
    }
    .k3:hover a {
        color: #989533;
    }
    .l1:hover a {
        color: #00583D;
    }
    .l3:hover a {
        color: #669B8B;
    }
    .m1:hover a {
        color: #104554;
    }
    .m1invert:hover a {
        color: #fff;
    }
    .m2:hover a {
        color: #406A76;
    }
    .m3:hover a {
        color: #708F98;
    }
    .n1:hover a {
        color: #1D3362;
    }
    .n2:hover a {
        color: #4A5C81;
    }
    .n3:hover a {
        color: #7785A1;
    }
    .o1:hover a {
        color: #5B447A;
    }
    .q1:hover a {
        color: #A99A6F;
    }
}

/* min-width 1100 desktop only */
@media (min-width: 1100px) {
    .topBarContainer {
        height: 37px;
        width: 100%;
        border-top: 1px solid #330000;
        border-bottom: 1px solid #330000;
        background-color: #500000;
        position: relative;
        z-index: 2;
        -webkit-box-shadow: 0px 0px 3px 0px #5f574f;
        box-shadow: 0px 0px 3px 0px #5f574f;
    }
    .topBar {
        width: 1074px;
        height: 37px;
        overflow: hidden;
        margin: 0 auto;
       /* background-image: url(../images/top-bar-logo.png);*/
        background-position: left;
        background-repeat: no-repeat;
        text-shadow: 0px 0px 2px #330000;
        filter: dropshadow(color=#330000, offx=0, offy=0);
    }
    .topBar h1 {
        float: left;
        font-family: Garamond, "Times New Roman", Times, serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 36px;
        color: #fff;
        margin: 0 0 0 50px;
        padding: 0;
        display: block;
        width: 300px;
        font-variant: small-caps;
        float: left;
        display: block;
    }
    #container {
        width: 1100px;
        -webkit-box-shadow: 0px 0px 5px 0px #5f574f;
        box-shadow: 0px 0px 5px 0px #5f574f;
    }
    header {
        height: 100px;
        background-color: #500000;
        background-repeat: no-repeat; 
        background-position: left;
        display: block;
    }
    header.short {
        height: 100px;
        text-transform: uppercase;
    }
    .bcd header.short {
        height: 61px;
    }
    header h1 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        font-size: 36px;
    }
    header h2 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        font-size: 18px;
        text-align: right;
        line-height: 36px;
    }
    header h1.smaller {
        font-weight: normal;
        padding: 0;
        margin: 3px 0 0 0;
        font-size: 30px;
    }
    header h1 a, header h2 a {
        color: #fff;
    }
    header h1 a:hover, header h2 a:hover {
        color: #fff;
    }
    nav {
        background-color: #504a48;
    }
    .bcd nav {
        background-color: #5B447A;
    }
    .com nav {
        background-color: #5F574F;
    }
    .con nav {
        background-color: #406A76;
    }
    .cop nav {
        background-color: #1D3362;
    }
    .sgs nav {
        background-color: #4F552A;
    }
    .srph nav {
        background-color: #406a76;
    }
    .rchi nav {
        background-color: #406A76
    }
    .oit nav {
        background-color: #406A76;
    }
    .bcd header h1 a {
        color: #332C2C !important;
    }
    .srph header h1 a, .ibt header h1 a {
        color: #332c2c;
    }
    .bcd header h1 a:hover {
        color: #332c2c;
    }
    .component {
        font-size: 36px;
        margin: 10px 0 10px 7px;
    }
    .bcd .component {
        font-size: 22px;
    }
    .name {
        line-height: 43px;
        font-size: 18px;
        text-align: right;
        margin: 16px 0 0 0;
    }
    .bcd .name {
        line-height: 21px;
        font-size: 18px;
        text-align: right;
        margin: 10px 0 0 0;
    }
    .srph #site-logo {
        width: 455px; 
        height: 60px; 
        margin-top: 10px;
        display:block;
        background: transparent url(//webassets.tamhsc.edu/global-assets/images/logos/banner-logo-sph-maroon.png) no-repeat 0 0;
    }
	.srph .component-header a img {
		display: none;
	}
    .topBar {
        background-image: none;
    }
    #site-logo {
        padding-top: 10px;
        display: block;
    }
    
    #tagline {
        margin: 11px 0 0 0;
    }
    
     #tagline-sph, #tagline-com, #tagline-con, #tagline-cop {
        margin: 52px 0 0 0;
    }
    
     #tagline-bcd {
        margin: 32px -11px 0 0;
    }
    
     #tagline-ibt {
        margin: 58px 0 0 0;
    }
    
    .central #site-logo {
        padding-top: 20px;
    }
    .logo a {
        display: block;
        height: 80px;
        width: 340px;
    }
    .logo a span {
        display: none;
    }  
    .central .logo a {
        width: 421px;
        padding-top: 22px;
    }
    .topLinks {
        font-size: 10px;
        height: 37px;
        display: block;
        color: #fff;
        text-transform: uppercase;
        line-height: 37px;
        float: right;
    }
    .topLinks form {
        float: right;
    }
    .topLinks ul a {
    }
    .topLinks ul {
        font-size: 10px;
        line-height: 37px;
        float: left;
    }
    .topLinks ul li {
        display: block;
        height: 37px;
        float: left;
        margin-right: 10px;
    }
    .navigation {
        height: 30px;
        margin: 2px 0;
        background-color: #504a48;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #332c2c;
        filter: dropshadow(color=#332c2c, offx=1, offy=1);
        display: block;
    }
    .navigation a {
        color: #fff;
    }
    .navigation ul {
        margin: 0 0 0 10px;
        padding: 0;
        line-height: 30px;
    }
    .navigation ul li {
        list-style: none;
        margin: 0 46px 0 0;
        padding: 0;
       display: block;
        float: left;
        line-height: 30px;
    }
    
    .con .navigation ul li {
        font-size: 13px;
        margin: 0 35px 0 0;
    }
    .navigation ul li.desktopHide { display: none !important; }
    .navigation ul li.desktopLast {
        margin-right: 0;
    }
    .navigation ul li.liright {
        float: right;
        height: 30px;
        overflow: hidden;
        margin: -1px 0 0 0;
        padding: 0 30px;
        position: relative;
        left: 15px;
    }
    .navigation ul li.helpdesk {
        background-color: #7E7A00;
        border-right: 3px solid #F8F5F1;
        border-left: 3px solid #F8F5F1;
    }
    .navigation ul li.oitalert {
        background-color: #8E1212;
    }
    .ciadm .primary-nav {
        padding-left: 10px;
    }
    .feature {
        background-color: #e8e5df;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    .li-banner, #li-banner, #feature, .feature {
        width: 1100px;
        height: 415px;
    }
    .featTitle {
        height: 77px;
        line-height: 77px;
        padding: 0px 27px !important;
        background-color: #500000;
        color: #fff;
        font-size: 36px;
        position: absolute;
        z-index: 500 !important;
        display: block;
        bottom: 30px;
    }

    #serviceIcon {
        margin: 55px 0 0 10px;
    }

    .audiences, .sidebar {
        width: 345px;
        float: right !important;
    }
    .audiences {
        height: 370px;
        background-color: rgba(60, 53, 52, 0.86);
        padding: 0;
        margin: 5px 0 20px 747px;
        position: absolute;
        z-index: 29;
        text-shadow: 1px 1px 1px #332c2c;
        filter: dropshadow(color=#332c2c, offx=1, offy=1);
    }
    .central .audiences {
	    top: 0;
	}
    .audiences a {
        color: #fff;
    }
    .audiences ul {
        font-size: 36px;
        line-height: 45px;
        color: #fff;
        margin: 10px 0 0 25px;
        /*font-weight: 200;*/
    }
    .audiences ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        background: transparent none;
    }
    .audiences ul li a,
    .audiences ul li a:hover {
        color: #fff;
        background: transparent none;
    }
    .audiences ul.longwords {
        font-size: 34px;
        margin-top: 30px;
    }
    .audiences ul.longerwords {
        font-size: 34px;
        margin-top: 30px;
        line-height: 45px;
    }
    .hscLinks {
        height: 32px;
        background-color: #332c2c;
        font-size: 14px;
        line-height: 32px;
        color: #fff;
        text-align: center;
    }
    .hscLinks a {
        padding: 0 8px;
    }
    .hscLinks a:first-child {
        padding: 0 8px 0 0;
    }
    .hscLinks a:last-child {
        padding: 0 0 0 8px;
    }

    .news12, .news8 {
        height: 155px;
        padding: 0 10px;
        border-bottom: 1px solid #9AAEB1;
    }
    .newsBot {
        border-top: 1px solid #9AAEB1;
        border-bottom: 0px solid #9AAEB1;
    }
    .alert a {
        color: #4A5C81;
        font-weight: bold;
    }
    .news h3 a:hover, .alert a:hover {
        text-decoration: underline;
    }
    .eventitem6 {
        width: 50%;
    }
    .news6, .events6 {
        height: 185px;
        float: right;
        padding-bottom: 27px;
    }
    .news8 {
        width: 65% !important;
        margin: 0 17px 0 0;
    }
    .news8 h3 {
        margin-bottom: 37px;
    }
    .news6 {
        border-bottom: 1px solid #AAA4A0;
    }
    .buttons, .spotlights {
        padding: 10px;
    }
    .oit ul.larger a {
        font-size: 20px;
        font-weight: 400;
        color: #332c2c;
    }
    .oit ul.larger a:hover {
        text-decoration: underline;
    }
    
    /*spotlights*/
    .spotTop {
        margin: 16px 0 0 0;
        padding: 0;
    }
    .spotBot {
        margin: 13px 0 0 0;
        padding: 0;
    }
    .spotlight6 {
        height: 175px;
        margin-bottom: 17px;
    }
    .spot ul {
        font-size: 18px;
        margin: 18px;
    }
    .spot2 {
        float: right;
    }
    .spot2 img {
        margin-top: 11px;
        height: 172px !important;
        width: 150px !important;
        overflow: hidden !important;
    }
    .spot8 img {
        width: 323px;
        height: auto;
        overflow: hidden;
        margin-top: 17px;
        border: 3px solid #fff;
        -webkit-box-shadow: 1px 1px 1px 0px #BEBDBE;
        box-shadow: 1px 1px 1px 0px #BEBDBE; 
    }
    .columns .spot6 {
        margin-top: 17px;
        padding-left: 0 !important;
    }
    .columns .spot6 .left {
        margin-left: 17px !important;
    }
    
    /* footer */
    footer {
        display: block;
        min-height: 315px;
        background-color: #5F574F;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #332c2c;
        filter: dropshadow(color=#332c2c, offx=1, offy=1);
        padding-bottom: 10px;
    }
    .rchi footer {
        min-height: 250px;
    }
    .cbhec footer {
        min-height: 250px;
    }
    footer h5 {
        font-size: 18px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 20px;
    }
    footer ul {
    }
    footer ul li {
        list-style: none;
    }
    #footAcad, #quickLinksCentral, #quickLinks, #infoLinks, #affliationsCentral, #affliations {
        float: left;
        padding: 0 20px;
        margin: 20px 0;
    }
    #footAcad {
        width: 310px;
        font-size: 14px;
        border-right: 1px solid #777777;
    }
    #footAcad ul {
        font-size: 14px;
        line-height: 30px;
        margin-left: 5px;
    }
    #footAcad ul li {
        padding-left: 35px;
        background-position: left;
        background-repeat: no-repeat;
    }
    #footAcad ul li.bcd {
        background-image: url(../images/icons/bcd.png);
    }
    #footAcad ul li.com {
        background-image: url(../images/icons/com.png);
    }
    #footAcad ul li.con {
        background-image: url(../images/icons/con.png);
    }
    #footAcad ul li.cop {
        background-image: url(../images/icons/cop.png);
    }
    #footAcad ul li.sgs {
        background-image: url(../images/icons/sgs.png);
    }
    #footAcad ul li.srph {
        background-image: url(../images/icons/srph.png);
    }
    #quickLinksCentral, #quickLinks {
        width: 425px;
        border-right: 1px solid #777777;
    }
    #quicklinksCentral {
        margin-left: 10px;
    }
    #quickLinksCentral ul, #quickLinks ul, #infoLinks ul {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0px;
    }
    #quickLinksCentral ul, #quickLinks ul {
        width: 45%;
        display: block;
        float: left;
    }
    #quickLinksCentral ul.right, #quickLinks ul.right {
        margin-left: 25px;
    }
    #quickLinksCentral ul li, #quickLinks ul li, #infoLinks ul li {
        background-position: left;
        background-repeat: no-repeat;
        border-top: 1px solid #777777;
        padding-left: 5px;
    }
    #quickLinksCentral ul li.last, #quickLinks ul li.last, #infoLinks ul li.last {
        border-bottom: 1px solid #777777;
    }
    #infoLinks {
        width: 180px;
        border-right: 1px solid #777777;
        margin-left: 10px;
    }
    #infoLinks ul {
        margin-right: 10px;
    }
    #affliationsCentral {
        width: 105px;
    }
    #affliations {
        width: 405px;
    }
    .ibt #affliations {
        width: 455px;
        padding: 0 0 0 20px;
    }
    .bcd #affliations {
        width: auto;
    }
    
    .srph #affliations {
        width: auto;
    }

    .bcd #affliations a, .bcd #affliations img {
        margin: 0;
        padding: 0;
    }
    
    .bcd #affliations p {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 5px;
    }

    #bottomLinks {
        width: 1000px;
        clear: both;
        margin: 0 auto;
        text-align: center;
        color: #aba9a9;
        font-size: 10px;
        display: block; 
    }
    
    /* interior pages*/
    .content {
        min-height: 450px;
        padding: 25px;
        font-size: 18px !important;
    }
    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
        color: #104554;
        padding: 0;
    }
    .content h1, .content h2 {
        font-weight: normal;
    }
    .content ul {
        font-size: 18px;
    }
    .bold {
        font-size: 110%;
        font-weight: bolder;
    }
    .breadcrumbs {
        margin: 0 0 20px 0;
        font-size: 12px;
    }
    .sidebar {
        min-height: 250px;
        font-size: 14px;
    }
    .sidebar .hscLinks {
        margin: 7px 0 0 0;
        border-top: 1px solid #bdb9b4;
        border-bottom: 1px solid #bdb9b4;
        background-color: #dad6d1;
        color: #332c2c;
    }
    .sidebar .hscLinks a {
        color: #332c2c;
    }
    .sidebar ul {
        font-size: 14px;
    }
    .share {
        float: right;
        margin: 10px 20px;
    }
    .desktopHide {
        display: none;
    }
}


/* max-width 1099 mobile and tablet */
@media (max-width: 1099px) {
    header {
        width: auto;
        height: 81px;
        margin: 0 auto;
        background-image: none;
        text-shadow: none;
        -webkit-box-shadow: transparent none;
        box-shadow: 0px 0px 0px transparent;
        background-color: #550000;
    }
    .bcd header {
        background-color: #5B447A;
    }
    .con header {
        background-color: #406A76;
    }
    .cop header {
        background-color: #1D3362;
    }
    .sgs header {
        background-color: #4F552A;
    }
    .srph header {
        background-color: #406a76;
    }
    .srph #site-logo {
        width: 455px; 
        height: 60px; 
        display:block;
        background: transparent url(//webassets.tamhsc.edu/global-assets/images/logos/banner-logo-sph-white.png) no-repeat 0 0;
    }
    .srph .component-header a img {
		display: none;
	}
    .rchi header {
        background-color: #406A76
    }
    .rchi #quickLinks ul.right {
        margin-left: 0;
    }
    .oit header {
        background-color: #406A76;
    }
    header a {
        color: #fff;
        text-decoration: none;
    }
    #headerTAMUshort {
        display: inline !important;
    }
    
    #tagline, #tagline-sph, #tagline-bcd, #tagline-com, #tagline-con, #tagline-cop, #tagline-ibt, #tagline-physician1, #tagline-physician2  {
        display: none;
    }
    
    .bcd header, .bcd header a,
    .com header, .com header a,
    .con header, .con header a,
    .cop header, .cop header a,
    .sgs header, .sgs header a,
    .srph header, .srph header a,
    .cbhec header, .cbhec header a,
    .ibt header, .ibt header a,
    .rchi header, .rchi header a,
    .oit header, .oit header a {
        color: #ffffff;
        text-shadow: 0 0 0 transparent;
    }
    /*
    .sidebar {
        min-height: auto;
        height: auto;
    }
    .sidebar .hscLinks {
        display: none;
    }
    */
    
    /*.bcd header, .bcd header a {text-shadow: none;}*/
    header h1 {
        font-family: "Source Sans Pro","Arial Narrow",Arial,Helvetica,sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 36px;
        color: #fff;
        margin: 0 0 0 35px;
        padding: 0;
        float: left;
        display: block;
        font-variant: normal;
    }
    header h1 a, header h1 a:hover {
        color: #fff;
    }
    header h1 a span {
        position: relative;
        top: 5px;
        left: 5px;
    }
    form.websearch input[type=search] {
        margin-right: 45px;
    }
    
    .hscLinks {
        display: none;
    }
    
    #container {
        font-size: 14px;
    }
    /* undoing all the effects of the 12 column classes for this div in tabet view */
    #container nav .twelve {
        margin: 0;
        padding: 0;
        clear: both;
        display: inline;
        float: none;
        position: static;
    }
    
    /* Navigation */
    #container nav {
        top: 15px;
        display: block;
        height: 38px;
    }
    .nav-button {
        display: block;
        width: 71px;
        height: 21px;
        background-image: url(../images/icons/menu-closed.png);
        background-position: center left;
        background-repeat: no-repeat;
        background-color: #9f9a95;
        cursor: pointer;
        border: 1px solid #bfbcb9;
        text-indent: -9999px;
        position: absolute;
        right: 10px;
        text-align: right;
    }
    .oit .nav-button {
        background-position: 1px center;
        border: 1px solid #332C2C;
        height: 23px;
        top: -30px;
        width: 73px;
    }
    .nav-button:hover { 
        border: 1px solid #9f9a95;
        background-color: #bfbcb9;
    }
    .nav-button.open {
        background-image: url(../images/icons/menu-open.png);
        background-position: center left;
        background-repeat: no-repeat;
        background-color: #9f9a95;
        border: 1px solid #bfbcb9;
    }
    .oit .nav-button.open {
       border: 1px solid #9f9a95;
    }
    .nav-button.open:hover {
        border: 1px solid #9f9a95;
        background-color: #bfbcb9;
    }
    
    /* Dropdown */
    .primary-nav {
        width: 100%;
        float: none;
        background-color: #504a48; /* change the menu color */
        display: block;
        padding: 0;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(0,0,0,.6);
        position: absolute;
        z-index: 1001;
        top: 66px;
        right: 10px;
        margin-top: 0;
    }
    .oit .primary-nav {
        top: 0;
    }
    .primary-nav li {
        display: none;
        width: 100%;
    }
    .primary-nav li a {
        display: block;
        width: 100%;
        padding: 10px 5%;
        font-size: 14px;
        font-weight: bold;
        text-shadow: -1px -1px 0 rgba(0,0,0,.15);
        color: white;
        text-decoration: none;
        border-bottom: 1px solid rgba(0,0,0,.2);
        border-top: 1px solid rgba(255,255,255,.1); 
    }
    .primary-nav li a:hover {
    }
    .primary-nav > li:first-child {
        border-top: 1px solid rgba(0,0,0,.2);
    }
    .primary-nav li.inline {
        background: transparent;
        border-top: 1px solid rgba(255,255,255,.1);
    }
    .primary-nav li.inline a {
        display: block;
        float: left;        
        width: auto;
        padding: 10px 10px 10px 0;
        margin: 0 10px 0 0;
        border: 0px none;
    }
    .primary-nav li.inline a:hover {
    }
    .primary-nav li.inline a:first-child {
        margin-left: 5%;
    }
    .primary-nav li.inline a:last-child {
        clear: right;
    }
    
    /* Toggle the navigation bar open  */
    .primary-nav.open { 
        height: auto;
    }
    .primary-nav.open li { 
        display: block; 
    }

    /* Submenus optional .parent class indicates dropdowns */
    .primary-nav > li:hover > a {
        border-bottom-color: transparent;
    }
    .primary-nav li.parent > a:after {
        color: rgba(255,255,255,.5);
        float: right;
    }
    .primary-nav li.parent > a:hover {
        background: rgba(0,0,0,.75);
    }
    .primary-nav li ul {
        display: none;
        background: rgba(0,0,0,.5);
        border-top: 0 none;
        padding: 0;
    }
    .primary-nav li ul a {
        border: 0 none;
        font-size: 12px;
        padding: 10px 5%;
        font-weight: normal;
    }
    .primary-nav li:hover ul {
        display: block;
        border-top: 0 none;
    }
    .topBar, .bcd .topBar {
        background: transparent none;
        background-image: none;
    }
    form.websearch {
        margin: 0;
    }
    form.websearch input[type="search"] {
        margin: 10px 90px 0 0;
        z-index: 1001;
        border: 1px solid ccc;
        postition: relative;
    }
    .bcd header a {
        text-shadow: none;
        color: #fff;
    }
    .newsitemCentral, .newsitem, .newsitem4 {
        line-height: normal;
        font-size: 14px;
    }
    #sequence li img {
        display: block;
        clear: both;
        overflow: hidden;
        float: none;
        position: static;
    }
    /*resize text in fixed width buttons as the screen size gets smaller.  will resize relative to the viewport */
    .button {
        font-size: 2.8rem;
    }
    
    /* social bar */
    .social {
        width: auto;
        min-height: 36px;
        max-height: auto;
        position: static;
    }
    .social a {
        border-bottom: 0px none;
        float: left;
        width: 36px;
        height: 36px;
        display: block;
    }
    
    .news ul li a {
        line-height: 1.6em;
        min-height: 1em;
        display: block;
        height: auto;
        font-size: inherit;
    }
    .news ul, .news ol {
        margin-left: 0;
    }
    
    #container footer {
        color: #fff;
        margin-top: 10px;
    }
    footer * {
        color: #fff;
    }
    footer div {
        display: block;
        height: auto;
    }
    footer .columns {
        margin-left: 0;
        padding: 0;
    }
    #quickLinksCentral, #quickLinks, #infoLinks {
        margin-left: 0;
    }
    #affliations, #affliationsCentral {
        width: 15%;
        margin-left: 15px;
    }
    footer .twelve { margin: 0 auto; }
    footer h5 { 
        color: #fff; 
        margin: 15px 0 0 0; 
        padding: 0; 
    }
    footer ul { list-style: none; }
    #bottomLinks { width: 100%; 
        clear: both; 
        margin: 20px auto; 
        text-align: center; 
        color: #aba9a9; 
        font-size: 10px; 
        display: block;
        line-height: 1.3em;
    }
}

/* min-width & max-width - tablet only */
@media (min-width: 768px) and (max-width: 1099px) {
    .tabletHide, .audiences, #affliationsCentral, #headerTAMU  { display: none !important; }
    #tamu-logo a img {
        margin-top: 14px;
    }  
    
    #tagline, #tagline-sph, #tagline-bcd, #tagline-com, #tagline-con, #tagline-cop, #tagline-ibt, #tagline-physician1, #tagline-physician2  {
        display: none;
    }
    
    #component-header, .central header .logo {
        font-size: 22px;
    }
    #container nav {
        display: block;
        height: 30px;
        position: absolute;
        top: 15px;
    }
    .primary-nav {
        float: right;
        right: 0;
        width: 50%;
        margin-top: -6px;
    }
    /*
    .hscLinks { 
        width: 353px; 
        text-shadow: 1px 1px 1px #332c2c; 
        filter: dropshadow(color=#332c2c, offx=1, offy=1); 
        height: 32px; z-index: 2000; 
        position: absolute; 
        right: 0; 
        top: 85px; 
        display:block; 
        background-color: #332c2c; 
        font-size: 14px; 
        line-height: 32px; 
        color: #fff; 
        text-align: center; 
    }
    */
    .hscLinks a { color: #ffffff; padding: 0 10px; }
    
    .feature { 
    	height: 350px;
        width: 100%; 
        overflow: hidden; 
    }
	/* 
	   body font size is already 10px 
	   we can now size everything here in em units, 
	   so changing the font size of the container changes everything propertionally
	*/
	#container .feature {
        font-size: 1.8em;
	}
	.feature * {
	   font-size: 1em;
	}

	.audiences {
		display: block !important;
	    background-color: rgba(60, 53, 52, 0.86);
	    height: 345px;
	    margin-left: calc(100% - 300px) !important;
	    padding: 0;
	    position: absolute;
	    text-shadow: 1px 1px 1px #332C2C;
	    z-index: 29;
	}
	.audiences ul {
	    color: #FFFFFF;
	    font-size: 2.0em;
	    line-height: 1.6em;
	    margin: .3em 0 0 .5em;
	}
	.audiences ul li {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    list-style: none outside none;
	    margin: 0;
	    padding: 0;
	}
	.audiences ul li a {color: #fff;}
	.audiences, .sidebar {
	    float: right !important;
	    width: 300px;
	    right: 0;
        margin-top: -17px;
	}
	#container #sequence {
    	height: calc(100% - 40px);
	}
	#container #sequence > .sequence-canvas  {
		height: auto;
	}
	#container #sequence > .sequence-canvas > li {
		top: 0px;
		margin-left: 40px;
		list-style-type: none;
	}
	#container #sequence > .sequence-canvas > li img {
		height: 100%;
		width: 100%;
		position: static;
	}
	.sequence-next, .sequence-prev {
	    margin-top: 10px;
	}
	.sequence-next {
		right: 300px !important;
	}
    .animate-in h2.title {
        bottom: 40px;
        font-size: 1.3em;
        font-weight: normal;
        height: auto;
        padding: 5px 5px 5px 10px !important;
        line-height: 1em;
    }
	.animate-in h3.subtitle {
        position: relative;
        font-size: 1.0em;
        line-height: 1em;
        font-weight: normal;
        top: auto;
        bottom: 10px;
        padding: 5px 5px 5px 10px;
    }
    
    .news12 { 
        height: 155px; 
        padding: 0 10px; 
        border-bottom: 1px solid #9AAEB1; 
    }
    .buttons { clear: both; }
    #quickLinksCentral, #quickLinks { 
        width: 48%; 
        border-right: 1px solid #777777; 
        margin-left: 20px; 
    }
    #quickLinksCentral ul, #quickLinks ul, #infoLinks ul { 
        font-size: 12px; 
        letter-spacing: 0px; 
    }
    #quickLinksCentral ul, #quickLinks ul { 
        width: 43%; 
        display: block; 
        float: left;
    }
    #quickLinksCentral ul.right, #quickLinks ul.right { margin-left: 15px; }
    #quickLinksCentral ul li, #quickLinks ul li, #infoLinks ul li { 
        border-top: 1px solid #777777; 
        padding-left: 5px; 
    }
    #quickLinksCentral ul li.last, #quickLinks ul li.last, #infoLinks ul li.last { border-bottom: 1px solid #777777; }
    #infoLinks { width: 20%; margin-left: 20px; }
    #infoLinks ul { margin-right: 10px; }
    #affliationsCentral { width: 105px; }
    .eight .columns .tablet6 { width: 50% !important; }
    #affliations, #affliationsCentral {
        width: 20%;
    }
    #footAcad ul { font-size: 12px; }
    footer { 
        background-color: #5F574F; 
        color: #fff; 
        text-transform: uppercase; 
        text-shadow: 1px 1px 1px #332c2c; 
        filter: dropshadow(color=#332c2c, offx=1, offy=1); 
        padding: 20px 0; 
    }
    #footAcad, #quickLinksCentral, #quickLinks, #infoLinks, #affliationsCentral, #affliations { 
        float: left; 
        font-size: 12px; 
        height: 225px; 
        margin-bottom: 20px; 
    }
    #footAcad { 
        width: 25%; 
        border-right: 1px solid #777777; 
    }
    #footAcad ul { font-size: 12px; }
}


/* fine tuning for homepg banner content area */
@media only screen and (max-width: 950px) {
	#sequence {
		height: calc(100% - 30px);
	}
	.animate-in h3.subtitle {
	   font-size: .9em;
	}
}
@media only screen and (max-width: 850px) {
	#sequence {
		height: calc(100% - 60px);
	}
	#container .feature {
        font-size: 1.6em;
	}
	.animate-in h3.subtitle {
	   font-size: .9em;
	}
}


/* max width 767px - mobile only */
@media (max-width: 767px) {
    .mobileHide, .betaBar, #sequence, .sequence-preloader, .feature .frames, .feature #nav { display: none !important; }
    #container .column, #container .columns  { padding-left: 10px; }
    .topBarContainer {
        display: block;
        height: 31px;
        position: absolute;
        width: 93%;
        padding: 0 10px;
        top: 83px;
    }
    header {
        background-repeat: no-repeat; 
        background-position: left;
    }
    .oit header, .oit header a {
        font-size: 20px !important;
    }
    .bcd #component-header {
        font-size: 18px;
    }
    header h1 { 
        font-size: 17px; 
        margin-left: 0;
        font-family: "Source Sans Pro", "Arial Narrow", Arial, Helvetica, sans-serif;
    }
    .central header h1  {margin-left: 35px;}
    .central .topLinks {
        display: block;
    }
    .central #site-logo {
        display: block;
        height: auto;
        margin-top: 15px;
        max-width: 500px;
    }
    #component-header {
        font-size: 22px;
    }
    .primary-nav {
        margin-top: 0;
        right: 0;
        width: 90%;
        top: 73px;
    }
    .bcd .primary-nav {
        top: 66px;
        right: 10px;
    }
    .bcd .nav-button {
        top: 45px;
    }
    .oit .nav-button {
        top: 40px;
    }
    .oit .primary-nav {
        top: 73px;
    }
    .central .primary-nav {
        top: 75px;
    }
    .feature { 
        width: 100%; 
        max-width: 100%;
        overflow: inherit; 
        margin: 0 0 0 0;
        position: relative;
    }
    .audiences { 
        bottom: 0;
        clear: both;
        height: auto;
        padding: 5px 15px 10px 10px;
        width: 100%;
        background-color: #F8F5F1;
    }
    #sequence h3 {
        display: none;
    }
    .audiences ul { 
        width: 100%; 
        text-align: center; 
    }
    .audiences li { 
        width: 28%; 
        height: 85px; 
        display: block; 
        float: left; 
        text-align: center; 
        color: #fff; 
        margin: 0 15px 15px 0;
    }
    .audiences li a { 
        height: 83px; 
        display: block; 
        padding-top: 60px !important; 
        color: #fff; 
        background-position: top center; 
        background-repeat: no-repeat; 
    }
    .audiences li.bcd, .bcd .audiences.li { background-color: #5B447A; }
    .audiences li.bcd a { background-image: url(../images/mobile/bcd.png); }
    .audiences li.sgs, .sgs .audiences li { background-color: #4F552A; }
    .audiences li.sgs a { background-image: url(../images/mobile/sgs.png); }
    .audiences li.com, .com .audiences li { background-color: #00583D; }
    .audiences li.com a { background-image: url(../images/mobile/com.png); }
    .audiences li.con, .con .audiences li { background-color: #F4AF00; }
    .audiences li.con a { background-image: url(../images/mobile/con.png); }
    .audiences li.cop, .cop .audiences li { background-color: #1D3362; }
    .audiences li.cop a { background-image: url(../images/mobile/cop.png); }
    .audiences li.srph, .srph .audiences li { background-color: #6C491D; }
    .audiences li.srph a { background-image: url(../images/mobile/srph.png); }
    .button,
    .rchi .button,
    .rchi .gray { 
        color: #332c2c; 
        height: 40px; 
        line-height: 40px;
        overflow: hidden;
        font-size: 24px; 
        margin: 0 !important!;
        width: 100%; 
        background-color: #DFDDDC;
        border-top: 1px solid #5f574f;
        padding: 0; 
    }
    .button.last {
        border-bottom: 1px solid #5f574f;
    }
    .button:hover, .button:active, .button:focus { 
        color: #ffffff; 
        background-color: #104554;
    }
    .button a { 
        display: block;
        padding-left: 10px;
        color: #332c2c; 
    }
    .button a:hover, .button a:active, .button a:focus { 
        display: block; 
        color: #fff; 
        background-repeat: no-repeat;
    }
    .nav-button {
        top: 45px;
    }
    form.websearch input:-moz-placeholder {
        color: #555;
    }
    form.websearch input[type="search"] {
        margin: 3px auto;
        width: 90%;
        display: block;
        padding: 2px 10px 0 32px;
        height: 46px;
        font-size: 16px;
        transition: none;
        float: none;
        color: #333;
        background-color: #fff;
    } 
    form.websearch input[type=search]:focus {
        width: 100%;
    }
    .central form.websearch input[type="search"] {
        margin: 0;
        position: relative;
        top: 11px;
    }
    #container nav {
        display: block;
        height: 60px;
        top: 15px;
    }
    .news {
        clear: both;
        width: 100% !important;
        margin-bottom: 20px;
    }
    .newsitemCentral, .newsitem, .newsitem4 {
        line-height: 1.6;
        border-bottom: 1px dotted #ccc;
    }
    .news .links {
        display: block;
        margin-top: 10px;
    }
    footer { 
        background-color: #332c2c; 
        color: #ffffff; 
        font-size: 14px;
        height: auto;
        max-height: auto;
    }
    .mobileFooter { height: auto; background-color: #332c2c; color: #ffffff; font-size: 14px; line-height: 39px; text-align: center; }
       
}

@media (max-width: 550px){
    #site-logo img {
        width: 70%;
    }
}

/* small mobile - mostly just adjustments made for sequence homepage banner img */
@media (max-width: 480px) {
    .mobileHide, .betaBar { display: none !important; }
    body { min-width: 310px; }
    .feature {
        margin-bottom: 20px;
    }
    .bcd #component-header {
        font-size: 17px;
    }
    #sequence h2 {
        font-size: 20px;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
    }
    .central form.websearch input[type="search"] {
        top: 46px;
    }
}

/* print only css */
@media print {
    /*hide boilerplate elements that waste paper*/
    header.row,
    form.websearch,
    #container nav,
    #container .sidebar,
    footer.row,
    .social {
        display: none !important;
    }
    #container { margin-top: 20px; }
    .logo a[href]:after,
    .breadcrumbs a[href]:after { content: " "; }
    #container .content,
    #container .content p,
    #container .content ul {
        line-height: 1.2em;
        font-size: 11pt;
    }
}