/* CSS Document */
/*********************************
**********************************

Global

**********************************
*********************************/
* {
    margin: 0;
    padding: 0;
}
* html #Content {
    /* IE will drop the right column float without this */
    width:expression(document.body.clientWidth < 999? "990px": "auto" );
    width:expression(document.body.clientWidth > 860? "850px": "auto" );
}
body{
    background-color:rgb(253,246,231);
/*   font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1em;
    color: #000;
/* keep floating elements from collapsing on window resize.  This has no effect on IE .. surprise.  See further below for hack. */
    min-width: 805px;
}
a {
/*    color: rgb(102,102,102); */
    color: rgb(50,50,50); 
    text-decoration:none;
    font-size:1em;
    line-height:1em;
}
a.inline {
/*    color: rgb(102,102,102);*/
    color: rgb(50,50,50);
    text-decoration:none;
    border-bottom: 1px dotted;
    font-size:1em;
    line-height: 1.2em;
}
a.inline2 {
    text-decoration:none;
    border-bottom: 1px dotted rgb(102,102,102);
}
a:hover {
    color: rgb(177,15,12);
}
p, ul {
    margin: 10px 0 8px 0; 
    line-height:1.1em;
    font-size:1em;
    color: rgb(50,50,50);
}
li {
  line-height:1em;
}
ul.clean {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ol.woodslist {
  padding-left:10px;
}
h1 {
  font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgb(5,33,71);
    margin: 0 0 8px 0;
}
h2 {
  font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgb(102,102,102);
    margin: 2px;
}
h3 {
    font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    color: rgb(183,6,11);
    font-weight: bold;
    margin: 0 0 0 0;
}
h4 {
    font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgb(102,102,102);
    margin: 0;
}
h5, h5 a {
    font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    font-size:1.2em;;
    font-weight: normal;
    color: rgb(180,158,107);
}
h6 {
  font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: rgb(120,130,24);
}
h7 {
  font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: rgb(120,130,24);
}
.f8em {
font-size:.8em;
}
.f12px {
font-size:12px;
}
.f10px {
font-size:10px;
}
ul {
    margin: 0 0 8px 14px;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
img.title {
    position:relative;
    border: 0;
    margin: 20px 0 15px 0;
    padding: 0;
/*    left:-150px; */
    vertical-align: top;
    z-index:90;
}
img.titleHome {
    position:relative;
    border: 0;
    margin: 20px 0 15px 0;
    padding: 0;
    left:-163px; /* (800 - 541)/2 + (541 - 508) */
    vertical-align: top;
    z-index:90;
}
img.titletag {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position:relative;
    left:-99px; /* (800 - 414)/2 + (414 - 508) */
    z-index: 90;
}
img.titletag2 {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position:relative;
    left:-99px; /* (800 - 414)/2 + (414 - 508) */
    z-index: 90;
}
.keyword {
    font-weight: bold;
    text-decoration: underline;
}
.photocredit {
    font-size: .9em;
}
.diagram {
    width: 551px;
    margin: 16px 0 8px 0;
}
.title {
    padding-top: 37px;
    padding-bottom: 15px;
}
.textgold {
    font-size: 1.3em;
    font-weight: normal;
    color: rgb(190,168,117);
}
.tgold {
    color: rgb(190,168,117);
}
.textgrey {
    font-weight: normal;
    color: rgb(102,102,102);
}
.textgreen, a.textgreen {
    font-weight: normal;
    color: rgb(120,130,24);
}
.hgreen, a.hgreen {
    font-weight: bold;
    font-style: italic;
    color: rgb(120,130,24);
}
.textblack {
    font-weight: normal;
    color: rgb(0,0,0);
}
.textred, .error {
    font-weight: normal;
    color: rgb(177,15,12);
}

#Content ul.schools, #Content ul.centers {
  font-variant: small-caps;
  list-style-type: none;
  margin:0;
  padding: 0;
}
#Content ul.schools li, #Content ul.centers li{
  font-family: Adobe Garamond Pro, Garamond, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-weight:bold;
  font-size:1.1em;
  margin:10px 0 0 0;
  padding: 0;
}
#Content ul.schools ul {
  font-variant: normal;
}
#Content ul.schools ul li {
  font-variant: normal;
  font-weight:normal;
  font-size:1.1em;
  color: rgb(120,130,24);
  margin:10px 0 0 0;
  padding: 0;
}
#Content ul.centers ul li {
  font-family: Arial, Helvetica, sans-serif;
  font-variant: normal;
  font-weight:normal;
  font-size:.9em;
  margin:5px 0 0 0;
  padding: 0;
}
#Content ul.centers a,#Content ul.schools a {
    line-height:1.2em;
}
#Content ul.schools ul li li{
  font-family: Arial, Helvetica, sans-serif;
  font-size:.8em;
  font-variant: normal;
  font-weight:normal;

  margin:5px 0 0 0;
  padding: 0;
}

