﻿/* CSS layout */

/* general definitions */
a {
	color: #606060 ;
}

/*classes */

	/*create images with captions using a table thusly
		<table class="image">
			<tr><td><img alt="" src=" image URL " /></td></tr>
			<tr><td class="image_caption"> Caption </td></tr>
		</table>
	*/
	
table.image {
	margin-left: 25px;
	margin-bottom: 20px;
	}

td.image_caption{
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		small;
	}


/* id definintions */
#masthead {
background-image: url('images/background.png'); 
}

#masthead img {
	margin-left: 200px;
}

#top_nav {
background-image:url('images/background.png')
}

#top_nav a{
	display: inline ;
	border-left: 1px solid black ;
	line-height: 40px ;
	padding: 0 .3em ;
	color: white ;
	text-decoration: none ;
}


#top_nav ul {
	margin: 0 ;
	padding: 0 1em 0 0 ;
	text-align: left ;
	margin-left: 200px ;
}

#top_nav li {
	display: inline ; 
	border-left: 1px solid #000000 ;
}

#container {
	position: relative;
	width: 100%;
}

#left_col {
	width: 190px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#page_content {
	margin-right: 200px;
	margin-left: 200px;
}

#right_col {
	width: 190px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#footer {
	font-size: .8em;
	margin-left: 200px ;
}
