/***************** edits to current styles *******************/

@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700italic,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');


h1,h2,h3 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#addsearch-results h1,h2,h3,h4,h5,h6 {
  font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-family: 'Crimson Text', georgia, serif;
}
h1,h2,h3,h4 {
line-height: 1em;
letter-spacing: -.05em;
}

#addsearch-results p {
  font-family: Arial, Helvetica, sans-serif;
}

p {
font-family: 'Crimson Text', georgia, serif;
font-size: 20px;
line-height: 1.4;
color:#65695b;
}

li {
font-family: 'Crimson Text', georgia, serif;
font-size: 20px;
line-height: 1.4;
color:#65695b;
}

.ui-accordion .ui-accordion-header a {
  font-family: 'Open Sans Bold', Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: 600;
}

.accordions {
  margin-bottom: 1.5em;
}

body.sti div.header img.logo {
margin-top: 2em;
}

ul.site-selector li {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: .9em;
font-weight: 400;
}

#main_navigation li {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1em;
}

#ribbon {
position:relative;
color:#fff;
height:88px;
}

.logo-footer.edit3 {
width:4em;
height:4em;
}

#pre_footer h5 {
font-family: 'Open Sans Bold', Helvetica, sans-serif !important;
font-size: 1.3em;
font-weight: 600;
color:#ffffff;
}
#pre_footer h6 {
font-family: 'Open Sans Bold', Helvetica, sans-serif !important;
font-size: 1em;
font-weight: 600;
color:#ffffff;
}
#pre_footer p {
font-family: 'Open Sans', Helvetica, sans-serif !important;
font-size: 1em;
color:#ffffff;
}

#footer li,
#footer p {
font-family: 'Open Sans', Helvetica, sans-serif !important;
font-size: 1em;
}


/* right navigation */

.widget_pages ul {
padding-top:0;
margin-top:0;
}
.widget_pages li.navTitle {
font-family: 'Crimson Text', georgia, serif;
font-size: 1.8em !important;
border-top:none;
color:#781400;
}
.widget_pages li {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1em !important;
}
.widget_pages p {
font-size: 1.7em;
margin:0;
padding:0;
}



/* main navigation */

ul.dropdown .root-item > a {
color:#781400;   
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}  
ul.dropdown .root-item ul li a {
color:#ffffff;
background-color:#868978;
background-image: none;
}
ul.dropdown .root-item ul li a:hover {
color:#ffffff;
background: #65695b;
}

div.box {
background-color:#e1e3d9;
/* http://www.colorzilla.com/gradient-editor */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e1e3d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e3d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e3d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e1e3d9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e1e3d9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e1e3d9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e3d9',GradientType=0 ); /* IE6-9 */
}

div.box p {
margin:0;
margin-bottom:.5em;
}
div.box h4 {
margin:0;
margin-bottom:.4em;
}
div.box .column {
float:left;
margin-right:1.2em;
}
div.box .column.three {
width:30%;
} 
div.box .column.inlineQuote {
float:right;
margin-right:0;
margin-left:1.2em;
width:30%;
}
div.box .column.inlineQuote img {
width:100%;
height: auto;
margin-bottom:1em;
}
div.box .column.inlineQuote p {
font-size: 1.1em;
}
div.box .column.inlineQuote p.name {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: .8em;
}
div.box .column.inlineQuote.three {
float:left;
margin-right:1.2em;
margin-left:0em;
width:208px;
}
div.box .column.inlineQuote.three.last {
margin-right:0;
}
div.box .column.inlineQuote img {
width:100%;
height: auto;
margin-bottom:1em;
}
div.box .column.inlineQuote p {
font-size: 1.1em;
}
div.box .column.inlineQuote p.name {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: .8em;
}





.layout1 p {
margin:0 0 .6em 0;
}