.openingPP, p.openingPP, #Content .openingPP {
   font-size:1.1em;
    margin: 0 10px 10px 0;

    font-weight: normal;
/*    color: rgb(102,102,102); */
}

.openingP, p.openingP, #Content .openingP {
    margin: 0 10px 10px 0;
    line-height:1em;
    font-weight: normal;
    color: rgb(102,102,102);
}
#Content .profileP, .profileP, p.profileP {
  font-size: 14px;
  margin: 0 10px 0px 0;
  color: rgb(102,102,102);
}
#Content ul.openingP {
  margin: 0 0 0 5px;
}
#Content ul.openingP li {
    margin: 0 10px 0 15px;
    line-height:1em;
    font-weight: normal;
    color: rgb(102,102,102);
}
.openinggold, a.openinggold {
    line-height:1em;
    font-weight: normal;
    color: rgb(190,168,117);
}
dl.grylst{
    color:rgb(102,102,102);
    font-size:11px;
    width:290px;
    margin-left: 5px;
}
dl.grylst dt{
    font-weight:bold;
    padding-top:10px;
}   
.docp, .docc {
    font-weight:normal;
    padding-bottom: 10px;
    text-align:top;
    font-size: 1em; 
    color:rgb(44,86,132);
    z-index:1;

}

.docp a, .docc a{
    font-size:1em;
    color:rgb(44,86,132);
    text-decoration: none;
    font-weight: normal;
}
.docp a:hover, .docc a:hover {
    color: rgb(0,42,88);
}
dl.redlst {
    margin-top: 17px;
    margin-left: 19px;
    font-size: 11px;
    color: #B10F0C;
    margin-bottom: 20px;
}
dl.redlst a {
    font-size: 11px;
    color: rgb(102,102,102);
}
.active, dl.redlst dd.active, dl.redlst a:hover {
    color: #B10F0C;
}
dl.redlst dd {
    padding-left: 13px;
    color: #000000;
}
dl.redlst ul {
    padding-left: 10px;
    margin-bottom: 0;
}
dl.woodslst, ul.woodslst {
    color:rgb(102,102,102);
    font-size:12px;
    margin-left: 5px;  
}
dl.woodslst dt a, ul.woodslst li a{
/*    padding-left: 13px; 
    background-image: url(../gfx/list_arrow.gif); 
    background-repeat: no-repeat;
    background-position: 0 3px; */
}
dl.woodslst dt a:hover{
    background-image: url(../gfx/list_arrow_over.gif);
}

dl.evp dt,dl.evp dd {
  float: left;
}
dl.head dd {
  font-weight:bold;
}
div#mininav ul, ul#expnav, ul#mininav2 {
  list-style-type: none;
  position: relative;
}
div#mininav ul {
 left:-25px;
 margin:0;
 padding: 0;
 width:570px;
}
div#mininav ul li {
  font-size: .9em;
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}
ul#mininav2 li,ul.mininav2 li {
  font-size: .9em;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
ul#expnav li {
  font-size: .9em;
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}

