body { 
margin: 0px; 
padding: 0px; 
text-align: center; 
background: #655b4f url(../img/part.gif) no-repeat top center;
font-family: Georgia, Garamond, "Times New Roman";
font-size: 90%;
font-weight: normal;
}

a:link, a:visited, a:active {
font-size: 90%;
font-weight: bold;
color: #600;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

a:hover {
font-size: 90%;
font-weight: bold;
color: #666;
text-decoration: none;
background: url(../img/dot.gif) repeat-x bottom;
}

a:hover.linkimg {border:none; background:transparent;}
img {
border: 0;
}

#wrap {
width:900px;
margin: 20px auto;
padding:0;
text-align: left;
border: 1px solid #9f9a8f;
background-color: #e4e2d7;
}


/*************VARIOUS**************/

ul.item {
 padding: 0;
 border: 0;
 margin: 5px 0px 0px 0px;
 list-style: none;
}

ul.item li {
padding: 1px 4px 0px 15px;
border: 0;
margin: 10px 0px 3px 20px;
line-height: 111%;
background: url(../img/item.gif) no-repeat top left;
}

ul.acrobat {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
}

ul.acrobat li {
padding: 0px 10px 5px 20px;
border: 0;
margin: 10px 0px 10px 20px;
line-height: 95%;
background: url(../img/acrobat_small.gif) no-repeat top left;
}

ul.acrobat2 {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
}

ul.acrobat2 li {
padding: 0px 10px 5px 20px;
border: 0;
margin: 10px 0px 10px 25px;
line-height: 95%;
background: url(../img/acrobat_small.gif) no-repeat top left;
}

.clearer {
clear: both; 
}

#captionwrapper{
float:left;
padding: 0;
text-align: left;
width: 97%;
margin: 0px 0px 0px 10px;
border: 0px solid #333;
height: 200px;
}

#caption {
float: left;
padding: 0;
border: 0;
margin: 0;
width:100%;
height: 200px;
text-align: left;
}

#bio{
padding: 0;
text-align: left;
width: 100%;
margin: 0px 0px 10px 0px;
}

#bio_alt{
padding: 0;
text-align: left;
width: 100%;
margin: 10px 0px 10px 0px;
border: 0px solid #ccc;
}

#faculty_info{
width: 90%; 
height: 200px;
}

#content-left{
background-color: #e4d9d9; 
width: 25%; 
height:3763px; 
float: left; 
border-right: 1px solid grey; 
padding-top: 50px;
}
.portrait {
float:left;
margin: 1px 10px 31px 10px;
padding: 2px;
border: 1px solid #ccc;
background: #fff;
}

.portrait2 {
float:left;
margin: 10px 15px 5px 18px;
padding: 2px;
border: 1px solid #ccc;
background: #fff;
}

.portrait_alt {
float:left;
margin: 10px 10px 20px 10px;
padding: 2px;
border: 1px solid #ccc;
background: #fff;
}

.books_holder {
width: 100%;
float: left;
height:auto;
margin: 0px 1px 0px 0px;
padding: 0;
border: 0px solid #ccc;
}

.img-left-cap {
float:left;
margin: 10px 3px 10px 3px;
padding: 6px 6px 13px 6px;
border: 0px solid #ccc;
text-align: center;
font-size: 85%; 
font-weight: bold;
}

.img-left-cap span {
margin: 10px 6px 10px 6px; 
width: 100%;
line-height: 100%;
}

ul.video {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
list-style: none;
}

ul.video li {
padding: 0px 10px 0px 30px;
border: 0;
margin: 10px 0px 2px 10px;
font-size: 100%;
font-weight:normal;
line-height: 145%;
background: url(../img/video.gif) no-repeat top left;
}


/*************END VARIOUS**************/



/*************HEADER SECTION**************/

#header {
width: 100%; 
height: 162px;
padding: 0;
border-bottom: 0px #a19784 solid;
margin: 0;
background: #600 url(../img/header_bg.gif) repeat-x;
}

#left {
padding: 0;
border: 0;
margin: 23px 0px 0 25px;
float: left;
}

#logo {
padding: 0;
border: 0;
margin: 18px 0px 0 28px;
float: left;
}


#wrdmrk {
float: right;
padding: 0;
border: 0;
margin: 40px 10px 0px 0px;
}

/*****MAIN NAVIGATION SECTION*****/

#navbar {
width: 900px;
height: 36px;
border: 0px solid #fff;
margin: 1px 0 1px 0;
background: #332312;
}

#nav {
width: 682px;
height: 36px;
border: 0px solid #fff;
margin: 0 0 0 2px;
background: #332312;
float: left;
}

#nav ul {
padding: 0;
margin: 0px 0 0px 0;
float: right;
height: 36px;
overflow: hidden;
}

#nav ul li, #nav ul li a {
display: block;
float: left;
height: 36px;
background-position: left top;
margin: 0px 0 0px 0;
overflow: hidden;
}

#nav ul li a:hover {
background-position: left bottom;
}

#nav ul li a span {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

