body {
		font-family:arial,helvetica,sans-serif;
		font-size:90%;
		line-height:1.3;
		}
	h1 {
		text-align:center;
		color:#000000;
		}
	h3 {
		color:#000000;
		background-color: #00ff00;
		}
	div#header h1 {					/* styles the h1 in the header only , changed from "h1.header" */
		font-size:1.75em;
		font-family:arial;
		line-height:.15;
		letter-spacing: 2px;
		color:#000000;
		text-align:left;
		}
	div#header h2 {
		font-size:1.1em;
		font-family:verdana;
		color:#ffffff;
		background-color:#ff0000;
		padding-right:10px;
		text-align:right;
		}
	div#header ul { 					/* styles the horizontal list in the "div#header" navigation bar */
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
		}
	div#header ul li {
		display:inline;
		}
	div#header ul li a {
		padding: .2em .5em;
		/*color: #fff;*/
		background-color: #ccc;
		}
	div#header ul li a:hover {
		color: #000;
		background-color: #ffcc00;
		}
	div#footer ul { 					/* styles the horizontal list in the "div#footer" navigation bar */
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
		}
	div#footer ul li {
		display:inline;
		}
	div#footer ul li a {
		padding: .2em .5em;
		/*color: #fff;
		background-color: #036;*/
		}
	div#footer ul li a:hover {
		color: #000;
		background-color: #ffcc00;
		}
	div#content-navbar ul {				/* styles the vertical list in the "div#content-navbar" */
		list-style-type: none;
		padding: 0;
		margin: 0; 
		}
	div#content-navbar ul li {
		/*margin-top: 4px;*/
		}
	div#content-navbar ul li a {
		display: block;
		width: 135px;
		padding: 3px 5px 3px 10px;
		/*color: #fff;
		background-color: #036;*/
		}
	div#content-navbar ul li a:hover {
		color: #000;
		background-color: #ffcc00;
		}
	#wrapper {
		width:800px;
		margin:0px auto;
		border:0px solid #bbb; 			/*puts a border around the whole page */
		padding:10px;
		}
	#header {
		border:0px solid #bbb;			/*puts a border around the header*/
		height:90px;
		padding:10px;
		}
	#content {
		margin-top:10px;
		padding-bottom:10px;
		}
	#content div {
		padding:10px;
		float:left;
		}
	#content-navbar {
		width:170px;
		background-color:#ccc;
		border:1px solid #bbb;
		}
	#content-main {
		margin-left:10px;
		width:559px;
		border-left:0px solid #bbb; 		/* this is where i can add a vertical line to the left border of the main contents */
		}
	#content-page {
		margin-left:10px;
		width:559px;
		}
	#content-sidebar {
		margin-left:10px;
		width:180px;
		}
	#footer {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		border:1px solid #bbb;
		width:100%;
		background-color:#ccc;
		}
	#bottom {
		clear:both;
		text-align:right;
		font-size:100%;
		}
	a:link {color: blue;  }
	a:active { color: red; }
	a:visited { color: blue; }
	a:hover { color: blue; text-decoration: underline; background: #ffcc00
		} 						/* f9eded is another possible color*/

								/* Styling for the tables begins here */

	table.one {
		border-collapse: separate;
		border-spacing: 1px;
		table-layout: fixed;
		}

								/* Styling for the tables ends here */

								/* Styling for the image gallery begins here */

	div.img {
		margin: 2px;
  		border: 1px solid #0000ff;
		height: auto;
		width: auto;
		float: left;
		text-align: center;
		}	
	div.img img {
		display: inline;
		margin: 3px;
		border: 1px solid #ffffff;
		}
	div.img a:hover img {
		border: 1px solid #0000ff;
		}
	div.desc {
		text-align: left;
		width: 130px;
		margin: 2px;
		}

								/* Styling for the image gallery ends here */