body	{ 
	color: #000000; 
	background: #ffffff; 
	background: url("2005/bg.gif") repeat-y #fff; 
	font: 12px/18px Verdana, Arial, Helvetica, Geneva, Sans-Serif; 
	}
a		{text-decoration:none;}
a:hover		{text-decoration:underline}
a:link		{ color: #C60; }
a:visited	{ color: #C60; }
a:active	{ color: #f00; }

.title-alt  { 
	font-weight: 700;
	color: #c66;
	margin-left: 0px;
        }

.title  { 
	font-weight: 700;
	color: #66c;
	margin-left: 0px;
        }

.oops  { 
	font-weight: 700;
	color: #c66;
	margin-left: 0px;
        }

.titlebig  {
	font-weight: 700;
        color: #66c;
        }

H1	{ 
	font-weight: 700;
	color: #66c;
	margin-left: 0px;
        }

PRE	{
	}

.small  { 
        font: 10px/14px verdana, ariel, helvetica, geneva, sans-serif;
	color: #666;
        }

.subtitle  { 
	font-weight: bold;
        }

.phototitle  { 
	font: 10px/12px Verdana, Arial, Helvetica, Geneva, Sans-Serif; 
	color: #fff;
        }

.spaceright {
padding-right: 5px;
}

.spacetop {
padding-top: 10px;
}

.promotable {
display: block;
border: 0 none;
margin: 0px;
font: 12px/12px verdana, ariel, helvetica, geneva, sans-serif;
line-height: 100%;
vertical-align: text-bottom;
}

.inset {
margin-left: 15px;
}
 .insetdeep {
margin-left: 45px;
}
  
.blue {
	color: #66c;
}
 

.imgcell img, .imgcell a {
display: block; 
border-collapse: collapse;
font: 10px/10px verdana, ariel, helvetica, geneva, sans-serif;
}

UL      {
        line-height:150%;
        }

TD {
	font: 12px/18px Verdana, Arial, Helvetica, Geneva, Sans-Serif; 
}

.tableMedium {
        color: #66c;
	background: #ddd;
        }

.tableLight  {
        color: #333;
	background: #eee;
        }

.tableDark      {
	font-weight: bold;
        color: #fff;
	background: #66c;
        }

.red      {
        color: #c33;
        }

HR      {
        color: #666;
        }

.photostyle {
	border: solid #000 1px;
}

#photo-text {
	position: absolute;
	top:  394px;
	left: 180px;
	width: 248px;
	z-index: 3;
}

#photo-main {
	position: absolute;
	top:  83px;
	left: 180px;
	width: 248px;
	z-index: 3;
}

#navigation {
	position: absolute;
	top: 83px;
	left: 21px;
	width: 158px;
	height: 277px;
	z-index: 10;
	background-color: #333;
	color: #eee;
	margin-top: 0px;
}

.imgblock { 
line-height: 100%;
display: block;
border-collapse: collapse;
 }

#navigation P {
	margin-top: 0px;
	padding: 10px 10px 0px 10px;
	color: #fff;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}

#navigation A, #navigation A:link {
	color: #eee;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}

#notnavplus {
	margin-top: 0px;
	position: absolute;
	top: 422px;
	left: 21px;
	height: 105px;
	width: 158px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #66c;
	line-height: 100%;
	z-index: 5;
}

#notnav {
	margin-top: 0px;
	position: absolute;
	top: 361px;
	left: 21px;
	height: 166px;
	width: 158px;
	background-color: #66c;
	z-index: 3;
}

#notnav P {
	padding: 10px 10px 0px 10px;
	color: #fff;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}
#notnav A, #notnav A:link {
	color: #fff;
}

.googletext {
	margin-left: 10px;
	color: #999;
	font-size: 80%;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}

#copyw {
	position: absolute;
	top: 528px;
	left: 21px;
	width: 158px;
	margin-top: 0px;
	padding-bottom: 20px;
	z-index: 1;
}

#copyw P {
	padding: 10px 10px 0px 10px;
	color: #999;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}

#copyw a:link, #copyw a:visited	{ 
	color: #aaa; 
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}

#contents {
	position: absolute;
	top: 83px;
	left: 200px;
	right: 20px;
	padding: 0px;
	height: 394px;
	z-index: 5;
	background-color: #fff;
}

#slideshow {
	position: absolute;
	top: 434px;
	left: 0px;
	width: 700px;
	height: 276px;
	padding: 0px;
	padding-top:10px;
	border-top: 1px solid #fff;
	background: #000;
	z-index: 1000;
}

#slides {
	text-align: center;
}

#projects {
	position: relative;
	float: right;
	right: 0px;
	margin: 0px 0px 20px 40px;
	z-index: 1;
}

