@charset "utf-8";
/* CSS Document */
/* TAMUC blue: #03314B 
TAMUC gold: #EEB211 
Light blue: #155b83 
Light brown: #5E524C */
 body {
    /*font-family: Arial, Helvetica, sans-serif;
     */
     font-family: 'Open Sans', sans-serif;
     padding: 0;
     margin: 0;
     background-color: #5E524C;
     background-image:url(../images/FacultyTemplate/bgVertFade.png);
     background-repeat:repeat-x;
    /*background-color: #155b83;
     */
     color: #111111;
}
 #skip a:focus {
     float:left;
     position:absolute;
     top:0;
     width:auto;
     height:auto;
     color:#000000;
     background-color:#EEB211;
}
 #skip a {
     padding: 6px;
     position: absolute;
     top: -40px;
     left: 0px;
     color: white;
     border-right: 1px solid white;
     border-bottom: 1px solid white;
     border-bottom-right-radius: 8px;
     background: transparent;
     -webkit-transition: top 1s ease-out, background 1s linear;
     transition: top 1s ease-out, background 1s linear;
     z-index: 100;
}
/*
#vcard {
    float:left;
}
#vcard a {
    display:block;
    padding:0px !important;
    margin:0px;
}
#closeDiv {
    float:right;
    font-size:60%;    
}
*/
 #container {
     width: 700px;
     background-color: #ffffff;
     background-image:url(../images/FacultyTemplate/paperTexture.jpg);
     -webkit-border-radius: 0px 0px 10px 10px;
     -moz-border-radius: 0px 0px 10px 10px;
     Border-radius: 0px 0px 10px 10px;
     -webkit-box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, .2);
     -moz-box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, .2);
     Box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, .2);
     border: solid 1px #333333;
     margin-right: auto;
     margin-bottom: 15px;
     margin-left: auto;
     clear:both;
}
 #breadcrumb {
     width: 700px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 15px;
     margin-bottom: 4px;
     padding-right: 15px;
     color: #ffffff;
     font-size: 80%;
     height: 15px;
}
 #breadcrumb a {
     color: #ffffff;
}
 #breadcrumb a:hover {
     text-decoration: underline;
}
 #breadcrumb li {
     display: inline;
     float: left;
     padding-left: 5px;
     padding-right: 5px;
}
 #breadcrumb ul {
     float: right;
     padding: 0px;
     margin: 0px;
}
 #header {
     background-image: url(/files/images/FacultyTemplate/facultyHeaderBg.jpg);
     background-repeat: no-repeat;
     background-color: #444444;
     color: #FFFFFF;
     padding-left: 5px;
     text-align: left;
     height: 150px;
}
 #headName {
     padding: 0px;
     width: 650px;
     margin-top: 70px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 30px;
     font-size: 15px;
     position: absolute;
     /*float: left;
     height: 80px;*/
}
 #headName h1, #headName h2 {
     font-family: 'Fjalla One', sans-serif;
     text-shadow: 1px 1px 4px #000000;
     padding:0px;
     margin:0px;
}
 #logo {
     padding: 0px;
     float: right;
     margin-top: 15px;
     margin-right: 15px;
     margin-bottom: 0px;
     margin-left: 0px;
}
 /*
 #facultyInfo {
     display:none;
     position:absolute;
     background-color: rgba(255, 255, 255, .8);
     border:solid 1px #444444;
     padding:10px;
        -webkit-box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, .2);
     -moz-box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, .2);
     Box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, .2);
     width: 500px;
     margin-top: 25px;
     margin-bottom: 15px;
     margin-left: 25px;
}
*/
 #facultyInfo {
     width: 555px;
     margin-top: 25px;
     margin-right: auto;
     margin-bottom: 15px;
     margin-left: auto;
}
#facultyInfoImage{
    float:left;
    margin-right:15px;
     margin-bottom: 8px;
}
#facultyInfoText {
    float:left;
    width:300px;
     margin-bottom: 8px;
}
 #facultyInfo h1 {
     font-family: 'Fjalla One', sans-serif;
     font-size:110%;
     margin-bottom:4px;
}
 #facultyInfo hr {
     clear: both;
     width: 80%;
     margin: 0px auto;
}
 #facultyInfo p {
     margin: 0px;
     padding: 0px;
     font-size: 80%;
}
 #facultyInfo img {
     background-color: #eeeeee;
     padding: 2px;
     border: 1px solid #666;
}
 #content {
     margin-right: 25px;
     margin-left: 25px;
     margin-top:0px;
     margin-bottom:15px;
     clear: both;
}
 #footer {
     clear: both;
     text-align: center;
     margin-top: 0px;
     margin-right: 15px;
     margin-bottom: 25px;
     margin-left: 15px;
     font-size: 90%;
}
 #footer p {
     margin: 0px;
     padding: 0px;
}
 #disclaimer {
     width: 600px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 25px;
     text-align: center;
     font-size: 80%;
     color: #ffffff;
     padding: 0px 15px;
}
/* Style the main navigation menu */
 #mainNav {
     font-size: 1.1em;
     margin: 0px;
     padding: 0px;
     height: 2.5em;
     overflow-y: none;
     background-color: #03314B;
     border-bottom: solid 4px #eeb211;
     /*clear: both;*/
     display: block;
}
 #mainNav ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     width: 100%;
}
 #mainNav li {
     float: left;
     position: relative;
    /*border-left:solid 2px #155b83;
    */
}
 #mainNav li ul {
     display: none;
     z-index: 100 !important;
     position: absolute;
     background-color: #03314B;
     border: solid 2px #eeb211;
     width: auto;
}
 #mainNav li ul li {
     clear: both;
     width: 10em;
}
/* Sub menu */
#mainNav li ul li ul {
display:none !important;
position: absolute;
     border-top: solid 2px #eeb211;
     top:-42px;
     left: 9.6em;
}
#mainNav li ul li:hover ul {
display:block !important;
}

#mainNav li > #mainNav ul {
     top: 0px;
     left: auto;
}
 #mainNav li:hover ul {
     display: block;
}
 #mainNav a {
     display: block;
     color: #FFFFFF;
     text-decoration: none;
     padding-top: 12px;
     padding-right: 15px;
     padding-bottom: 12px;
     padding-left: 15px;
}
 #mainNav a:hover {
     display: block;
     background-color: #155b83;
     color: #ffffff;
}
 #mainNav .current {
     display: block;
     background-color:#03314B;
     color:#EEB211;
}

/* Style text and links */
 p, li {
     line-height: 1.3em;
     font-size:0.8em;
}
 a {
     color: #03314B;
     text-decoration: underline;
}
 a:hover {
     color: #000000;
}
 #content ul {
     margin: 10px 0 0 0;
}
 #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
     font-family: 'Fjalla One', sans-serif;
     margin: 10px 0 0 0;
     padding: 0px;
     color:#03314B;
}
 #content h1 {
    /*border-bottom:solid 2px #155b83;
    */
     padding-left:0px;
     font-size:2.8em;
     letter-spacing:.9px;
}
 #content h2 {
     font-size:1.2em;
     padding-top: 1.0em;
}
 #content h3 {
     font-size:1.1em;
}
 #content h4 {
     font-size:1em;
}
 #content h5 {
     font-size:0.9em;
}
 #content h6 {
     font-size:0.8em;
}
.first-letter::first-letter { 
    float: left; color: #03314B; font-size: 55px; line-height: 40px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }