@charset "UTF-8";
/* CSS Document */
/*revised for IE*/


#wrapper {
  position: absolute;
  text-align: left;
  width: 1400px;
  top:0px;
  left:0px;
}
img {border:none;}

#wrapperHome {
position:relative; 
background:#cdcb98;
  width:100%;
  top:0px;
  left:0px;
  text-align:center;
  z-index:1;
}
#Home {
position:relative;
background:#cdcb98;
margin-left:auto;
margin-right:auto;
width:700px;
top:25px;
z-index:2;
}
#homeNav {
float:left;
z-index:5;
}
#ruthfields {
float:left;
z-index:4;
}
#contentHome {
clear:both;
position:relative;
margin-left:100px;
text-align:left;
padding-top:50px;
top:0;
z-index:3;
}
/*#contentHome img {
padding-top:150px;
}*/
.home {
background-color:#cdcb98;
}


#homeNav ul {
list-style-type:none;
list-style-image:none;
display:block;
padding:0;
}
#homeMenu li{
list-style-type:none;
}

#thumbnail li {
  float: left;
  width: 120px;
  margin:23px;
}
#left, #center, #right {
text-align:center;
float:left;
width:166px;
padding-bottom:80px;
}

#left li, #center li, #right li {
height: 100px;
}

#left ul, #center ul, #right ul {
display:block;
list-style-type:none;
padding:0;
margin:0;
}

#left li, #center li, #right li {
margin: 0 0 45px 0;
}
#thumbnail img {
  display: block;
  border:none;
  /*border: 1px solid #333300;
  */
}
#thumbnail {
  list-style-type: none;
  width: 550px;
  padding-top:0px;
  padding-left:0px;
  
}

#header{
  background-color:#cdcb98;
  background-image:url(images/header_01.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  left:0px;
  width:100%;
  height:96px;
  z-index:2;
}
#content {
   position:absolute; 
	left:311px;
	top:170px;
	width:500px;
	text-align:left;
}
#contentCenteredThumbs {
   position:absolute; 
	left:311px;
	top:130px;
	width:500px;
}
#contentResume {
   position:absolute; 
	left:311px;
	top:160px;
	width:510px;
	text-align:left;
	font-size:14px;
}
.Teaching {
	width:610px;
}

#contentExhibits {
   position:absolute; 
	left:311px;
	top:160px;
	width:610px;
	text-align:left;
	font-size:14px;
}
#content ul {
display:inline;
list-style-type:none;
}

#contentCenteredThumbs ul {
display:block;
list-style-type:none;
}

#contentResume li {
padding-bottom:12px;
list-style-type:none;
margin-left:0px;
}
#ExhibitsList li {
padding-bottom:12px;
list-style-type:none;
margin-left:60px;
}
 
#contentResume ul {
padding-left:0px;
margin-left:0px;
}
#ExhibitsList {
padding-left:30px;
}
.shortResumePadding {
padding-bottom:250px;
}

/*for some reason the left padding is not workign right.  not sure if it should be in blueplain, or in the navigation.  if so, you'll probably have to 
make the headers move left (negative left margin, with a span for them).

works differently for the ones using the javascript array v. those in which (current) you jsut type it in).  i also just lost my blueplain style as all the type went beige.  what happened?

for some reason on IE PC  the menu is over to the right, so is the content, which doesn't leave enough room for the content in the content divs so the dates go to the next line.  ugh  Answer:  margin left has to be 0 for the ul tag.  padding too perhaps, but it ws the margin left that made the difference.  remember that!!!
*/

#navigation {
  position:relative;
  /*left:20px;*/
  left:20px;
  width:311px;
  margin-top:20px;
  color:#cdcb98;
   }
  #navigation ul {
  list-style-type: none;
  display:block;
  padding-left:0px;
  margin-left:0px;
  color:#006699;  
  }
  #navigation li {
  display:block;
  }
 #headerBanner {
 position:absolute;
  background-image:url(images/montage.jpg);
 background-repeat:repeat;
  background-position:top left; 
 top:0;
 left:311px;
 height:76px;
 width:100%;
