body	{ 
	color: #555; 
	background: #ffffff; 
	font: 12px/20px Oxygen, Verdana, Arial, Helvetica, Geneva, Sans-Serif; 
	line-height: 150%;
	letter-spacing: 0px;
	}

.belownav {
	padding-top: 98px;
}

.pinned {
	padding: 0px;
	border: 0px;
	background-color: #efefef;
	margin-bottom: 20px;
}

.pinned P {
	text-align: center;
	padding:18px;	
}

.navbar {
	padding-top: 18px;
	padding-bottom: 17px;
	background: url(/2010/cline.png) repeat-x;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #a30; 
	outline: none;
	}
a:hover	{
	text-decoration: none;
	color: #66c; 
	outline: none;
}

#content {
	float: right;
	width: 929px;
}

#L1 {
	width: 1150px;
	margin: 0;
	padding: 0;
}

#L2 {
	width: 1150px;
	margin: 0;
	padding: 0;
}

#wrap {
  margin: 0 auto;
  width: 1152px;
  }

#C1 {
	float: left;
	top: 0px;
	width: 220px;
	margin-top: 0px;
}

#navigation {
	width: 220px;
	height: 420px;
	color: #ddd;
	line-height: 150%;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #333;
	background: url(/2010/bg-nav.png) no-repeat 0 0 #333 ;
        font: 12px/14px Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
	font-weight: 300;
}

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

#tour-sidebar .title  { 
	font-weight: 400;
	color: #c90;
	margin-left: -5px;
	line-height: 200%;
	font-size: 18px;
        }

.title, H2  { 
	font-weight: normal;
	color: #66c;
	margin-left: -5px;
	line-height: 200%;
	font-size: 24px;
        }

.titlehome  { 
	font-weight: normal;
	color: #66c;
	margin-left: 0px;
	font-size: 18px;
	padding-bottom: 18px;
        }

.titlelong  { 
	font-weight: normal;
	color: #66c;
	margin-left: -5px;
	line-height: 200%;
	font-size: 21px;
        }

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

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

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

PRE	{
	}

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

.subtitle  { 
	font-weight: bold;
        }

.phototitle  { 
	font: 10px/12px Oxygen, 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 Oxygen, 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 Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
}

UL      {
        line-height:150%;
        }

TD {
	/* font: 13px/24px Verdana, Arial, Helvetica, Geneva, Sans-Serif; 
	*/
	padding-left: 7px;
	padding-bottom: 4px;
}

.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 {
	float: left;
	width: 248px;
	z-index: 3;
	display: none;
}

#photoj {
	float: left;
	width: 352px;
	height: 687px;
	margin-right: 48px;
	background: url(/2010/photoj.png) no-repeat 0 0 #888;
	z-index: 3;
}

#photo-main {
	float: left;
	width: 248px;
	z-index: 3;
}

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

#navigation P {
	margin-top: 0px;
	padding: 10px 10px 0px 20px;
	color: #fff;
}

#meme-top a:visited, #meme-top a:link, #meme-top a:active {
	text-decoration: none;
	color: #66c;
}

#meme-top a:hover {
	text-decoration: none;
	color: #fff;
}

#navigation a:visited, #navigation a:link, #navigation a:active {
	text-decoration: none;
	color: #aaa;
}

#navigation a:hover {
	text-decoration: none;
	color: #fff;
}

#notnavplus {
	margin: 0px;
	margin-top: 1px;
	height: 105px;
	width: 220px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #66c;
	line-height: 100%;
	z-index: 5;
}

#notnav {
	margin: 0px;
	margin-top: 1px;
	height: 206px;
	width: 220px;
	padding-top: 15px;
	padding-bottom: 15px;
        font: 12px/14px Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
	background: url(/2010/bg-not.png) no-repeat 0 0 #66c ;
}

#notnav P {
	padding: 0px 10px 0px 20px;
	color: #aeaeff;
	line-height: 125%;
}
#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;
}

