/* ------------------- Common CSS for Trinity School ----------------------- */
html {
    height:100%;
    margin-bottom: 1px;
    background-color: #00082f;
}

body {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-family: verdana;
}

h1 {
    font-weight: normal;
    font-size: 213%;
    margin: 0 0 10px 7px;
}

h3 {
    margin-bottom: 2px ;
}

h2 {
    font-family: times, serif;
    font-size: 174%;
    font-weight: normal;
    margin-bottom: 0.5em;
}
h4 {
    font-size: 111.5%;
    color: #a8886d;
}
p {
    font-size: 89%;
}


strong {
    font-weight: bold;
    color: #404042;
}

em { 
    font-style: italic;
}

/* -------------------------- header ---------------------- */

img#blue-ribbon-corner {        
    position: absolute;
    right: -40px;
    top: 0px;
    z-index: 1;
}


#header ul {
    display: inline;
    list-style-type: none;
}

#header li {
    float: left;
}

#header a {
    text-decoration: none;
    color: #fff;
}

#header {
    margin-top: 12px;
    width: 808px;
    margin-left: auto;
    margin-right: auto;
   position: relative;
}

#header_img {
   border: solid #0D193B 8px;
   height: 154px;
   width: 792px;
   margin-bottom: 0px;
}
#slideshow-controls {
    float: right;
    margin-right: 10px;
    margin-top: -10px;
}
#slideshow-controls { text-align: right; }
#slideshow-controls p { float: left; }
#slideshow-controls .stop { width: 40px; text-align: center;  }
/* ----------------------------- nav ------------------------- */

#nav {
    bottom: 0px;
    padding: 0 8px;
    position: absolute;
    margin-bottom: 1px;
    width: 792px;
}

#nav li {
    padding: 5px 13px 0;
}
#nav li li {
    padding: 3px 1em 3px 1em;
}

#nav a {
    padding-bottom: 4px;
    display: block;
}

#nav li.current {
    background-color: #005186;
    margin-bottom: 7px;
}

/*#nav li.selected {
            border: 8px solid #F8F47E;
}*/

/* --------------------------- main ---------------------------------- */

#main {
    background-color: #001c4d;
}

#main_main {
    width: 817px;
 /*   color: #001c4d; */
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0px 70px;
    overflow: auto;
    clear: both;
}

/* JIO: pretty sure this shouldn't be here
#main h2 {
    color: #001c4d;
    font-size: 18px;
}
*/

#left_col {
    float: left;
    background-color: #f8fada;
    width: 195px;
    margin-right: 33px;
    margin-left: 9px;
}

/* ---------------------- right col ------------------------------ */
#right_col {
    float:right;
    margin-right: 9px;
    background-color: #f8fceb;
    background-repeat: repeat-y;
}

#right-col-top {
    height: 42px;
    width: 570px;
}
#right-col-content {
    margin-top: -15px;
    width: 478px;
    padding: 0px 46px 20px 46px;
}
#right_col p {
    color: #000;
    margin-bottom: 1.3em;
    line-height: 1.6em;
}

#right_col h3 {
    color: #00417F;
    font-size: 115%;
}

/* I don't think we use h5
#right_col h5 { 
    font-family: verdana;
    font-size: 120%;
    margin-bottom: 0.75em;
    color: #001C4D;
    font-weight: bold;
}
    */

#right_col li {
  color: #000000;
  font-size: 89%;
  font-family: verdana;
  /*margin-left: 15px;*/
  line-height: 1.5em;  
}

#right_col a {
   color: #005A99;
}

#right_col a:hover {
    color: #6295B1;
}
/* -------------------- footer ------------------------------------ */

#footer-gradient {
    width: 100%;
    height: 43px;
}


#footer {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    overflow: auto;
    clear: both;
    background-color: #000C3A;
    padding: 0.75em;
    padding-top: 0px;
}

#footer-width {
    width: 808px;
    margin-right: auto;
    margin-left: auto;

}

#blue-ribbon {
    float: left;
}

#contact-footer {
    float: left;
    /*padding-left: 233px; /*to add back blue ribbon in footer, change this to 75px*/
    width: 160px;
}

#contact-footer h3 {
        margin-bottom: 1em ;
}

#contact-footer p {
        line-height: 150% ;
}

#contact-footer a, #events a {
       color: #ffffff ;
       text-decoration: none ;
}
#contact-footer a:hover, #events a:hover {
       color: #86888F;
}

#contact-footer .school-address {
        padding-top: 1em;
}

#events {
    float: right;
    margin-left: 45px;
    width: 370px;
}

#events h3 {
    padding-left: 150px;
    padding-bottom: 1em;
}

#events p {
    line-height: 150%;
}

#blue-ribbon {
    float: left;
}

#events p.date {
    width: 135px;
    float: left;
    text-align: right;
    font-weight: bold;  
}

#events .upcoming {
    clear: left;
    padding-bottom: 0.5em;
}

#events .description {
    padding-left: 150px;
}

/* Contact us pages  */

#right_col .name {
    font-weight: bold;
    color: #404042;
    display: inline;
}

.position {
    display: inline;
}

.year {
    display: inline;
}

p.phd {
    margin-bottom: 0px;
}

#contact_us a {
    color: #005a99;
}

#contact_us a:hover {
    color: #6295b1;
}

#contact_us p {
    margin-bottom: 0px;
    line-height: 1.4;
}

#contact_us img {
    padding-bottom: 2px;
}

.person {
    margin-bottom: 9px;
}

#content_main {
    padding-top: 20px;
}

/*==============================================*/    
    
#edit-page {
    display: block;
    position: fixed;
    padding: 5px;
    top: 0px;
    right: 0px;
    background-color: #ac1c1c;
}