.profile {
    width:135px;
    margin:2px 2px 2px 10px;
    line-height:1em;
    font-size:12px;
}
.profile a{
    color: rgb(177,15,12);
    font-weight:bold;
}
.attrib {
  font-size: .9em;
  font-style: italic;
}
.attribnorm {
  font-size: .9em;
  font-style: normal;
}
.pattrib {
  margin-left: 250px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#logoInitiativeLeft {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    z-index: 1;
}
#logoWoodsRight {
    position: relative;
    float: left;
    margin: -35px 0 0 150px;
    _margin: 65px 0 0 225px;
    padding: 0;
    z-index: 1;
}
/*********************************
**********************************

Header Navigation Block

**********************************
*********************************/
/* Emulates min-width in IE */
* html #HeaderBlock {
    border-right: 0px solid white;
}
* html #NAV {
    float: left;
    margin-right: -500px;
}
#HeaderBlock {
    float: left;
    width:auto;
    background-color: rgb(255,255,255);
    width: 100%;
}
/*********************************
**********************************

Top

**********************************
*********************************/
#top {
    float:left;
    width: 100%; 
    height: 132px; 
    background:#fff;
}
a#top, a.empty {
 clear:both;
 float:none;
 height:0;
 margin:0;
 padding:0;
}
a.linktop {
 clear:both;
 float:none;
 height:0;
 margin:0;
 padding:0;
 border-top: 1px solid;
 border-bottom:1px solid;
}
.logo {
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 0;
}
.Logo{
    position:relative;
    top:70px;
    left:250px;
    border:0;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.Logoa{
    margin-left:20px;
    margin-top:20px;
    border: 0;
}

.Logob{
    position:relative;
    left:325px;
    top:35px;
    border: 0;
}
/*********************************
Search
*********************************/
.searchText {
    margin-bottom:10px;
}
.searchButton {
    margin-left:5px;
    margin-top:2px;
}
.searchField {
    margin: 0 0 12px 0;
    vertical-align:top;
}
#ContentB.searchPage ol, #ContentB.searchPage ul, ul#searchName {
    margin: 0 5px 5px 5px;
    padding: 0;
    float: left;
    list-style-type: none;
}
#ContentB.searchPage ol li, #ContentB.searchPage ul li, ul#searchName li {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
}
#ContentB.searchPage ol li {
    width: 14px;
}
#ContentB.searchPage ol li a {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
}
#ContentB.searchPage ol li, ul#searchName li {
    float: left;
}
#ContentB.searchPage ul li {
    padding-bottom: 3px;
}
#ContentB.searchPage fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
#ContentB.searchPage label {
    color:;
    padding: 5px;
}
#ContentB.searchPage ol a img {
    vertical-align: top;
    display: block;
    visibility: hidden;
    top: 0;
    margin: 0 0 2px 0;
    padding: 0;
}
/* IE needs a hover action specifically on the anchor for it
   to work ... LAME! */
#ContentB.searchPage ol a:hover, #ContentB.searchPage ol a:hover img {
    visibility: visible;
}
div#Cols {
    width: 700px;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}
div#Cols ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#Lcol, div#Rcol {
    float: left;
    width: 300px;
    margin: 0px;
}
input.areas {
    margin: 0px 10px 2px 5px;
    padding: 0px;
    vertical-align: bottom;
}
div#Cols ul li {
    margin: 0px 5px 5px 5px;
    padding: 0px;
    vertical-align: bottom;
}
/*********************************
Audience Nav
*********************************/
#navTableTop {
    float:left;
    position: relative;
    display: inline;
    width: auto;
    left:190px;
    top:20px;
    left:210px;
    _left:200px;
    margin: 0;
    padding: 0;
    z-index: 400;
}

#navTableTop dl {
    float: left;
    display: inline;
    height: 100%;
    list-style-type: none;
    z-index:400;
}
#navTableTop img {
    display: block;
    top: 0;
    padding: 3px 0px 3px 0px;
    z-index: 50;
}
#navTableTop span img {
    position: absolute;
    display: block;
    padding: 3px 0px 3px 0px;
    z-index: 51;
}
#navTableTop a:hover, #navTableTop a:hover img {
/* this kills swap on Safari beta ... others?
    display: block; */
    left: -999px;
}
#navTableTop dl dt {
    position: relative;
    display: block;
    float: left;
    font-size: .1em;
    border: 1px solid white;
    border-left: 1px solid black;
    margin-left: -1px;
    padding: 0 6px 0 5px;
}
/* YAIEH ... Yet Another IE Hack of sorts
   I tried putting a left border on the fieldset
   but IE yakked on the height and it would not size
   SO ... this makes everyoine happy */
#navTableTop dl dt.border2 {
    border: 1px solid white;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
#navTableTop fieldset {
    vertical-align: top;
    position: absolute;
    display: inline;
    float: none;
    height: 18px;
/*    width: 135px; */
    width: 120px;
    padding: 0;
    margin-top: 1px;
    border: 0;
}
#navTableTop fieldset label {
    vertical-align: top;
    float: left;
    position: relative;
    display: inline;
    height: 16px;
    top: 0;
    margin: 0;
    padding: 0 5px 0 5px;
    border: 0;
}
#navTableTop fieldset input.search {
    vertical-align: top;
    position: relative;
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    height: 15px;
    width: 95px;
    padding: 0;
    margin: -1px 0 0 -2px;
}
#navTableTop fieldset input.searchHidden {
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}
#navTableTop fieldset input.searchBug, #navTableTop fieldset select.search {
    vertical-align: middle;
    position: relative;
    display: inline;
    float: left;
    height: 14px;
    padding: 1px 0 1px 2px;
    margin: 0 0 0 3px;
    border: 0;
}
#navTableTop fieldset select.search {
    vertical-align: top;
    position: relative;
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: -1px 0 0 5px;
}
#navTableTop dl ul{
    visibility: hidden;
    display: block;
    position: absolute;
    margin: 15px 0 0 -1px;
    clear: both;
    padding: 0;
    list-style-type: none;
    border: 1px solid black;
    _margin-top: -0.1em;
    z-index: 400;
}
#navTableTop dl.over ul, #navTableTop dl:hover ul{
    visibility: visible;
    display: block;
    position: absolute;
    margin: 15px 0 0 -1px;
    clear: both;
    padding: 0;
    border: 1px solid black;
    _margin-top: -0.1em;
    z-index: 400;
}
#navTableTop dl ul a:hover {
    color: rgb(177,15,12);
}
#navTableTop dl ul li {
  _line-height:.1em;
}
#navTableTop dl ul li a {
    display: block;
    color: #000;
    background-color: rgb(255,255,255);
    padding:0;
    font-size:.75em;
    line-height:1.5em;
    text-decoration:none;
    margin: 0 5px 0 5px;
}
#ntBOTTOM {
    margin-top: 25px;
    clear: both;
}
#ntBOTTOM dl.over dt, #ntBOTTOM dl:hover dt {
    position: relative;
    display: block;
    float:left;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin-left: -1px;