.twit {
	text-align: left;
	width: 138px;
	height: 28px;
	color: #999;
}

.like {
	float: left;
	padding-left: 100px;
	padding-top: 38px;
	text-align: right;
	width: 180px;
	color: #999;
}

.love {
	float: left;
	width: 680px;
	height: 85px;
}

#copyw {
	width: 220px;
	margin: 0px;
	margin-top: 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 8px solid #66c;
        font: 12px/14px Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
	background: url(/2010/bg-copy.png) no-repeat 0 0 #fff ;
}

#copyw P {
	padding-right: 24px;
	padding-left: 17px;
	color: #999;
}

#copyw a:link, #copyw a:visited	{ 
	color: #b8b8e7; 
}

#contents {
	padding: 0px;
	padding-left: 40px;
	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 Oxygen, 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 {
	float: left;
	width: 668px;
	padding: 25px;
	padding-left: 40px;
	padding-right: 20px;
	z-index: 10;
	background-color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#travel-wide {
	width: 940px;
	padding-top: 20px;
	padding-left: 40px;
	z-index: 10;
	background-color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#workshops-wide {
	width: 860px;
	padding-top: 20px;
	padding-left: 40px;
	z-index: 10;
	background-color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#workshops {
	padding: 20px;
	padding-left: 40px;
	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 {
	float: right;
	width: 438px;
	padding-top: 25px;
	margin-right: 80px;
}

#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 Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
}

#meme-top-not {
        font: 12px/14px Oxygen, 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 {
        float: left;
	width: 690px;
	height: 277px;
        z-index: 3;
}

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


#widge-meme {
	float: left;
	height: 277px;
	width: 235px;
	color: #eee;
	display: block;
	z-index: 7;
	margin-top: 0px;
	margin-left: 1px;
	background: url(/2010/bg-widge.png) #333;
}


#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;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.overline {
    border-top: solid #eee 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;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-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;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-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;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-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: #999;
}

#tour-sidebar {
float: left;
padding-top: 8px;
padding-bottom: 18px;
padding-left: 25px;
background-color: #fff;
display: block;
z-index: 4;
width: 250px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

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

#tour-sidebar P {
line-height: 150%;
color: #999;
}

#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 Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
	padding: 10px 10px 0px 12px;
}

#widge-meme P {
	color: #aaa;
	padding-left: 20px;
        font: 12px/15px Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
	/*padding: 10px 18px 40px 17px;*/
}

#widge-meme A {
	color: #777;
}

#widge-meme A:hover {
	color: #fff;
}

#tour-nav A {
        font: 10px/12px Oxygen, 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-s {
	padding-top: 1px;
}

#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 Oxygen, verdana, ariel, helvetica, geneva, sans-serif;
        color: #66c;
        height: 14px;
        background-color: #fff;
        border: solid 1px #999;
}

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

input.button {
        color: #fff;
        width: 164px;
	margin-top: 3px;
        background: #66c;
        border: none;
	padding: 3px;
}

input.sub {
        color: #66c;
        height: 18px;
        width: 160px;;
        background-color: #fff;
	margin-top: 3px;
        border: solid 1px #aaa;
	padding-left: 2px;
	padding-top: 2px;
	letter-spacing: -1px;
}

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

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


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

#pdf {
	margin-top: 20px;
}

.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: 5px;
  padding-left: 22px;
  padding-bottom: 5px;
  background: url(/2010/arrow.png) no-repeat 0 center;
  }

TD .links {
  background: url(/2010/arrow.png) no-repeat 0 8px;
}

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

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

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

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

.light {
  background: #f6f6f6;
}

#map {
font-size: 90%;
}

#ibox_footer {
  color: #fff;
}

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

#new_stuff {
	float: left;
	width: 330px;
	padding-left: 20px;
	padding-right: 30px;
}




.s3fin { 
  clear: both;
  }