#home a { background: url('../img/nav/home.gif'); width: 75px; }
#home a.selected { background-position: left bottom;}
#faculty a { background: url('../img/nav/faculty.gif'); width: 87px; }
#faculty a.selected { background-position: left bottom;}
#undergrad a { background: url('../img/nav/undergrad.gif'); width: 146px; }
#undergrad a.selected { background-position: left bottom;}
#grad a { background: url('../img/nav/grad.gif'); width: 104px; }
#grad a.selected { background-position: left bottom;}
#other a { background: url('../img/nav/other.gif'); width: 120px; }
#other a.selected { background-position: left bottom;}
#ann a { background: url('../img/nav/ann.gif'); width: 150px; }
#ann a.selected { background-position: left bottom;}

/*****END MAIN NAVIGATION SECTION*****/


/*****SEARCH SECTION*****/

#srch {
width: 205px;
float: right;
text-align: left;
padding: 0px 5px 0px 0px;
border: 0;
margin: 0;
}

#srch #phil-srch {
padding: 0;
border: 0;
margin: 0px 0px 0px 0px;
float: right;
}

#srch #phil-srch input {
font-size: 13px;
color: #d1cdc1;
background-color: #625649;
border: 0px solid #ccc;
margin: 8px 0px 0px 0px;
float: left;
height: 17px;
width: 110px;
}

#srch #phil-srch label {
position: absolute;
visibility: hidden;
}

#srch fieldset {
padding: 0;
border: 0;
margin: 0;
float: right;
}

#srch #phil-srch .gobutton {
margin: 1px 0px 0px 0px;
border: 0px;
height: 33px;
width: 33px;
background: none;
}

/*****END SEARCH SECTION*****/

/*************END HEADER SECTION**************/



/*************PICS SECTION**************/

#middle {
width: 900px;
height: 170px;
margin: 1px 0 0 0;
}

/*************END PICS SECTION**************/


/*************FRONT PAGE**************/

#triwrapper {
margin: -3px 0 10px 0;
height: 520px;
background: none;
width: 950px;
border-right: 0px #a19784 solid;
border-left: 0px #a19784 solid;
}

#btleft {
float:left;
width: 550px;
margin: 0;
padding: 0;
text-align: left;
}

#btleft p.left {
line-height: 150%;
text-align: left;
padding: 0px 5px 5px 5px;
margin: 10px 0px 0 12px;
color: #000;
}

#btright{
float:right;
width:330px;
height: 500px;
padding: 0px;
border-right: 0px solid #a19784;
margin: 0px 0px 0px 0px;
text-align: left;
background: url(../img/btright_bg.gif) no-repeat;
}

#btright p.right {
line-height: 150%;
text-align: left;
padding: 0px 5px 5px 5px;
margin: 60px 0px 0 20px;
color: #555;
}

#btright p.lower {
line-height: 130%;
text-align: left;
padding: 0px 5px 5px 5px;
margin: 120px 0px 0 20px;
color: #555;
}

/*************END FRONT PAGE**************/


/*************CONTENT SECTION**************/

#content {
width: 900px;
padding: 0px 0px 0px 0px;
margin: 0;
border-right: 0px #333 solid;
border-left: 0px #333 solid;
border-bottom: 0px #fff solid;
border-top: 0px #333 solid;
background: #e4e2d7; 
}

#content p {
padding: 5px;
border: 0;
margin: 5px 10px 5px 15px;
line-height: 150%;
text-align:left;
}

#content h1 {
font-size: 170%; 
font-weight: normal;
color: #600;
padding: 0px 0px 0px 0px;
width: 98%;
border-bottom: 1px solid #a19784;
margin: 10px 10px 0px 10px;
}

.subhead {
font-size: 90%; 
font-weight: normal;
color: #333;
}

#content h2 {
font-size: 140%; 
font-weight: normal;
color: #444;
padding: 0;
margin: 6px 0px 4px 16px;
}

#content h2.front {
font-size: 120%; 
font-weight: normal;
color: #600;
padding: 0;
margin: 6px 0px 4px 16px;
}

#content h2.biohead {
font-size: 140%; 
font-weight: normal;
color: #444;
padding: 0;
margin: 16px 0px 4px 20px;
}


#content h3 {
font-size: 135%; 
font-weight: normal;
color: #600;
padding: 0;
margin: 12px 0px 4px 18px;
}

#content h4 {
font-size: 125%; 
font-weight: normal;
color: #343;
padding: 0;
margin: 12px 0px 4px 9px;
}

#content .pagehead {
padding: 0;
margin: 12px 0px 4px 12px;
}

.table {
color: #000;
padding: 0;
border: 0;
margin: 15px 0px 15px 70px;
background-color: #999;
width: 85%;
}

.table .row {
font-size: 100%; 
font-weight: normal;
text-align: left;
padding: 0;
border: 0;
margin: 0;
background-color: #eee;
}

.table .row2 {
font-size: 100%; 
font-weight: normal;
text-align: left;
padding: 0;
border: 0;
margin: 0;
background-color: #ddd;
}

.table .title1 {
font-size: 100%; 
font-weight: bold;
text-align: center;
color: #fff;
padding: 0;
border: 0;
margin: 0;
background: #9a8a70;
}

