body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	background: url(photos/bwcrop.jpg) no-repeat left top;
	color: #333333;
	background-color: #fff;
	text-align: center;
	
/* part 1 of 2 centering hack */
	}
a {	
	font-size:.8em;
	text-decoration: none;
	font-weight: bold;
	color:  #cc3333;
	outline: none;
	}
a:visited {
	color:  #cc3333;
	}
a:active {
	color:  #cc3333;
	}
a:hover {
	color: #ccc;
	text-decoration: none;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}

li 	{font-size: .8em;}


p {
	
	font-size: 1em;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right:20px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 1em;
	line-height: 1.25em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size:1em;
	line-height: 1.25em;
	font-weight: bold;
	color:#339999;
	margin-left:0px;
	margin-top: 0;
	margin-bottom: 0;
	display:inline;
	}
h3 {
	font-size: .75em;
	line-height: .8em;
	font-weight: bold;
	font-color:#339999;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	
	}
p img {
	border: 0;
	margin-right:15px;
	margin-top:10px;
	
	}



.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #ffffff;
	border: 0px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	width: 500px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:1000px;
	width: 500px;
	}
html>body #content {
	width: 500x; /* ie5win fudge ends */
	}

#date {text:Update may 2006;}

#box2
	{
	padding-left:10px;
	padding-top:1px;
	padding-bottom:3px;
	font-size: .8em;
	line-height:18px;
	margin-top: 2px;
	margin-bottom:6px; 	
	margin-right:6px;
	margin-left:25px;
	color: #666;
	font-family:arial;
	background-color:#dcf3f9;
	width:450px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 450px;
	}
html>body #box2 {
	width: 450px; /* ie5win fudge ends */
	}


#box3
	{
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 1em;
	line-height:1px;
	margin-top: 0px;
	margin-bottom:0px; 	
	margin-right:0px;
	margin-left:0px;
	color: #666;
	font-family:arial;
	background-color:#dcf3f9;
	width:50px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 50px;
	}
html>body #box3 {
	width: 50px; /* ie5win fudge ends */
	}

#box4
	{
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 1em;
	line-height:1px;
	margin-top: 0px;
	margin-bottom:0px; 	
	margin-right:0px;
	margin-left:0px;
	color: #666;
	font-family:arial;
	background-color:#dcf3f9;
	width:400px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 400px;
	}
html>body #box3 {
	width: 50px; /* ie5win fudge ends */
	}

#box5
	{
	align: center;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 1em;
	line-height:1px;
	margin-top: 0px;
	margin-bottom:10px; 	
	margin-right:100px;
	margin-left:100px;
	color: #ffffff;
	border: dashed 1px #666666;
	font-family:arial;
	background-color:#ccffff;
	width:150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	height: 175px;

	}
html>body #box5 {
	width: 150px; /* ie5win fudge ends */
	}


#newslettersignup {margin:0px;
		border: solid 1px #339999;
		}

#hero {margin:0px;
	padding:15px;
		border: 1px solid #339999;
		}


div.photo {
	padding: 10 10px 0px 0px;
	border: 0; margin: 0;
	float: left; width: 90px;
	height: 100px;
	align: left;
	margin-left:0px;
	margin-right:0px;
	}

div.title {
	padding: 10 10px 10 0;
	border: 0; margin: 0;
	float: left; width: 80px;
	height: 100px;
	align: left;
	font-size:.55em;
	color: #339999;
	}

div.letter {
	padding: 2 10px 5 0px;
	border: 0; margin: 0;
	float: left; width: 70px;
	height: 125px;
	align: left;
	margin-left:2px;
	margin-top: 8px;
	margin-right:3px;
	}

div.lettertitle {
	padding: 5 10px 10px 0;
	border: 0; margin: 0;
	float: left; width: 85px;
	height: 125px;
	valign: left;
	color: #339999;
	font-size:.7em;
	margin-left:1px;
	margin-right: 5px;
	margin-top: 8px;
	margin-left:2px;
	width:75px;
	}
a.lettertitle {.4em;}




div.video {
	padding: 10 5px 5 0px;
	border: 0; margin: 0;
	float: left; width: 90px;
	height: 100px;
	align: center;
	margin-left:2px;
	}



pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(/d/cssdropshadows/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/d/cssdropshadows/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(/d/cssdropshadows/img/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}


.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 3px 0 0 3px;
  margin: 3px 0 0 3px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 3px;
}






.alpha-shadow {
  float: left;
  background: url(img/shadow.gif) 
  no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(img/shadow2.png) »
  no-repeat left top !important;
  background: url(img/shadow2.gif) »
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}