@charset "utf-8";
html {
	height: 100%;
	margin: 0 0 1px 0;
	padding: 0;
}
body {
	height: 100%;
	margin: 0 0 1px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFCC;
	text-decoration: none;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	overflow: scroll; /* I think this is what puts a scrollbar on Firefox pages, despite a short page */
}

#container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.back1 {
	background: #0a1473 url(images/2010home1.jpg) no-repeat left top;
}
.back2 {
	background: #0a1473;
}
.bottom1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #00ff99;
	text-decoration: none;
}

.back1a {
	background: #666666 url(images/2010home1a.jpg) no-repeat left top;
}
.backinner1 {
	background: #666666 url(images/2010inner1.jpg) no-repeat left top;
}
.back1c {
	background: #666666 url(images/2010home1c.jpg) no-repeat left top;
}
.back1d {
	background-color: #666666;
	background-image: url(images/2010home1e.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
a.bottom1:link {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #00ff99;
	text-decoration: none;
}
a.bottom1:hover {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #ff4040;
	text-decoration: none;
}
.back1e {
	background: #0a1473 url(images/2010inner1b-bottom1.jpg) no-repeat left top;
}
p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #FFFFCC;
	text-decoration: none;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2em;
	color: #f1b166;
	text-decoration: none;
}
.notopspace {
	margin-top: 0px;
	padding-top: 0px;
}
td {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #FFFFCC;
	text-decoration: none;
}
.title1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #f1b166;
	text-decoration: none;
}
.back3 {
	background: url(images/blue-opacity.gif) repeat left top;
}
a.title2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #00ff99;
	text-decoration: none;
}
a.title2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #00ff99;
	text-decoration: none;
}
a.title2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #ff4040;
	text-decoration: none;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;

	color: #FFCC66;
	text-decoration: none;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	color: #FFCC66;
	text-decoration: none;
}
.title1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;
	color: #f1b166;
	text-decoration: none;
}
.photocredit {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #CCCCCC;
	text-decoration: none;
	font-style: italic;
}
.emphasis1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	color: #ff4040;
	text-decoration: none;
	font-style: italic;
}

.emphasis2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	color: #ff4040;
	text-decoration: none;
	font-style: italic;
}
a.emphasis2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	color: #ff4040;
	text-decoration: none;
	font-style: italic;
}
a.emphasis2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	color: #00ff99;
	text-decoration: none;
	font-style: italic;
}
#family ul {
	padding: 2px;
	list-style: none;
	line-height: 200%;
}
#family li {
	background-image: url(bullets/BD14756_.GIF);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}