/* CSS Document */

#wrapper {
	width:930px;
	padding:0;
	text-align:left;
	}

ul {
	list-style:none;
	margin:0;
	padding:0;
	}
p{
	padding:7px 0 0 0 ;
	margin:0;
	}
		

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0;
	padding:0;
	background-image: url(pix/bg7.gif);
	background-repeat:repeat-y;
	}
	
.subhead {
	font-weight:bold;
	margin-top:9px;
	color:#bbb;
	padding-right:9px;
	}
	
.siteNav {
	margin:0;
	padding:8px 4px 0 0;
	float:right;
	}
.siteNav li {
	float:left;
	padding:0;
	margin:0; 
	}
.siteNav a{
	display:block;
	text-decoration:none;
	letter-spacing:3px;
	color: #999;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 7px 5px 7px;
	}
	
.siteNav a:hover{
	background-image:url(pix/greyDot.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	}
#middle a{
	
	word-spacing:1px;
	text-decoration:none;
	color:#555;
	font-weight:bold;
	
	}
#middle a:hover{
	background-color:#bbb;
	}
#middle a:visited{
	
	color:#999;
	}
#middle{
	padding: 0 0 12px 0;
	}	
.head {
	margin: 12px 0 10px 30px;
	}
	
.pageNav {
	width:120px;
	float:left;
	margin:0;
	padding: 0;
	}
	
.caption {
	width:410px;
	float:right;
	margin:0;
	padding: 0;
	}
.teaching {	
	width:540px;
	margin:0;
	padding:0;
	}
	
#left{
	width:140px;
	float:left;
	padding:0 98px 0 26px;
	text-align:right;
	}
	
#middle{
	width:540px;
	float:left;
	padding-top:44px;
	text-align:left;
	}	

.title {
	color: #666;
	font-weight: bold;
	font-size:12px;
	font-style:italic;
}

.leftNav a{
	display:block;
	text-decoration:none;
	color:#333333;
	padding-right:9px;
	line-height:18px;
	}
	
.leftNav a:hover{
	background-image:url(pix/greyDot.gif);
	background-repeat:no-repeat;
	background-position:right center;
	
	}
/* FOR ART PAGES these track which of the left navigation the page is on and places a black dot in the appropriate spot */	
#artlost a#lost, #artdayp a#dayp, #artdayw a#dayw, #artbrth a#brth, #artbook a#book, #artover a#over, #artchan a#chan, #artft2k a#ft2k, #artarch a#arch,  #arthist a#hist {
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
	
/* FOR ART PAGES these track which of the top navigation the page is on and places a black dot on ART */ 
#artlost a#art, #artdayp a#art, #artdayw a#art, #artbrth a#art, #artbook a#art, #artover a#art, #artchan a#art, #artft2k a#art, #artarch a#art,  #arthist a#art {
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	}
	
	
/* FOR DESIGN PAGES these track which of the left navigation the page is on and places a black dot in the appropriate spot */	
#desiden a#iden, #desbook a#book, #desmaga a#maga, #deswebd a#webd, #deswebp a#webp, #descdrm a#cdrm, #desfont a#font {
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
	
/* FOR DESIGN PAGES these track which of the top navigation the page is on and places a black dot on DESIGN */ 
#desiden a#des, #desbook a#des, #desmaga a#des, #deswebd a#des, #deswebp a#des, #descdrm a#des, #desfont a#des{
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}	

/* FOR TEACHING PAGES these track which of the left navigation the page is on and places a black dot in the appropriate spot */	
#teachhis a#his, #teachped a#ped, #teachweb a#web, #teachmul a#mul, #teachait a#ait, #teachcol a#col, #teachi3 a#i3, #teachpi3 a#pi3, #teachpi3 a#pi3, #teachpi4 a#pi4, #teachvis a#vis, #teachsen a#sen {
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
	
/* FOR TEACHING PAGES these track which of the top navigation the page is on and places a black dot on DESIGN */ 
#teachhis a#teach, #teachped a#teach, #teachweb a#teach, #teachmul a#teach, #teachait a#teach, #teachcol a#teach, #teachi3 a#teach, #teachpi3 a#teach, #teachpi3 a#teach, #teachpi4 a#teach, #teachvis a#teach, #teachsen a#teach {
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	}
	
	/* FOR INFO PAGES these track which of the top navigation the page is on and places a black dot on DESIGN */ 
#info a#info{
	background-image:url(pix/dot.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	}