body {  font-family: verdana, sans-serif; font-size: 10px;  margin: 0; padding: 0; background-color: #777C87; /* #777C87 */;}
img { border: 0; }
#topbar { height: 50px; display: block; background-color: #000; }

#container { width: 882px; height: 566px; margin: auto; background: #777C87 url(../images/common/plain_bg.gif) no-repeat; /* border: 1px solid yellow; */}

.extended #container { width: 882px; height: 607px; margin: auto; background: #777C87 url(../images/common/extended_bg.gif) no-repeat; }

#header { margin: auto; width: 754px; height: 57px;  /*background: #777C87 url(../images/home/bg_header.gif) no-repeat; */ }
#artschool { margin: auto; width: 723px; padding-left: 30px; padding-top: 18px;}

#thumbs { width: 755px; margin: auto; padding-right: 1px; margin-bottom: 0;}

#nav { width: 754px; height: 27px; margin: auto; margin-top: 0; }
#nav ul { list-style-type: none; padding: 0; margin: 0; padding-top: 7px; padding-left: 20px; }
#nav ul li { float: left; padding-right: 35px; }
#nav ul li.right { padding-right: 0px; }
#nav ul li a { display: block;  font-family: "Trebuchet MS", sans-serif; text-decoration: none; color: #000;  font-size: 11px; font-weight: bold;}
#nav ul li a:hover, #nav ul li.on a { color: #fff; }

#leftCol { position: relative; float: left; width: 271px; padding-left: 63px;  /* border: 1px solid red; */  } /* 328 + 6 */
.extended #leftCol {float: left; width: 334px; padding-left: 0px;/*  border: 1px solid red; */} /* 328 + 6 */

#pageTitle {display: none; padding-left: 24px; height: 27px; padding-top: 20px; padding-bottom: 0;  /* border: 1px solid yellow; */ } /* NOTE HEIGHT */
.extended #pageTitle {padding-left: 90px; height: 47px; padding-top: 20px; }

#pageTitle h1 { display: inline; padding: 0; margin: 0; font: normal 13px "Trebuchet MS", sans-serif; color: #999; letter-spacing: 1px;}
#pageTitle h2 { display: inline; padding: 0; margin: 0; font: normal 13px "Trebuchet MS", sans-serif; color: #cc3333;  letter-spacing: 1px;}

.extended #pageImage { padding-left: 6px; }
.extended #imageCaption { font-size: 9px; font-family: verdana, sans-serif; padding-left: 90px; padding-top: 12px; }

#subnav { margin-top: 22px; margin-bottom:0px;  } /*  had to set a negative margin to get this to snug up */
#subnav ul { list-style-type: none; padding: 0; margin: 0; padding-top: 0px; padding-left: 24px; /* border: 1px solid green; */}
#subnav ul li { margin: 0; padding: 0;  width: 240px; padding-bottom: 3px;  /* border: 1px solid #cff; */ } /* border is to make IE Win behave */
#subnav ul li a { display: block;  font-family: verdana, arial, "Trebuchet MS", sans-serif; text-decoration: none; color: #999;  font-size: 10px; font-weight: normal; padding: 0; margin: 0;}
#subnav ul li a:hover, #subnav ul li.on a { color: #000; }

#subnav ul li a {display:inline-block;}
#subnav ul li a {display:block;}

/* for Current Faculty */
#subnav table { width: 260px;  }
#subnav td  { vertical-align: top;}
#subnav td ul li { width: auto; }
#subnav td.leftCell  { padding-right: 4px;  width: 140px;}


#pageImage { margin-left: 24px;  margin-top: 0px;}
#portfolioButton { position: absolute; left: 84px; top: 306px; display: block;}
#showtextButton { position: absolute; left: 84px; top: 306px;   display: none;}

.extended #pageImage { padding-left: 6px; margin-left: 0px; margin-top: 68px;}
/* .currentFaculty #pageImage {  position: absolute; left: 84px; top: 140px; } */
#bioImage {  position: absolute; left: 84px; top: 140px; }

.extended #imageCaption { font-size: 9px; font-family: verdana, sans-serif; padding-left: 90px; padding-top: 12px; }

#rightCol {float: left; margin-left: 20px; margin-top:22px; width: 440px; height: 300px;  /* border: 1px solid red; */  }

h2 { font-size: 14px; color: #666; }

.calendarTable td { padding: 4px 12px; }

.notice { color: red; }

#addressDiv {   clear: both; position: absolute; top: 10px; width: 800px; margin: auto; font-family: verdana, sans-serif; font-size: 9px; color: #ccc; text-align: right; }