/* a compromise ... though I actually like the aesthetic.  A solid white border does a nice punch out effect on every browser except for .. surprise .. @#%$ IE which leaves a 1px gap on the left.  The dotted border hides that gap and create a nice aesthetic at the same time */
    border-bottom: 1px  dotted white;
    _border-bottom: 2px  dotted white;
    z-index: 401;
}
#ntBOTTOM dl.over dt.plain, #ntBOTTOM dl:hover dt.plain {
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
#ntBOTTOM dl.over dt.plain2, #ntBOTTOM dl:hover dt.plain2 {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
#ntBOTTOM dl.over dt.plain2, #ntBOTTOM dl:hover dt.plain2, #ntBOTTOM dl.over dt.plain3, #ntBOTTOM dl:hover dt.plain3 {
  border-top: 1px solid white;
}
#ntBOTTOM dl.over dt.plain3, #ntBOTTOM dl:hover dt.plain3 {
  border-left: 1px solid white;
}
br { clear: left; }
br.none { clear: none; }
.dlflt{
    float:left;
}
#navTableTop ul {
    background: rgb(255,255,255);
}
ul.media {
    width: 9em;
}
ul.students {
    width: 8.5em;
}
#navTableTop .off, #navTableTop .plain3 {
    border-left: 1px solid white;
}
/*********************************
**********************************

Tab Nav

**********************************
*********************************/
div#tabNav{
    clear: both;
    float: left;
    position: relative;
    height: 22px;
    margin: 0;
    padding: 0;
    z-index: 200;
}
ul#tabList, ul#tabList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 200;
}
ul#tabList li {
    float: left;
}
ul#tabList li ul {
    left: -999em;
    position: absolute;
    background-color:#FFFFFF;
    border: 1px solid black;
    border-top: 0; 
    margin:0
    padding: 0;
    width: 172px;
}
ul#tabList ul.inittab {
    margin-left: 40px;
}
ul#tabList ul li {
    float: none;
}
ul#tabList li img {
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    z-index: 201;
}
ul#tabList li span img {
    display: block;
    position: absolute;
    height: 24px;
    margin: 0;
    padding: 0;
    z-index:202;
}
ul#tabList li ul li a {
    display: block;
    color: #000;
    background-color: rgb(255,255,255);
    padding: 4px 5px 4px 10px;
    font-size: 11px;
    text-decoration:none;
    height: 100%;
}
ul#tabList a:hover span img, ul#tabList li.over span img {
    left: -999em;
}
ul#tabList li ul li:hover a, ul#tabList li ul li.over a {
    background-color: rgb(120,130,24);
    color: rgb(255,255,255);
}
ul#tabList li:hover ul, ul#tabList li.over ul {
    left: auto;
}
/*********************************
**********************************

Primary Horizontal Nav

**********************************
*********************************/
#menu {
    position: relative;
    width: 100%;
    background:url(../gfx/nav/nav_bg.gif);
    float: left;
    margin: 0;
    padding: 0;
    z-index: 100;
    height:20px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#menu img {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    display: block;
    z-index: 100;
}
#menu span img {
    vertical-align: bottom;
    top: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 101;
}
#menu a {
    display: block;
    margin: 0;
    padding: 0;
    color: #000;
    background: #FFFFFF;
    text-decoration: none;
}
#menu a:hover {
    background-color: rgb(120,130,24);
    color: rgb(255,255,255);
}
#menu a:hover img {
    left: -999em;
}
#menu ul ul a, #menu ul ul ul a {
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
    padding: 4px 5px 4px 10px;
    height: 100%;
    _width: 100%;
}
#menu li {
    position: relative;
    margin: 0;
    _display: inline; /* cures a IE gap bug (but breaks other browsers) */
    padding: 0;
    z-index: 100;
}
#menu li li {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    z-index: 100;
}
#menu ul ul {
    background-color: rgb(255,255,255);
    position: absolute;
    border: 1px solid black;
    border-top: 0;
    margin: 0;
    padding: 0 0 3px 0;
    z-index: 100;
}
.w300     { width: 300px; }
.w275     { width: 275px; }
.w250     { width: 17em; }
.w225     { width: 225px; }
.w200     { width: 200px; }
.w175     { width: 175px; }
.w150     { width: 150px; }
.w125     { width: 125px; }
.w100     { width: 100px; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li.over ul ul
{visibility: hidden;}

div#menu ul li:hover ul,
div#menu ul li.over ul,
div#menu ul ul li:hover ul,
div#menu ul ul li.over ul
{visibility: visible;}
.bottom {
    border-bottom: 0px solid #666666;
}
/*********************************
**********************************

Focal Area Button Nav

**********************************
*********************************/
div#homeleft {
    position: relative;
    top:50px;
    z-index:1;
    padding: 0;
    margin: 0;
}

