body {
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	background: #fffff0 url(images/page-back.jpg);
}

h1,h2 {
	text-align: center;
}

h1 {
	border-bottom: 4px #ffffff groove;
	color: #000000;
	font-size: 450%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

h2 {
	font-size: 180%;
}

h3 {
	font-size: 150%;
	text-align: center;
}

/* This class will be used for anything like a special or an announcement */
.imp {
	color: #000000;
	font-size: 190%;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

/* This class is used just for the red typewriter pieces, mostly headlines */
.reds {
	color: #ff0000;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* This id is used for the main page picture */
#us {
	text-align: center;
	border: #a9a9a9 1px;
}

/* This is the main section of any page */
#main {
	width:74%;
	margin: 0px 10px 25px 300px;
	padding: 5px 5px 5px 10px;
}

/* Normal Links */
.std {
	font-size: 110%;
}
	.std a:link {
		color: #008080;
	}
	.std a:visited {
		color: #8fbc8f;
	}
	.std a:hover {
		color: #ffffff;
		background: #008080;
	}
/* This is the footer for any 3 column layout */
#foot {
	margin: 10px;
	clear: both;
}

/* This id is used for elements in the gigs sidebar in a multicolumn design */
#gigs {
	text-align: center;
	width: 20%;
	border: #ffffff 7px groove;
	padding: 5px;
	margin: 0px;
	margin-top: 0px;
	margin-right: 10px;
	background: #2a4f4f url(images/stix.gif) repeat-x top left;
	float: left;
}
	#gigs h2 {
		color: #ffffff;
		background-color: #2a4f4f;
		margin-top: 45px;
	}
	#gigs p {
		color: #ffffff;
		background-color: #2a4f4f;
		font-size: 75%;
	}
	#gigs h3 {
		color: #ffffff;
		margin: 0px;
		margin-top: 10px;
	}
	#gigs h4 {
		color: #ffffff;
		background-color: #2a4f4f;
		font-size: 95%;
		font-weight: bold;
		margin: 0px;
	}
	#gigs a:link {
		color: #dcdcdc;
	}
	#gigs a:visited {
		color: #f0f8ff;
	}
	#gigs a:hover {
		color: #ffffff;
		background: #8b4513;
	}

/* This class is used for elements in any sidebar in a multicolumn design */
.sidebar {
/* background-color: #d3d3d3; */
	text-align: center;
	width: 100px;
	border: #ffffff 3px groove;
	padding: 10px;
	margin: 0px 0px 0px 15px;
	float: right;
}
	.sidebar h2 {
		/* background-color: #d3d3d3; */
	}
	.sidebar a:link {
		color: #b22222;
	}
	.sidebar a:visited {
		color: #8a2be2;
	}
	.sidebar a:hover {
		color: #fffff0;
		background: #dc143c;
	}
	.sidebar p {
	/*	background: #d3d3d3; */
		font-size: 75%;
		text-align: center;
	}

/* This class is used for the text elements that are in paragraphs */
.happy {
	font-family: "Comic Sans MS", serif;
	font-size: 115%;
	text-align: center;
	margin: 2px 4px 10px 0px;
}

/* This class is used to except out anything into the typewriter font */
.tw {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

/* This is just for the head in the notes page .... though we may use it elsewhere */
.bloghead {
	text-align: left;
	padding: 10px;
	margin: 0px 0px 0px 400px;
}
	.bloghead h2 {
		font-size: 250%;
		
		text-align: left;
		margin: 0px 0px 10px 0px;
	}
	.bloghead h3 {
		text-align:left;
		margin: 0px 0px 10px 0px;
	}
	
/* This is for the text body of the notes to make them easier to read ...  */
.notes {
	text-align: justify;
	background: #ffffff;
	padding: 2px 15px;
	margin: 0px 15px 0px 308px;
	}
	
/* This class is used for elements in any sidebar in a multicolumn design */
.navbar {
/* background-color: #5f9e80; */
	text-align: center;
	padding: 10px;
	margin: 0px;
}
	.navbar h2 {
		margin: 0px;
		padding: 0px;
	}
	.navbar p {
		color: #000000;
	}
	.navbar a:link {
		color: #008080;
	}
	.navbar a:visited {
		color: #8fbc8f;
	}
	.navbar a:hover {
		color: #ffffff;
		background: #008080;
	}
