html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	font-family: hoefler text, times new roman, times, georgia, serif;
	font-size: 10px;
	}

/* LINKS LINKS LINKS */

a {
	background-color: transparent;
	color: #5864B3;
	text-decoration: none;
	}

a:hover {
	background-color: transparent;
	color: #5864B3;
	text-decoration: underline;
	}


/* STRUCTURE */

.content {
	width: 500px;
	margin-left: 260px;
	margin-top: 0px;
	font-family: Hoefler Text, Times New Roman, Times, Georgia, serif;
	font-size: 14px;
	line-height: 18px;
	color: #003366;
	text-align: justify;
	}

 /* Fix for IE6 disappearing float bug */
.content {  height: 100%; } 

#header {
	background-color: #fff;
	color: #006;
	border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
	font-size: 11px;
	text-align: center;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
	} /* Not used */
	
#footer {
	background-color: #fff;
	color: #006;
	border-top: 1px solid #ddd;
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	margin: 40px 0px 0px 0px;
	}

.spacer {
	clear: both;
	} /* not used but this clears floats */



/* MENU  on the LEFT */


#menu {
	text-align: center;
	width: 225px;
	position: absolute;
	top: 0;
	left:0;
	list-style: none outside;
	padding: 0;
	margin: 0;
	background-color: #F1F1F8;
	border: 0;
	}

#menu ul {
	padding: 0;
	margin: 0;
	border: 0; 
	text-decoration: none;
	list-style-image: url(http://www.yankeepotroast.org/img/clear.gif);
	}

#menu li {
	padding: 0;
	margin: 0;
	border: 0; 
	}

/* this is what supplies the background color */

#menu li a {
	display: block;
	padding: 0px 5px; /* the first number changes the vertical space of the menu */
	margin: 0;
	font: 13px hoefler text, times new roman, times, georgia, serif;
	color: #5864B3;
	border: 0px;
	text-decoration: none;
	font-variant: small-caps;
	background-color: #F1F1F8;
	}

/* supplies the hover in the menu */

#menu li a:hover {
	background: #E1E2F2;
	color: #5864B3;
	border: 0;
	text-decoration: none;
	}

#menu li a:active {
	border: 0;
	}


/**** TEXT STYLES ****/


/* for the CONTENT COLUMN */

.content h1 {
	font-size: 16px;
      font-variant: small-caps;
	line-height: 18px;
	color: #000080;
	background: transparent;
	margin-top: 2em;
	}

.content p {
	font-size: 13px;
	line-height: 20px;
	margin-top: 0px;
	color: #000080;
	background: transparent;
	text-align: justify;
	font-weight: normal;
	font-family: Hoefler Text, Times New Roman, Georgia, serif;
	}


/* for the MENU COLUMN */

#menu p {
	font-size: 11px;
	background-color: transparent;
	color: #5864B3;
	padding: 0px 10px;
	margin: 5px;
	}

#menu p.newtitle {
	font-family: hoefler text, times new roman, times, georgia, serif;
	font-size: 14px;
	background-color: transparent;
	color: #000080;
	margin-top: 15px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;      
	}

#menu p.title {
	font-family: hoefler text, times new roman, times, georgia, serif;
	font-size: 14px;
	background-color: transparent;
	color: #5864B3;
	margin-top: 5px;
	}

#menu a {
	font-family: hoefler text, times new roman, times, georgia, serif;
	font-size: 11px;	
	}


#menu a:hover {
	}





/* GENERAL */

p {
	padding: 0;
	margin-top: 0px;
	font-family: hoefler text, times new roman, times, georgia, serif;

	}


.small {
	font-size: 11px;
	background: transparent;
	color: #5864B3;

	}

.tiny {
	font-size: 10px;
	background: transparent;
	color: #5864B3;
	}

.teensy {
	font-size: 9px;
	background: transparent;
	color: #5864B3;
	}

p.centgray {
	text-align: center;
      letter-spacing: 1px;
	color: #ccc;
	background: transparent;
	} /* a centering paragraph in gray */

.darker {
	color: #000080;
	} /* a darker blue */

.red {
	color: #D85D66;
	} /* a ypr red */

.darkred {
	color: #92606A;
	} /* a darker ypr red */

.smcaps {
	font-variant: small-caps;
	} /* type in upper and lowercase and this will transform it into delighful small caps almost like magic */

.lemon {
	color: #CAC656;
	}

.spearmint {
	color: #3F9830;
	}

.bubblegum {
	color: #D88DBD;
	}


#menu a {
	background-color: transparent;
	color: #5864B3;
	text-decoration: none;
	}

#menu a:hover {
	background-color: transparent;
	color: #5864B3;
	text-decoration: underline;
	}