.box p.action {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1.2em;
margin-top:.5em;
}
.box p.action a {
display:block;
padding:.8em 2.5em .8em 1em;
background-color:#9d9e90;
background-image: url('/new_images/nav-arrow.png');
background-repeat: no-repeat;
background-position: right .5em center;
background-size: 1.5em 1.5em;
font-size: 1em;
line-height: 1em;
text-align: right;
text-decoration: none;
color:#ffffff;
min-width: 15em;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
.box p.action a:hover {
color:#ffffff;
background-color: #afaea2;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
.box h5 {
font-family: 'Open Sans Bold', Helvetica, sans-serif;
font-size:1.2em;
font-weight: 600;
margin:.5em 0 .2em 0;
}













/***************** new styles *******************/


.additions {
position: relative;
z-index: 2;
}


/* home page container */

.add-home {
position:relative;
background-color:#484d42;
clear:both;
}
.add-home-top {
position: relative;
width:100%;
height:22em;
margin:0;
padding:0;
}
.add-h2Sub {
font-family: 'Open Sans Bold', Helvetica, sans-serif;
font-size: 1.1em;
font-weight: 700;
}



/* big number on course delivery page*/
.add-bigNumber {
display: block;
font-family: 'Open Sans Bold', Helvetica, sans-serif;
color:#781400;
font-weight: 700;
font-size: 3em;
letter-spacing: -.07em;
margin-top:.3em;
margin-bottom:.3em;
}


/* home page background image */

.add-home-top::after {
position: absolute;
content: "";
background: url('/new_images/bg-home-1a.jpg');
background-position: top -17em left;
background-size:  cover;
background-repeat: no-repeat;
opacity: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}


/* shield logo in upper right corner of home page image */

.add-home-top .shield-1 {
position: absolute;
top:1.5em;
right:1.5em;
width:5em;
height:7em;
}
.shield-1::after {
position: absolute;
content: "";
background: url('/new_images/sti-shield-1.png');
background-size: 100% auto;
background-repeat: no-repeat;
opacity: 0.9;
top: 0;
left: 0;
bottom: 0;
right: 0;
}


/* logo in left portion of home page image */

img.add-home-logo {
position: absolute;
width:215px;
height: auto;
top:4em;
left:4em;
}

/* nav in left side of home page image */

ul.add-nav-home {
position: absolute;
right:0;
bottom:3.5em;
margin:0;
padding:0;
font-size: .7em;
}
ul.add-nav-home li {
font-family: 'Open Sans', Helvetica, sans-serif !important;
display: block;
list-style: none;
margin:0;
padding:0;
}
ul.add-nav-home li.intro {
font-family: 'Open Sans Bold', Helvetica, sans-serif !important;  
padding-bottom:.5em;
text-transform: uppercase;
letter-spacing: .9em;
font-weight: 700;
color:#c1c3ba;
font-size: 14px;
}
ul.add-nav-home li a {
display: block;
min-width:26em;
font-size: .8em;
text-align: right;
color:#ffffff;
text-decoration: none;
padding:.7em 3em .7em 2em;
margin-bottom:2px;
background-color: rgba(92,96,83,.8);
background-image: url('/new_images/nav-arrow.png');
background-repeat: no-repeat;
background-position: right .6em center;
background-size: 1.3em;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
ul.add-nav-home li a:hover {
background-color: rgba(120,20,0,.7);
}



/* home page tabs - holder */

.add-tabs-home {
position: relative;
margin: 0;
padding: 0;
width:100%;
font-size: 1em;
overflow: hidden;
}


/* home page tabs - tabs */

ul.add-home-tabs {
position: relative;
width:102%;
margin:0;
padding:0;
overflow: hidden;
}
ul.add-home-tabs li {
position: relative;
display: inline-block;
overflow: hidden;
width:241px;
height:auto;
list-style: none;
margin:0;
padding:0;
margin-right: -4px;
font-family: 'Crimson Text', georgia, serif;
font-size: 2em;
line-height: 1.1em;
letter-spacing: -.05em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
ul.add-home-tabs li a {
display: block;
background: #959686 url('/new_images/bg-gradient-100.png') repeat-x bottom left;
height:auto;
color:#e7e9de;
padding:.7em .9em 1.1em .9em;
text-decoration: none;
}
ul.add-home-tabs li a:hover {
color:#ffffff;
}
ul.add-home-tabs li a:before,
ul.add-home-tabs li a.current:before {
position: absolute;
content: "";
background-image: url('/new_images/nav-arrow.png');
background-size: 1.2em;
background-repeat: no-repeat;
opacity: 0.9;
width:1.9em;
height:1.9em;
right: 0;
bottom:0;
opacity: .2;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
ul.add-home-tabs li:hover a:before {
background-image: url('/new_images/nav-arrow-down.png');
opacity: 1;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
ul.add-home-tabs li:nth-child(1) a {
background-color: #959686
}
ul.add-home-tabs li:nth-child(2) a {
background-color: #7c7f6f
}
ul.add-home-tabs li:nth-child(3) a {
background-color: #959686
}
ul.add-home-tabs li:nth-child(4) a {
background-color: #7c7f6f
}
ul.add-home-tabs li a.current {
background: #484d42;
opacity: 1;
color:#ffffff;
cursor: default;
}
ul.add-home-tabs li a.current:before {
position: absolute;
content: "";
background-image: url('/new_images/nav-arrow-down.png');
background-size: 1.2em;
background-repeat: no-repeat;
width:1.9em;
height:1.9em;
right: 0;
bottom:0;
opacity: 1;
}
ul.add-home-tabs li:hover a.current:before {
background-image: url('/new_images/nav-arrow-down.png');
opacity: 1;
}

/* home page tabs - panels */

.add-tab-panel {
position: relative;
padding:3em;
padding-top:2.5em;
font-size: 1em;
}
.add-tab-panel .add-text {
position: relative;
width: auto;
padding:2em;
background-color: #c1c3ba;
}
.add-tab-panel h2 {
font-family: 'Crimson Text', georgia, serif;
letter-spacing: -.05em;
margin:0;
margin-bottom:.5em;
}
.add-tab-panel p {
font-family: 'Crimson Text', georgia, serif;
font-size: 1.4em;
line-height: 1.3em;
color:#3a3b31;
margin:0;
margin-bottom:.6em;
}
.add-tab-panel p.action {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1.1em;
margin:0;
margin-top:2em;
}
.add-tab-panel p.action a {
display:block;
padding:1em 2.5em 1em 1em;
background-color:#868978;
background-image: url('/new_images/nav-arrow.png');
background-repeat: no-repeat;
background-position: right .5em center;
background-size: 1.5em 1.5em;
font-size: 1em;
line-height: 1em;
text-align: right;
text-decoration: none;
color:#c1c3ba;
min-width: 15em;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
.add-tab-panel p.action a:hover {
color:#ffffff;
background-color: #9d9e90;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}

.gbox {
  position: relative;
  background-color: #c1c3ba;
  padding:0.5em 1.5em;
  margin-bottom: 1.5em;
}

.hideme {
  display: none;
}

/* home page tabs - panels - event listing */

.add-tab-panel .add-event {
position: relative;
background-color: #c1c3ba;
padding:1.5em;
margin-bottom:3px;
overflow: hidden;
}
.add-tab-panel .add-event h3 {
font-size: 2.3em;
line-height: 1em;
color:#781400;
margin:0;
margin-bottom:.3em;
}
.add-tab-panel .add-event a {
position: absolute;
bottom:0;
right:0;
display: block;
font-size: 1em;
line-height: 1em;
text-align: right;
text-decoration: none;
color:#c1c3ba;
min-width:20%;
padding:1em 2.5em 1em 1em;
background-color:#7c7f6f;
background-image: url('/new_images/nav-arrow.png');
background-repeat: no-repeat;
background-position: right .5em center;
background-size: 1.5em 1.5em;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}
.add-tab-panel .add-event a:hover {
color:#ffffff;
background-color: #868978;
-webkit-transition:  all 0.2s ease-in-out;
-moz-transition:  all 0.2s ease-in-out;
-o-transition:  all 0.2s ease-in-out;
-ms-transition:  all 0.2s ease-in-out;
transition:  all 0.2s ease-in-out;
}











/* content tabs */

.add-tabs-content {
margin-top:2em;
}
ul.add-content-tabs {
margin:0;
padding:0;
}
.add-content-tabs li {
display: inline-block;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1em;
list-style: none;
margin:0;
padding:0;
margin-right:-2px;
}
.add-content-tabs li a {
display: block;
padding:1em;
color:#ffffff;
text-decoration: none;
background: #b8b8ad url('/new_images/bg-gradient-25.png') repeat-x bottom center;
}
.add-content-tabs li a:hover {
background-color:#c1c3ba;
}
.add-content-tabs li a.current {
color:#ffffff;
background-color: #781400;
}
.add-content-tab-panel.box {
margin-top:0em;
}
.add-content-tab-panel ul {
margin:0;
padding-left:3em;
}
.add-content-tab-panel p,
.add-content-tab-panel li {
margin:0;
line-height: 1.3em;
}
.add-content-tab-panel p,
.add-content-tab-panel li:last-child {
margin-bottom:.5em !important;
}
p.add-h2Sub {
font-family: 'Open Sans Bold', Helvetica, sans-serif;
font-size: 1.2em;
font-weight: 600;
margin:0;
padding:0;
}
.add-content-tab-panel h4 {
font-family: 'Open Sans Bold', Helvetica, sans-serif;
font-size:1.2em;
font-weight: 600;
margin:.5em 0 .2em 0;
}

div.facultyMember {
position: relative;
padding: 1em 0;
border-bottom: 1px solid #cccccc;
}
div.facultyMember.first {
margin-top:2em;
border-top: 1px solid #cccccc;
}

div.facultyMember img {
float:left;
width:100px;
margin-right:1.2em;
}
div.facultyMember p {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1em;
margin:0;
padding:0;
}
div.facultyMember p.facultyName {
color:#781400;
font-weight: 600;
margin-bottom:.3em;
}
div.facultyMember p > a {
color:#781400;
text-decoration: none;
}
div.facultyMember p > a:before {
content: '\00bb\00a0';
}


.add-pre-footer-learn-more p {
margin:0;
padding:0;
}

.add-pre-footer-learn-more p a {
display:block;
padding: .5em 0 .5em 1em;
text-decoration: none;
border-top:1px solid rgba(255,255,255,.2);
background-color: transparent;
background-image: url('/new_images/nav-arrow.png');
background-repeat: no-repeat;
background-position: right .5em center;
background-size: 1.2em 1.2em;
}
.add-pre-footer-learn-more p a:hover {
background-color: rgba(0,0,0,.1);

}

.add-pre-footer-learn-more a:last-child {
border-bottom:1px solid rgba(255,255,255,.2);
}


/***************** hacks used for layout development *******************/

.hackSpacer  {
position: relative;
width:100%;
}
.hackSpacer.em20 {
height:20em;
}
.hackSpacer.em10 {
height:10em;
}
.hackSpacer.em5 {
height:5em;
}

.clearfix:before,.clearfix:after {
content:'';
display:table;
}

.clearfix:after {
clear:both;
}