.quote {
	color: #690;
	text-align: right;
	line-height: 100%;
	padding-left: 20px;
}

#promogreen {
	position: relative;
	float: right;
	right: 0px;
	margin: 0px 0px 20px 40px;
	width:256px;
	z-index: 1;
}

#promos {
	position: relative;
	float: right;
	right: 0px;
	margin: 0px 0px 20px 40px;
	width:200px;
	z-index: 1;
}


#photoblock {
	position: relative;
	float: right;
	right: 0px;
	width:301px;
	margin: 0px 0px 10px 20px;
	z-index: 5;
}
#photoblock .phototitle  { 
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
	color: #666;
	float: right;
        }

.tootip {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: 100
}

#workshops2006 {
	position: absolute;
        top:  330px;
        left: 195px;
	right: 1px;
	height: 393px;
	padding: 20px;
	z-index: 10;
	margin-top: 0px;
	background-color: #fff;
}

#workshops-narrow {
	position: absolute;
        top:  380px;
        left: 195px;
	width: 600px;
	height: 393px;
	padding: 20px;
	z-index: 10;
	background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box
}

#workshops-wide {
	position: absolute;
        top:  380px;
        left: 195px;
	width: 760px;
	height: 393px;
	padding: 20px;
	z-index: 10;
	background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box
}

#workshops {
	position: absolute;
	top: 83px;
	left: 390px;
	right: 1px;
	height: 393px;
	padding: 20px;
	z-index: 10;
	margin-top: 0px;
	background-color: #fff;
}

#published {
	position: absolute;
	top: 83px;
	left: 510px;
	right: 1px;
	padding: 25px;
	height: 393px;
	z-index: 10;
	margin-top: 0px;
	background-color: #fff;
}

#blahblah {
	position: absolute;
	top: 83px;
	left: 430px;
	right: 1px;
	padding: 25px;
	height: 393px;
	z-index: 10;
	margin-top: 0px;
	background-color: #fff;
}

#meme-top {
	position: absolute;
	top:  20px;
	float: right;
	text-align: right;
	right: 20px;
	padding: 0px;
	height: 82px;
	z-index: 3;
        color: #999;
	margin-top: 0px;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
}

#tour-float {
	float: right;
	width:200px;
	margin: 0px 10px 20px 40px;
	z-index: 1;
}

#tour-float P {
	padding-bottom: 10px;
	border-bottom: solid 1px #999;
}

#tour-title {
        position: absolute;
        top:  83px;
        left: 180px;
        z-index: 3;
}

.tours-lead {
	font-weight: bold;
	padding-bottom: 20px;
	color: #fff;
}


#widge-meme {
      position: absolute;
      top:  83px;
      left: 871px;
	height: 277px;
	width: 240px;
	background-color: #333;
	color: #eee;
	display: block;
	z-index: 7;
	margin-top: 0px;
}


#tour-meme {
      position: absolute;
      top:  83px;
      left: 664px;
	height: 165px;
	width: 240px;
	background-color: #333;
	color: #eee;
	display: block;
	z-index: 7;
	margin-top: 0px;
}

#tour-nav {
      position: absolute;
      top:  249px;
      left: 664px;
      height: 61px;
	width: 240px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #333;
	color: #eee;
	display: block;
	z-index: 1;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.overline {
    border-top: solid #ddd 1px;
    padding-top: 10px;
}

#tour-promo {
margin-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
position: absolute;
top:  350px;
left: 663px;
background-color: #fff;
border-left: solid #ddd 1px;
display: block;
z-index: 4;
width: 225px;
-moz-box-sizing: border-box;
box-sizing: border-box
}

#tour-promo P {
line-height: 150%;
color: #66c;
font-size: 85%;
}

#book-narrow {
	position: absolute;
        top:  80px;
        left: 195px;
	width: 520px;
	height: 393px;
	padding: 20px;
	padding-right: 0px;
	z-index: 10;
	background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box
}

#book-sidebar {
margin-left: 1px;
margin-top: -40px;
padding-top: 20px;
padding-bottom: 15px;
padding-left: 15px;
position: absolute;
top:  130px;
left: 763px;
background-color: #fff;
border-left: solid #ddd 1px;
display: block;
z-index: 4;
width: 225px;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.blurbtd P {
line-height: 150%;
color: #66c;
font-size: 85%;
}

.blurbtd {
  padding: 5px;
}

.blurbtable {
  padding: 10px;
  background: #efefef;
}

#book-sidebar P {
line-height: 150%;
color: #66c;
font-size: 85%;
}