div#rollBtnsHome {
    width:272px;
    height: 791px;
    position: relative;
    z-index:1;
    padding: 0;
    margin: 0;
}
 div#rollBtnsMini {
    width:178px;
    height:352px;
    position: relative;
    z-index: 1;
}
div#rollBtnsHome span.focal {
    margin: 15px 0 0 0;
}
span.focal {
    margin: 15px 0 0 0;
    z-index:1;
}
/* i.e. image swap failed without this(??) */
div#rollBtnsHome a:hover, div#rollBtnsMini a:hover {
    cursor: hand;
}
div#rollBtnsHome a img, div#rollBtnsMini a img {
    position: absolute;
    height: 27px;
    z-index: 3;
}
div#rollBtnsHome span, div#rollBtnsMini span {
    position: absolute;
    z-index: 1;
}
div#rollBtnsHome span img, div#rollBtnsMini span img {
    top: 0;
    left: 0;
/*    visibility: hidden; */
    z-index: 1;
}
div#rollBtnsHome span, div#rollBtnsHome span img {
    height: 445px;
    width: 272px;
}
div#rollBtnsHome.full span, div#rollBtnsHome.full span img {
    height: 791px;
}
div#rollBtnsMini span,div#rollBtnsMini span img {
    height: 352px;
    width: 178px;
}
div#btn1home img {
    top: 35px;
    left: 90px;
}
div#btn2home img {
    top: 70px;
    left: 130px;
}
div#btn3home img {
    top: 105px;
    left: 165px;
}
div#btn4home img {
    top: 145px;
    left: 194px;
}
div#btn1mini img {
    top:0px;
    left: 100px;
}
div#btn2mini img {
    top: 30px;
    left: 135px;
}
div#btn3mini img {
    top: 66px;
    left: 160px;
}
div#btn4mini img {
    top: 105px;
    left: 175px;
}
/* This is the default image, so no need to define anything
    place holder for now ...
div#btn1home a span img, div#btn1home a span, div#btn1mini a span img, div#btn1mini a span {
    visibility: visible;
    z-index: 1;
}
*/
div#btn1home a span.actif,div#btn1home a span.actif img,div#btn2home a span.actif,div#btn2home a span.actif img,div#btn3home a span.actif,div#btn3home a span.actif img,div#btn4home a span.actif,div#btn4home a span.actif img,div#btn1mini a span.actif,div#btn1mini a span.actif img,div#btn2mini a span.actif,div#btn2mini a span.actif img,div#btn3mini a span.actif,div#btn3mini a span.actif img,div#btn4mini a span.actif,div#btn4mini a span.actif img {
    visibility: visible;
    z-index: 1;
}
div#btn1home a:hover span, div#btn2home a:hover span, div#btn3home a:hover span, div#btn4home a:hover span, div#btn1mini a:hover span, div#btn2mini a:hover span, div#btn3mini a:hover span, div#btn4mini a:hover span {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 2;
}
div#btn1home a:hover span img,div#btn2home a:hover span img, div#btn3home a:hover span img, div#btn4home a:hover span img, div#btn1mini a:hover span img,div#btn2mini a:hover span img, div#btn3mini a:hover span img, div#btn4mini a:hover span img {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 1;
}
div#btn1home a:hover span.actif, div#btn2home a:hover span.actif, div#btn3home a:hover span.actif, div#btn4home a:hover span.actif, div#btn1mini a:hover span.actif, div#btn2mini a:hover span.actif, div#btn3mini a:hover span.actif, div#btn4mini a:hover span.actif {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 2;
}
div#btn1home a:hover span.actif img,div#btn2home a:hover span.actif img, div#btn3home a:hover span.actif img, div#btn4home a:hover span.actif img, div#btn1mini a:hover span.actif img,div#btn2mini a:hover span.actif img, div#btn3mini a:hover span.actif img, div#btn4mini a:hover span.actif img {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 1;
}


