/* Define all main values for the web site ------------- */ 
	body { 
		margin: 0; 
		padding: 0; 
		font:0.8em 'Lucida Grande',Verdana,sans-serif;
		/*font-size:0.7em; this is 11pt type */
		line-height:160%;
		color: #000; 
		background: #FFF; 
		text-align: center;
		} 


/* Define headings font sizes ------------- */ 
	h1 { 
		font-size: 2em; 
		} 
	h2 { 
		margin-left: -15px;
		font: italic 1.7em Georgia,Times,serif; 
		color: #7D775C; 
		} 
	h3 { 
		margin:30px 0 -5px -15px;
		font: italic 1.2em georgia; 
		color: #7D775C; 
		} 

/* define styling for notations at bottom ----------- */
	#notation {
		margin-top:5px;
		font: italic 0.9em Georgia,Times,serif; 
		color: #7D775C; 
		}


/* define styling for site by at bottom ----------- */
	.siteby {
		color: #330;
		font-size: 0.6em;
		margin:0; 
		padding:10px 32px 10px 32px;
		background:transparent url(../img/joialogo.gif) left center no-repeat;
		}


/* Define styling of our reusable text box -------------- */
	.textbox {
		width:70%;
		margin:0 0 0 30%;
		/*border: 1px dotted #CCC;*/
		}


/* Basic Container --------------*/
	#container {
		width: 800px; 
		margin: 0px auto 10px auto; 
		/*border: 1px dotted #F00;*/	
		/*padding: 20px; */
		background: #FFF;
		text-align: left;
		}

/* define links when within a paragraph ------------- */
p a:link {
  color:#690;
  text-decoration:none;
  border-bottom:1px dotted #690;
  line-height:150%;
  }
p a:visited {
  color:#690;
  text-decoration:none;
  border-bottom:1px dotted #690;
  line-height:150%;
  }
p a:hover {
  color:#330;
  text-decoration:none;
  border-bottom:1px dotted #330;
  line-height:150%;
  }
p a:active {
  color:#000;
  text-decoration:none;
  border-bottom:1px dotted #000;
  line-height:150%;
  }

/* define links when within the class siteby ------------- */
.siteby a:link, .siteby a:visited, .siteby a:active {
  color:#330;
  text-decoration:none;
  border:1px dotted #690;
  padding:2px 5px 2px 5px;
}
.siteby a:hover {
  color:#336699;
  text-decoration:none;
  border:1px dotted #690
  line-height:150%;
  }

/* define styling for email addresses ----------- */
.highlight {
  color:#690;
  }

/* style the navigation within sidebar ------------ */
ul { 
  list-style-type:none; 
  margin:5px; 
  padding:2px; 
  border:0; 
  width:158px; 
  font: bold 12px 'Lucida Grande',Verdana,sans-serif; 
  } 
li { 
  background: #FFF;
  margin: 0; 
  line-height:150%;
  } 

ul a:link, ul a:visited, ul a:hover, ul a:active {
 display:block;
 padding:2px 10px;
 text-decoration:none;
 }

ul a:link {
 color:#000;
 }
ul a:visited {
 color:#666;
 }
ul a:hover {
 color:#690;
 background:#FFF;
 }
ul a:active {
 color:#333;
 }

#current a:link {
 color:#690;
 border:1px dotted #690;
 text-decoration:none;
 }

/* spacer rule -------------*/
	.spacer {
		clear:left;
		margin-top:20px;
		}