@charset "UTF-8";
/* CSS Document */

body  {
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
}

/* 1. UNIVERSAL STYLES */

/* text styles */

p {
font-family: Georgia, "Times New Roman", serif;
	text-align: left;
	font-weight: normal;
	line-height: 150%;
	color: #333;
	margin-bottom:-0.6em;
}

h1 {
	font-weight: normal;
	text-align: left;
	font-size: 1.2em;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 120%;
	text-align: left;
	color: #333;
	margin-bottom:-0.6em;
}

/* links */

a:link {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #333;
}

a:active {
	color: #000;
	text-decoration: none;
}

/* main layout */

#container {
	margin: auto;
	width: 960px;
} 

#header {
	margin: 0 auto;
} 

/* main content space (middle div) */

#contentspace {
	float: left;
	width: 330px;
	padding-left: 20px;
	padding-top: 20px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* NAVIGATION */

/* left navbar */

#navspace {
	float: left;
	width: 260px;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/* bottom navbar */

#bottomnavspace { 
	padding: 0;
	margin-top:2em;
} 

.footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 0.7em;
	color: #333
}

/* right side image / library items spaces */

#imagespace {
	float: left;
	width: 320px;
	padding-left: 20px;
	padding-top: 30px;
}


/* SPECIALS */

/* text in imagespace on index page */
.imagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height:140%;
	padding-left:20px;
}

/* privacy page */

#privacyspace {
	margin-left: 260px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.privacy {
	font-size: 0.7em;
}

/* library items */

.library{
	font-size: 0.9em;
	padding-left: 30px;
}

.library h1{
	font-size:1.1em;
	margin-top:-0.1em;
}

.library h2{
	font-size:1em;
	margin-bottom:-0.6em;
}

.library h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	color:#333;
	line-height:120%;
}

.library p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-bottom: -0.8em;
}

.library a{
	color:#333;
	text-decoration:none;
}

.sites{
	font-size: 0.8em;
	padding-left: 30px;
}

.sites h1{
	font-size:1.1em;
	margin-top:-0.1em;
}

.sites h2{
	font-size:1em;
	margin-bottom:-0.6em;
}

.sites h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	color:#333;
}

.sites p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-bottom: -0.8em;
}

.sites a{
	color:#333;
	text-decoration:none;
}

/* list for "things we do" page */

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-bottom:-0.8em;
}
li {
	list-style-type: none;
	line-height:120%;
	padding-bottom: 0.6em;
}