div#btn1home a.over span, div#btn2home a.over span, div#btn3home a.over span, div#btn4home a.over span, div#btn1mini a.over span, div#btn2mini a.over span, div#btn3mini a.over span, div#btn4mini a.over span {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 2;
}
div#btn1home a.over span img,div#btn2home a.over span img, div#btn3home a.over span img, div#btn4home a.over span img, div#btn1mini a.over span img,div#btn2mini a.over span img, div#btn3mini a.over span img, div#btn4mini a.over span img {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 1;
}
div#btn1home a.over span.actif, div#btn2home a.over span.actif, div#btn3home a.over span.actif, div#btn4home a.over span.actif, div#btn1mini a.over span.actif, div#btn2mini a.over span.actif, div#btn3mini a.over span.actif, div#btn4mini a.over span.actif {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 2;
}
div#btn1home a.over span.actif img,div#btn2home a.over span.actif img, div#btn3home a.over span.actif img, div#btn4home a.over span.actif img, div#btn1mini a.over span.actif img,div#btn2mini a.over span.actif img, div#btn3mini a.over span.actif img, div#btn4mini a.over span.actif img {
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    z-index: 1;
}



/*********************************
**********************************

Content

**********************************
*********************************/
#Content {
    float:left;
    display:inline;
    width: 100%;
    background-color:rgb(253,246,231);
    margin:0;
    padding: 0;
}
#ContentFullHome {
    float:left;
    display:inline
    z-index:9999;
    width: 508px; 
    height:100%;
    min-height: 550px;
    margin: 0;
    padding:10px 0 10px 20px;

    color: rgb(0,0,0);
/*    border:1px solid black; */
}
div#title_header {
z-index:90;
position:relative;
width: 800px;
margin:0;
padding:0;
top:12px;
left:0;
}
img.titleHome2 {
    margin: 0;
    padding: 5px 0 10px 0;
    z-index: 90;
}

#ContentF {
    float:left;
    width: 475px; 
    height:100%;
    margin: 10px 10px 8px 5px; 
    color: rgb(0,0,0);
}

#ContentP {
    float:left;
    display:inline;
    width: 425px; 
    height:100%;
    margin: 10px 10px 8px 5px; 
    color: rgb(0,0,0);
}
/* to accommodate IE and google searc page */
#ContentG {
    float:left;
    width: 500px; 
    height:100%;
    margin: 10px; 
    color: rgb(0,0,0);
}
#ContentB {
    float:left;
    display:inline;
    width: 410px; 
    height:100%;
    margin: 10px 10px 8px 5px; 
    color: rgb(0,0,0);
}
#ContentB a:hover,#ContentF a:hover,#ContentFullHome a:hover, #ContentG a:hover {
    color: rgb(177,15,12);
}
#ContentB a.textgreen, #ContentF a.textgreen, #ContentG a.textgreen {
    color: rgb(120,130,24);
}
#ContentB a.textgreen:hover, #ContentF a.textgreen:hover, #ContentG a.textgreen:hover {
    color: rgb(190,160,117);
}
#ContentB p, #ContentB ul, #ContentB ol, #ContentF p, #ContentF ul, #ContentF ol {
    margin: 10px 10px 8px 5px; 
    color: rgb(0,0,0);
}

/*
#ContentG td,#ContentG div,#ContentG .p,#ContentG a,#ContentG .d{font-size: 13px}
#ContentG .Gresults{font-size: -1; color: rgb(102,102,102); font-weight:bold;}
#ContentG a { text-decoration:none; border-bottom: 1px dotted rgb(52,52,52);}
#ContentG .s,#ContentG .f,#ContentG .f a{font-size: 95%;color:rgb(92,92,92);}
#ContentG .l{font-size: ; color: rgb(120,130,24);}
#ContentG a.l{font-size: ; color: rgb(120,130,24);}
#ContentG a:hover .l {color:rgb(190,168,117);}
#ContentG .n a{font-size: 10pt; color:}
#ContentG .n .i{font-size: 10pt; font-weight:bold}
#ContentG .b,#ContentG .b a{font-size: 12pt; font-weight:bold}
*/
#ContentB ul ul a,#ContentF ul ul a {

