@charset "utf-8";
/* CSS Document */

body {
background-color: #b3b49e;
font-family: Helvetica, Arial, sans serif;
margin: 0;
padding: 0;
}

div#container {
float:left;
background-color: #fff;
position: relative;
padding: 0;
margin-left: 100px;
width: 770px;
border: 1px dotted #b0bd9c;
}


div#header {
background-color: #c2c38c;
margin-top: -55px;
background: url(headerpic.gif) repeat-x;
padding: 0;
width: 770px;
}

#header h1 {
font-family: "Monotype Corsiva";
font-weight: lighter;
font-size: 36px;
margin: 0;
padding-left: 25px;
padding-top: 110px;
color: #000;

}

#header h2 {
padding: 2px 50px 25px 125px;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
font-weight: lighter;
font-size: 20px;
color: #000;
border-bottom: 1px dotted #856e19;
}

#header h3 {
font-family: Times New Roman;
font-weight: lighter;
font-size: 12px;
text-align: right;
padding: 2px 50px 5px 0;
margin: 0;
color: #000;
border-bottom: 1px dotted #856e19;
}


#nav {
float: right;
width: 770px;
padding: 5px 0 5px 5px;
margin: 0;
border-bottom: 1px dotted #914792;
text-align: center;
}

#nav ul {
list-style: none;
width: 700px;
padding: 0 5px 0 5px;
margin: 0;
}

#nav li {
font-family: Helvetica, Arial, sans serif;
font-size: 12px;
display: inline;
padding: 0;
margin: 0;
color: #82458E;
}

#nav a {
padding: 0 5px;
text-decoration: none;
color: #914792;
border-bottom: none;
}

#nav a:hover {
text-decoration: none;
color: #7c8a93;
border-bottom: none;
}

#maincontent {
float: left;
width: 350px;
padding: 0;
height: 1000px;
text-align: left;
}

#maincontent h1 {
font-family: "Monotype Corsiva";
font-weight: lighter;
margin: 15px 0 0 0;
font-size: 24px;
padding: 10px 0 0 35px;
color: #7c8a93;
}

#maincontent h2 {
font-family: "Times New Roman";
font-weight: lighter;
font-size: 16px;
margin: 5px 0 0 0;
padding: 0 40px;
color: #000;
}

.ellipses {
font-size: 38px;
color: #88ab2e;
paddingt: 50px 0;
margin: 5px 0 20px 0;
	line-height: 48px;
}

#maincontent p.signature {
font-family: "Monotype Corsiva";
font-size: 20px;
padding-bottom: 25px;
margin: 0;
color: #6C8890;
}

#maincontent p {
	padding-left: 50px;
	margin: 5px 0 20px 0;
	font-size: 12px;
	color: #000;
	line-height: 24px;
	text-align: left;
}

#intro {
	width: 325px;
	height: 950px;
	font-family: "Monotype Corsiva", Times New Roman;
	float: right;
	text-align: right;
	margin: 20px 0 35px 25px;
	padding: 0px 35px 0 0;
	color: #88ab2e;
}

#intro p {
	padding-right: 45px;
}

#intro p.largetop {
	font-family: Times New Roman;
	font-size: 24px;
	margin: 50px 0 0 0;
	color: #914792;	
}

#intro p.large {
	font-family: "Monotype Corsiva";
	font-size: 30px;
	margin: -5px 0 0 0;
	color: #7c8a93;
}

#intro p.medium {
	font-family: Times New Roman;
	font-size: 22px;
	margin: 0;
	font-style: italic;
	color: #914792;
}

#intro p.times {
	font-family: Helvetica, Arial, sans serif;
	margin: 0;
	font-size: 24px;
	color: #88ab2e;
}

#footer {
	float: left;
	width: 750px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #8b8d70;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #fff;
	text-align: center;
}

#order img{
text-align: center;
margin: 0;
padding: 75px 50px 0 0;
border: none;
}

#order a {
border: none;
}


.italics {
	font-style: italic;
}

a:link {
padding: 0;
text-decoration: none;
color: #8b8d70;
border-bottom: 1px dotted #8b8d70;
}

a:hover {
text-decoration: none;
color: #7c8a93;
border-bottom: 1px dotted #7c8a93;
}

a:visited {
text-decoration: none;
color: #8b8d70;
border-bottom: 1px dotted #8b8d70;
}

ul.index {
}

ul.index li {
list-style-type: disc;
}

.bold {
font-weight: bold;
}