#tour-sidebar {
margin-left: 4px;
margin-top: -18px;
padding-top: 8px;
padding-bottom: 18px;
padding-left: 15px;
position: absolute;
top:  388px;
left: 868px;
background-color: #fff;
border-left: solid #ddd 1px;
display: block;
z-index: 4;
width: 220px;
-moz-box-sizing: border-box;
box-sizing: border-box
}

#smalldos P {
line-height: 150%;
color: #66c;
font-size: 85%;
}

#tour-sidebar P {
line-height: 150%;
color: #66c;
font-size: 85%;
}

#tour-promo-2005 {
      position: absolute;
      top:  350px;
      left: 698px;
	width: 206px;
	margin-top: 0px;
	background-color: #fff;
	display: block;
	z-index: 4;
}

#tour-meme P {
	color: #aaa;
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
	padding: 10px 10px 0px 12px;
}

#widge-meme P {
	color: #aaa;
        font: 10px/15px verdana, ariel, helvetica, geneva, sans-serif;
	padding: 15px 15px 0px 15px;
}

#tour-nav A {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
	color: #eee;
}

#travel-top {
        position: absolute;
        top:  83px;
        left: 180px;
	background: url("workshops/ws-runner.gif") repeat-x #fff; 
        z-index: 3;
}

#travel-1 {
        position: absolute;
        top:  83px;
        left: 180px;
        z-index: 3;
}

#travel-2 {
        position: absolute;
        top:  166px;
        left: 180px;
        z-index: 3;
}

#travel-3 {
        position: absolute;
        top:  265px;
        left: 180px;
        z-index: 3;
}

#travel-4 {
        position: absolute;
        top:  392px;
        left: 180px;
        z-index: 3;
}

#travel-5 {
        position: absolute;
        top:  478px;
        left: 180px;
        z-index: 3;
}

#travel-6 {
        position: absolute;
        top:  477px;
        left: 180px;
        z-index: 3;
}

.photoflash{
margin-left:18px;
padding: 3px;
border: solid #999 1px;
line-height: 100%;
display: block;
border-collapse: collapse;
}

.travelphoto{
padding: 3px;
border: solid #999 1px;
line-height: 100%;
display: block;
border-collapse: collapse;
}

#photo-1 {
	position: absolute;
	top:  228px;
	left: 180px;
	z-index: 5;
}

#photo-2 {
	position: absolute;
	top:  228px;
	left: 263px;
	z-index: 5;
}

#photo-3 {
	position: absolute;
	top:  228px;
	left: 346px;
	z-index: 5;
}

#photo-4 {
	position: absolute;
	top:  311px;
	left: 263px;
	z-index: 5;
}

#photo-5 {
	position: absolute;
	top:  311px;
	left: 346px;
	z-index: 5;
}

#photo-6 {
	position: absolute;
	top:  394px;
	left: 346px;
	z-index: 5;
}

select.pulldown {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #66c;
        height: 14px;
        background-color: #fff;
        border: solid 1px #999;
}

input.sbutton {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #fff;
        height: 14px;
        width: 60px;
        background: #33f;
        border: solid 1px #999;
}

input.button {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #fff;
        width: 130px;
	margin-top: 3px;
        background: #66c;
        border: none;
	padding: 3px;
}

input.sub {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #66c;
        height: 18px;
        width: 130px;;
        background-color: #fff;
	margin-top: 3px;
        border: solid 1px #aaa;
	padding-left: 2px;
	padding-top: 2px;
}

input.datalong {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #66c;
        height: 18px;
        width: 400px;;
        background-color: #fff;
        border: solid 1px #66c;
}

input.data {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #66c;
        height: 18px;
        width: 175px;;
        background-color: #fff;
        border: solid 1px #66c;
}


input.search {
        font: 10px/12px verdana, ariel, helvetica, geneva, sans-serif;
        color: #33f;
        height: 14px;
        width: 120px;;
        background-color: #fff;
        border: solid 1px #999;
}

.pdf {
  padding-top: 3px;
  padding-left: 24px;
  padding-bottom: 7px;
  background: url(2007/pdf.gif) no-repeat 0 3px;
  line-height: 250%;
  }

.links {
  padding-top: 3px;
  padding-left: 18px;
  padding-bottom: 3px;
  background: url(2007/arrow-link.gif) no-repeat 0 5px;
  }

#navigation .links {
  padding-top: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  background: none;
  }

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

#footer {
  margin: 0;
  padding: 0 0 0px 0;
  color: #ddd;
  font-size: 25%;
  }

.light {
  background: #efefef;
}

#map {
font-size: 90%;
}

#ibox_footer {
  color: #fff;
}

.syllabus {
	padding: 15px;
	background: #eee;
	width: 450px;
}