/* NOTE: KAI not sure why I made this black at one point, don't think I want that.
color: rgb(0,0,0); */
}
#ContentB ul, #ContentB ol, #ContentF ul, #ContentF ol {
    margin: 0 0 5px 25px;
    _margin: 0 0 5px 35px;
}
#ContentB li,#ContentF li {
    padding: 0;
    margin: 0 0 5px 0;
}
#ContentL {
    float:left;
    display:inline;
    width: 272px; 
    height:auto;
    padding:0;
    margin: 20px 0 0 0;
}
#ContentR {
    float:left;
    display:inline;
    height:100%;
    padding: 0;
    padding-left: 5px;
}
#ContentRR {
    float:left;
    display:inline;
    height:100%;
/* any image will keep this div propped open (except in IE of course) and keep
   the float from dropping */
    width: 1px; 
    margin: 35px 0 0 0;
    padding: 10px 0 0 0;
    overflow: visible;
}
#ifr {
  background-color:rgb(253,246,231);
  color:rgb(253,246,231);
  min-width: 0;
}
#myDiv {
  position:absolute;
  top:200px;
  _top:200px;
  left:600px;
/*
  width:276px;
  height:276px;
*/
  z-index:2;
  border:2px solid black;
}
#ifrlft {
  position:relative;
  z-index:10;
  top: 0px;
}
#hirht {
  float: right;
  position:absolute;
  top:200px;
  _top:225px;
  left:650px;
  z-index:10;
}
#lowrht {
  position:absolute;
  top:525px;
  _top:565px;
  left:450px;
  z-index:10;
}
#pullQ {
  float: right;
  position:absolute;
  top:275px;
  _top:290px;
  left:577px;
  z-index:2;
}
#pQ {
    position: relative;
    float: right;
    left: 95px;
/*    top: -51px; */
    padding: 0 0 0 10px;
    margin: 0 0 0 -95px;
}
#pQ2 {
    position: relative;
    float: right;
    left: 200px;
    top: 0px;
    padding: 0 0 0 15px;
    margin: 0 0 0 -200px;
}
.pQ2 {
    position: relative;
    float: right;
    left: 200px;
    top: 0px;
    padding: 0 0 0 15px;
    margin: 0 0 0 -200px;
}
/*********************************
**********************************

Date Time

**********************************
*********************************/

#datetime {
    position: relative;
    text-align:right;
    left:0;
    margin: 0;
    padding: 0;
    height: 10px;
    width: 798px;
    z-index: 99;
}
#datetime p {
    width:100%;
    top:3px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: .7em;
}




/*********************************
**********************************

footie

**********************************
*********************************/

#footie, #footie p {
    position:relative;
    clear:both;
    bottom: 0px;
    _bottom:-125px;
    width: 925px;
    height: 100%; 
    margin: 0;
    padding:10px 0 0 0;
    font-size: .88em;
/*    color: rgb(102,102,102); */
    color: rgb(0,0,0);
}
/* profiles */
img.facultyProfile {
    float: left;
    margin: 0;
    padding: 10px 10px 10px 0;
}
/*********************************
**********************************

students

**********************************
*********************************/
dl.students{
    font-size:11px;
    color:rgb(102,102,102);
    margin:0;
    padding:0;
    height: 325px;
}

dl.students strong{
    color:#000000;
    font-weight:bold;
    font-size:14px;
}

dl.students a{
    color:rgb(177,15,12);
}

dl.students dd{
    float:left;
    display:inline;
    width:170px;
}

dl.students dd dl dd{
    padding:0 0 0 15px;
    margin: 0;
    clear:both;
    display:block;
    width: 125px;
    font-size: 14px;
    line-height:1.1em;
}
dl.students dd dl dd.cut{
  color: rgb(0,0,0);
  line-height: 1.1em;
  margin: 5px 0 5px 0;
}
dl.students dd dl dd.photocredit{
  margin: 0 0 5px 0;
  padding:0 0 0 15px;
  height: .8em;
  font-size: .8em;
  color: rgb(102,102,102);
}

dl.students p{
    color:#000;
    width:125px;
    padding: 0;
    margin: 0;
}

#studentRws{
    margin:25px 0 0 0;
    width:550px;
}

/***************************************
****************************************

Browser hacks (OK...mostly !#$ IE hacks)

****************************************
****************************************/

/* FireFox 'hack' */
a {
  outline: none;
}