a {
margin: 0; padding: 0;
}h6 {
margin: 0; padding: 0;
}h5 {
margin: 0; padding: 0;
}h4 {
margin: 0; padding: 0;
}h3 {
margin: 0; padding: 0;
}h2 {
margin: 0; padding: 0;
}h1 {
margin: 0; padding: 0;
}dd {
margin: 0; padding: 0;
}dt {
margin: 0; padding: 0;
}dl {
margin: 0; padding: 0;
}li {
margin: 0; padding: 0;
}ol {
margin: 0; padding: 0;
}ul {
margin: 0; padding: 0;
}p {
margin: 0; padding: 0;
}body {
margin: 0; padding: 0;
}/*global reset*/

/*this class is used to align captions to photos*/
p.photoleft {float: left; margin:25px 0 0 0; padding:5px 5px 5px 5px;  
font-size:90%; display:inline;  color:black; background-color:#FFFF66; width: 157px;}

#container {
	width:800px;
	height:100%;
	position:relative;
	margin:auto;
	text-align:center;
	
	
}
/*this is used for formatting the header image*/
#header {
	height:97px;
	left:10px;
	width:inherit;
	margin: 5em auto 1em auto;
	text-align: center;
	position:relative; 
}

#navigation{
	position:relative;
	text-align:center;
	width:800px;
	margin:auto;
	height:1.5em;
	position:relative;
	top:180px;
	text-decoration:none; 
	font-size:1.5em;
	font-family:"Trebuchet MS";
	list-style:none;
	border:thin black solid;
	background-color:#FFFFCC;

}

#navigation li{
	margin:0 auto 0 auto;
	padding:0 0 0 70px;
	list-style:none;
	float:left;
	color:black;
		
}
#navigation a{
	
	text-decoration:none;
	color:black;
}
#navigation a:hover{
	text-decoration:underline;
	
}

.byline
{
	font-size:small;
	color:#333333;
	text-align:left;
	margin:0;
	padding:1px 1px 1px 35px;
}
.byline2
{
	font-size:small;
	color:#333333;
	text-align:left;
	margin:0;
	padding:1px 1px 25px 35px;
}

.floatright
{
float: right;
width: 150px;
margin: 0;
padding: 10px 10px 10px 25px ;
font-size:small;
display:inline;
}

div.floatright img
{

}

.floatleft
{

float: left;
width: 150px;
margin: 0 0 10px 10px;
padding: 10px 40px 10px 10px;
font-size:small;
font-family:Verdana;
display:inline;
}


/*this contains the body copy*/
#letter{
	width:600px;
	position:relative;
	
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;
	margin-bottom:3em;
	padding:1em 1em 1em 1em;
	font-family:"Trebuchet MS";
	font-size:medium;
	border-right:medium black outset;
	border-bottom:medium black outset;
	border-top:thin black solid;
	border-left:thin black solid;
	background-color:#FFFFFF;
	height:100%;
}

#letter li{
	list-style:disc;
	text-align:left;
	margin:1em 3em 0 3em;
	padding:0.25em 0.25em 0.25em 0.25em;
}

#letter h1{
	text-align:center;
	
	font-family:"Trebuchet MS";
	width:65%;
	color:navy;
	font-size:33px;
	line-height:107%;
	letter-spacing:-2px;
	
	margin:0.5em auto 1em auto;
}
/*used for the deck copy headline*/
#letter h5
{
	font-size:18px;
	margin-bottom:1em;
	text-align:center;
	padding:0 20px 0 20px;
}

/*this is used for subheadlines*/
#letter h2
{
	font-size:18px;
	
	text-align:center;
	padding:0.5em 25% 0.5em 25%;
}

/*pre-headline text*/
#letter h3
{
	font-size:12px;
	text-align:left;
}

#letter h4
{
	margin:0 0 10px 0;
	text-align:center;
	position:relative;
	clear:none;
}
#sidebar{
	width:250px;
	position:relative;
	text-align:left;
	margin:10px 10px 10px 10px;
	padding:0.75em 0.75em 0.75em 0.75em;
	border:thin black solid;
	background-color:#FFFF66;
	float:right;
	display:inline;
	
}

#sidebar p{
	width:230px;
	
}

p {
	padding:0.7em 2em 0.7em 2em;
	line-height:1.12; 
	position:relative;
	text-align:left;
	clear:none;
	text-indent:1.5em;
}

#video{
	width:400px;
	margin:0 20% 0 20%; 
	text-align:center;
}
#orderbox{
	
	width:31em;
	position:relative;
	border:4px 4px 4px 4px;
	border-color:blue;
	border-style:dashed;
	margin:2em;
}

#orderbox a{
	text-align:center;
	padding:0 0 0 35%;
}

#orderbox p{
	width:auto;
	padding:1em 1em 1em 1em;
}
#footer{
	text-align:center;
	bottom:-150px;
	width:300px;
	margin:auto;
	position:relative;
	
}