#s3{ 
   width: 350px; 
   height: 525px; 
   position: relative;
   overflow: hidden;
   background: #333;
}

#s3Content {
   width: 350px; 
   position: absolute; 
   top: 0; 
   margin-left: 0;
   margin: 0px;
   padding: 0px;
}

.s3Image {
   float: right; 
   position: relative; 
   display: none; 
}

.s3Image span {
   position: absolute;
   left: 0;
   width: 200px;
   height: 0px;
   background-color: #fff;
   filter: alpha(opacity=0);
   -moz-opacity: 0.0; 
   -khtml-opacity: 0.0;
   opacity: 0.0; 
   color: #000;
   display: none; 
   top: 0;
}

.tenk {
  float: left;
  width: 350px;
  padding-top: 20px;
  padding-left: 40px;
}

.tenky {
  float: left;
  margin: 0;
  padding: 0;
  border-top: 1px #fff solid;
  border-left: 1px #fff solid;
  height: 200px;
  width: 200px;
  background: #333;
	vertical-align: center;
}

.tenc {
	margin: 0 auto;
}

.tenkp {
	padding: 0;
	margin: auto;
	display: block;
}

.indexpic {
	float: right;
	padding-left: 20px;
	padding-top: 8px;
}

.essaywall {
	margin: 0px;
	padding: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.tour888 {
	float: left;
	width: 235px;
}

#tour888 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.travelphotography {
	float: left;
	width: 268px;
	height: 658px;
	overflow:hidden;
	clip: rect(auto);
}

#fbpics {
	padding:left: 20px;
	margin-right: 28px;
}

#photography {
	float: left;
	width: 408px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.inprint {
	padding-bottom: 38px;
	line-height: 100%;
}

#inprint {
	padding-left: 28px;	
	padding-bottom: 18px;	
	margin-bottom: 38px;
	width: 772px;
	background: #333;
border:1px solid #333;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
}

#inprint a:link, #inprint a:visited {
	color: #c66;
}

#inprinted {
	padding-bottom: 38px;
}

.inprintTitle {
	padding: 0px;	
	width: 800px;
	background: #333;
border:1px solid #333;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
}

.inprintCover {
	padding-left: 38px;
	width: 350px;
	float: left;
	text-align: left;
	padding-right: 18px;
	padding-bottom: 28px;
	margin-top: 18px;
	color: #aaa;
}

.inprintInfo {
	padding-left: 38px;
	width: 350px;
	float: left;
	text-align: left;
	padding-right: 18px;
	padding-bottom: 28px;
	margin-top: -18px;
	color: #aaa;
}

H4 {
	letter-spacing: -1px;
	color: #fff;
}

.inprinting {
	width: 400px;
	float: left;
}

.inprintLead {
	padding-left: 38px;
	width: 680px;
	float: left;
	color: #fff;
	font-weight: normal;
	color: #66c;
	line-height: 120%;
	font-size: 24px;
}

.inprintPreview {
	margin-top: 8px;
	width: 800px;
	height:565px;
}

.inprintPic {
box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
}

.inprintPic2 {
margin-right: 15px;
margin-bottom: 20px;
box-shadow:rgba(0,0,0,0.5) 1px 1px 5px;
}

.inprintTitleNOT {
border:1px solid #000;
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
background-image:-webkit-gradient(linear, 0% 1%, 0% 95%, from(rgba(255,255,255,0.9)), to(rgba(64,64,64,0.9)), color-stop(.8,rgba(64,64,64,0.25)),color-stop(.25,rgba(32,32,32,0.5)));
background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.9)),color-stop(80%, rgba(64,64,64,0.25)),color-stop(25%, rgba(32,32,32,0.5)),to(rgba(64,64,64,0.9)));
}

.ios {
	padding-top:18px;
	padding-bottom: 18px;
}

.publy {
	padding-top: 28px;
	padding-bottom: 8px;
	width: 750px;
}

.pinned {
	display: hidden;
}