z-index:4;
 }
  #menu {
  position:absolute;
  height:18px;
left:311px;
top:75px;
   width:100%;
   border-top:1px solid #fff;
  }

  #mainmenu {
  display:inline;
  list-style-type:none;
  padding:0;
  margin:0;
  padding-top:4px;
  
  }
  #mainmenu li {
  display:inline;
  }
  #header li {
  margin-right:73px;
  }
  #submenu {
  color:#cdcb98;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  margin-bottom:45px;
  }
#submenu a:link {text-decoration:none;}
#submenu a:active {text-decoration:none;}
#submenu a:visited {text-decoration:none;}
#submenu a:hover {color:#cdcb98;text-decoration:none;}
#contentResume a:link, #footerHome a:link {color:#000;text-decoration:none;}
#contentResume a:active, #footerHome a:active {color:#000; text-decoration:none;}
#contentResume a:visited, #footerHome a:visited {color:#000; text-decoration:none;}
#contentResume a:hover, #footerHome a:hover {color:#000;text-decoration:none;}

#footerHome a:link {color:#472c0a; text-decoration:none;}
#footerHome a:active {color:#472c0a; text-decoration:none;}
#footerHome a:visited {color:#472c0a; text-decoration:none;}
#footerHome a:hover {color:#472c0a; text-decoration:none;}

.submenuFont {color:#aeac81; }
.choice {color:#006699;}
.thumbnailLink {font-weight:bold; text-decoration:none;}
.statement {
font-size:13px;
padding:8px 75px 0 0px;
text-align:justify;
color:#006699;
}
.bold {font-weight:bold;}  
.moreTopSpace {
margin-top:10px;
}
.hang { text-indent: -6em; margin-left: 6em; } 
.tab {margin-right:53px;}
.regular {margin-left:6em;}
.exhibits {left:350px;}  
#footer a:link {color:#006699;text-decoration:none;}
#footer a:active {color:#006699;text-decoration:none;}
#footer a:visited {color:#006699;text-decoration:none;}
#footer a:hover {color:#0383c3;text-decoration:none;}
  
 #artwork {
 margin-bottom:15px;
 }
#dates {
float:left;
width:130px;
}
#teaching {
float:left;
width:380px;
}
 #slideshowNav {
margin-left:0px;
padding-left:0;

 }
  #slideshowNav li {
  font-size:14px;
  display:inline;
  list-style-type:none;
  margin-left:0px;
  margin-right:10px;
  text-align:right;
  }
  .thumbnailText {
  margin-top:10px;
  padding-top:10;
  padding-right:20px;
  }
  
  #slideshowNav img {
  border:none;
  margin-top:5px;
  }
  #footer {
 margin-top:25px;
 padding:0;
  font-size:10px;
  text-align:left;
  color:#003366;
  line-height:25px;
  width:500px;

   }
   
    #footerHome {
 position:absolute;
 margin-top:590px;
 margin-left:90px;
 border-top:solid 1px #472c0a;
  font-size:10px;
  color:#472c0a;
 
   }
  #footer li, #footerHome li {
  margin-right:10px;
  display:inline;
  }
  #footer ul, #footerHome ul {
  padding:0;
  clear:left;

  }
  .topborder {
  border-top:1px solid #006699;
  }
  
 .smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: normal;
	margin-top:0px;
	
} 
  
  
  
  
  
  

 {  
font-family: Arial, Helvetica, sans-serif;
background-color:#ffffff;
top:0;
left:0;
}


.smallheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999966;
}
h3 {  font-family: Arial, Helvetica, sans-serif; color: #999966}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999966;
}
.smallertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
}
.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: None;
	color: #333399;
	font-weight: bold;
}
.smallheaderCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
}
.blueplain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	font-weight: normal;
	margin-top:0px;
	
	
}
.tansmallerheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: 999966;
	font-size: smaller;
}

.footer {
	font-size: 10px;
	color: #003366;
}

.footerHome {
	font-size: 10px;
	color: #003366;
}