.table .title {
font-size: 100%; 
font-weight: bold;
text-align: center;
color: #fff;
padding: 0;
border: 0;
margin: 0;
background: #600
url(../img/maroon-bg-60.gif) repeat center center;
}

.table .header {
font-size: 100%; 
font-weight: bold;
text-align: left;
color: #fff;
padding: 4px;
border: 0;
margin: 0;
background:#666;
}

button{
width: 100%; 
height: 50px; 
color: white; 
background-color: #440d0d; 
font-size: 120%;
}

/*************END CONTENT SECTION**************/




/*************STAFF SECTION**************/

#staff {
width: 95%;
padding: 10px 5px;
border-top: solid 5px #600;
border-bottom: solid 5px #600;
margin: auto;
background: #eee;
text-align: left;
height: 235px;
}

#staff p {
padding: 0;
border: 0;
margin: 0px 5px 5px 5px;
color: #000;
line-height: 150%;
}

#staff h1 {
padding: 0;
border: 0;
margin: 0px 5px 5px 5px;
font-size: 16px; 
font-weight: bold;
color: #600;
}

#staff h2 {
padding: 0;
border: 0;
margin: 0px 5px 5px 5px;
font-size: 12px; 
font-weight: bold;
color: #000;
}

#staff .rightimg {
margin: 2px 7px 4px 0;
padding: 2px;
border: 1px solid #ccc;
background: #fff;
}

#close {
width: 95%;
margin: 5px auto;
padding: 0;
border: 0;
font-size: 10px; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight: bold;
color: #fff;
text-align: right;
}

#close a {
padding: 0;
border: 0;
margin: 0;
font-size: 10px; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight: bold;
color: #fff;
}


/*************END STAFF SECTION**************/

/*************NEWS PAGE**************/

#newsPageEventsBox { margin: 0; }

.archiveLink {
    margin-left: 20px;
}

.newsPageList {
    list-style: none;
    margin-left: 10px;
    padding: 0;
}

.newsPageDate { text-decoration: underline; }

.newsList { margin-bottom: 20px; }

#content .newsList h3 {
    font-size: 1.1em;
    margin-bottom: 0;
}

#content .newsList h2 {
    margin-top: 0;
}

#content h2 a.newsListLink {
    color: #444444;
    font-size: 80%;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

/*************BOTTOM SECTION**************/

#bottom {
margin: 0;
width: 100%;
height: 78px;
background: #dbd8cb url(../img/bottom_bg.gif) repeat-x;
float: left;
}

/*************END BOTTOM SECTION**************/



/*************FOOTER SECTION**************/

#footer {
clear: both;
padding: 6px;
border: 0;
height: 42px;
margin: 0px auto;
font-size: 10px;
color: #fff;
text-align: center;
background: #600 url(../img/footer_bg.gif) repeat-x;
}		

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
font-size: 10px;
padding: 0;
border: 0;
margin: 0;
color: #eee;
text-decoration: underline;
}

#footer a:hover {
font-size: 10px;
color: #eee;
background-color:#333;
}

/*************END FOOTER SECTION**************/


/**************SMOOTH COLLAPSE MENU****************/


.sdmenu {
width: 100%;
padding: 0;
margin: 0;
border: 0px #000 solid;
}

.sdmenup {
padding: 5px;
border: 0;
margin: 5px 0px 0px 10px;
line-height: 130%;
text-align:left;
}

.sdmenu .title, .sdmenu .titlehidden{
display: block;
padding: 5px 0 10px 10px;
font-weight: normal;
color: #000;
width:90%;
font-size: 105%; 
}

.sdmenu .title {
border-bottom: 0px solid #DDD;
}

.sdmenu .arrow {
margin: 10px 10px 0 10px;
}

.sdmenu .titlehidden {
border-bottom: none;
}

.sdmenu #top {
}

.sdmenu .top {
}

.sdmenu .submenu {
overflow: hidden;
padding-bottom: 5px;
}

/**************END SMOOTH COLLAPSE MENU****************/



/********MEDIA QUERIES********************/
@media only screen and (min-width: 320px) and (max-width: 968px) {

  #navbar{
     height: 150px;
     background: #a19784 url(../img/top_bg.gif) repeat;
  }
  
  #topnav ul{
    width:100%;
    height: 150px;
  }

  #topnav ul li {
    width:100%;
    float:none;
  }

  #topnav ul li a {
    width:100%;
    float:none;
  }

  #topnav ul li a span {
    width:100%;
    float:none;
    text-align: left;
    padding-left:125px;
  }
  
  #header{
     width: 100%;
  }
  
  #wrap {
     width: 100%;
  }
  
  #wrapper{
     width: 100%;
  }
  
  #biwrapper{
     width: 95%;
  }
  
  #left{
     width: 100%;
  }
  
  #right{
     width: 100%;
  }
  
  div.div_abbrev{
     width: 100%;
  }
  
  #footer{
     width: 100%;
  }  

  #footer p{
     margin-top: 10px;
  }  
    
}