/* main.css page for Harper College Field Guide. Main sections of this stylesheet are separated by a CSS comment */ 

/* Base level styles */
body {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: normal;
	background-color: #e8e8e8;
}
p {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.4em;
	}
	
/* Styles for the division id "logo" which contains the Harper logomark */	
#logo {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;
	margin-bottom: 4px;
}

/* Styles for the division id "wrapper" which wraps and floats the main sections of the page */	
#wrapper {
	width: 800px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #006633;
	padding: 8px;
	background-color: #FFF2D3;
}

/* Styles for the division id "header" which contains the title */	
#header {
	background-color: #006633;
	padding: 6px;
}
#header h1 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 4px;
	line-height: 16px;
}

/* Styles for the division id "topnav" */
ul#topnav {
	white-space: nowrap;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	padding: 0;
	text-align: left;
	text-indent: 8px;
	margin: 0;
}

#home #topnav #topnav_home a {
	color: #fff;
	background-color: #396;
	text-decoration: none;
	cursor: default;
}

#topnav li
{
display: inline;
list-style-type: none;
}

#topnav a { padding: 3px 10px; }

#topnav a:link, #topnav a:visited
{
color: #fff;
background-color: #063;
text-decoration: none;
}

#topnav a:hover
{
color: #fff;
background-color: #396;
text-decoration: none;
}


/* Styles for the division id "content" which contains the main content of the page */	
#content {
	width: 790px;
	float: left;
	margin-top: 10px;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #333333;
	margin: 4px 0px 0px;
}
#inset {
	margin: auto;
	padding: 0px;
	width: 370px;
	float: right;
	text-align: center;
}
#inset img{
	padding: 6px;
	border: 2px solid #aaaaaa;
	background-color: #E3E3E3;
}

/* Style for the division id "clearer" */	
#clearer {
	clear: both;
	margin: 0px;
	padding: 0px;
}

/* Styles for the division id "footer" which contains contact, copyright information */
#footer {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #333333;
	padding: 6px;
	text-align: center;
	height: auto;
}