@charset "windows-1252";
/* CSS Document */


body {
	background: url(images/bgBody.jpg);
	margin: 0px 0 0 0px;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #CC6666;
	text-decoration: none;
	font: 12px normal  "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:hover {
	color: #CC3333;
}

.bgTop {
	width: 100%;
	height: 222px;
	border: 0px solid #00CC33;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgBanner.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.bgTop[class] {
	background: url(images/bgBanner.png) top left repeat-x;
}

	
.banner {
	margin: 0 auto;
	width: 1000px;
	height: 222px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgBanner2.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.banner[class] {
	background: url(images/bgBanner2.png) bottom right no-repeat;
}


.subPageBanner {
	margin: 0 auto;
	width: 1000px;
	height: 222px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/subpageBgBanner.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.subPageBanner[class] {
	background: url(images/subpageBgBanner.png) bottom right no-repeat;
}

.bannerHolder {
	width: 800px;
	margin: 0 auto;
}

.logo {
	position: absolute;
	margin: 40px 0px 0px 0px;
	border: 0px solid #666666;
	
}

.logoSubPage {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0px solid #666666;
	
}


.contentTop {
	height: 157px;
	width: 1000px;
	margin: 0 auto;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgContentTop.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.contentTop[class] {
	background: url(images/bgContentTop.png) right repeat-x;
}


.coverHolder {
	position: absolute;
	padding: 8px 0px 0px 115px; 
}

.cover {
	float: left;
	width: 205px;
	color:#333333; 
	font: 14px normal Arial, Helvetica, sans-serif;
}

.contentWrap {
	width: 1000px;
	margin: 0 auto;
}

.contentHolder {
	height: 400px;
	width: 821px;
	margin-left: 89px;
	
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgContent.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.contentHolder[class] {
	background: url(images/bgContent.png) top center repeat-y;
}

.contentHolder2 {
	position: absolute;
	width: 800px;
	margin-left: 10px;
	border: 0px solid #000000;
}

.dividerContent {
	width: 100%;
	height: 1px;
	line-height:1px;
	font-size:1px;
	background: url(images/dividerContent.gif) left top repeat-x;
	margin-left: 14px;
}

.dividerContent2 {
	width: 2px;
	height: 380px;
	position: absolute;
	z-index: 1; 
	margin-left: 2px;
	background: url(images/dividerContent2.gif) left top repeat-y;
}

.leftHome {
	position: absolute;
}



/* begin slideshow */
.slideshow {
	width: 393px;
	height: 261px;
	background: url(images/bgSlideshow.jpg) top left no-repeat;
	margin: 0px 0px 0px 11px;
	padding: 10px 0px 0px 13px;
	border: 0px solid #000000;
}

.slideshow .headerPhotos {
	
}

.slideshow .content {
	float: left;
	font: 15px normal Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #333333;
	width: 150px;

}

.viewSlideshow {
	float: right;
	margin: 5px 15px 0px 0px;
}

.surveyHome {
	width: 393px;
	height: 145px;
	padding: 0px 0px 0px 13px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgSurveyHome.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.surveyHome[class] {
	background:url(images/bgSurveyHome.png) left top no-repeat;
}

.surveyContent {
		height: 75px;
		width: 175px;
		padding: 30px 0px 0px 160px;
		float: left;
		font: 17px normal Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		position: absolute;

}

.surveyContent a {
		font: 17px normal Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration: underline;
		position:absolute;

}

.homeRight {
	float: right;
	width: 417px;
}

.headerWelcome {
	position: absolute;
	padding: 10px 0px 0px 20px;
}

.homeRightContent {
	position: absolute;
	z-index: 2;
	margin: 50px 0px 0px 20px;
	width: 300px;
	height: px;
	font: 12px normal Arial, Helvetica, sans-serif;
 	color: #333333;
	line-height: 125%;
}

.rings {
	width: 459px;
	height: 112px;
	position: absolute;
	margin: 305px 0px 0px 0px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgContentRings.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.rings[class] {
	background: url(images/bgContentRings.png) top left no-repeat;
}
/* end slideshow */


.letter{
	position:absolute;
	background: url(images/notebook.jpg) center top no-repeat;
	height: 600px;
	width: 639px;
	margin: -9px 0px 0px 79px;
	z-index:4;
	overflow: visible;
}

.editorPic {
	float: left;
	margin: 10px 0 0 1px;
	width: 205px;
	height: 207px;
		/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/editor.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.editorPic[class] {
	background: url(images/editor.png) top left no-repeat;
}

.editorSurvey {
	float: left;
	clear: left;
	padding: 15px 0px 0px 35px;
}

.letterText {
	float: right;
	color:#333333; 
	font: 12px normal Arial, Helvetica, sans-serif;
	line-height: 125%;
	width: 390px;
	padding: 10px 25px 0px 0px;
}

.letterText h2 {
	padding-top: 10px;
	color:#FF6666; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.toc {
	font: 12px normal Arial, Helvetica, sans-serif;
	line-height: 125%;
	width: 600px;
	height:auto;
	color: #333333;
	margin: 0 auto;
}

.toc h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CC6666;
	padding-top: 10px;
}

.toc p {
	border-left: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	padding: 0px 0px 0px 10px;
}

.toc p b {
	font: 24px "Brush Script MT", Arial, Helvetica, sans-serif;
	color: #CC6666;
}


/* for IE */
.toc a:hover {
	background: #FFF3F3;
	font: 12px normal Arial, Helvetica, sans-serif;
	color: #333333;
	display:block;

}
.toc a {
	font: 12px normal Arial, Helvetica, sans-serif;
	color: #333333;
	display:block;

}

.missionContent {
	margin: 0 auto;
	width: 500px;
	font: 12px normal Arial, Helvetica, sans-serif;

}

.missionContent h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CC6666;
}

.missionContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.photos {
	width: 600px;
	margin: 0px 0px 0px 65px;
}

.siteMap {
	width: 500px;
	margin: 15px auto;
	background: #FFEFF2;
	border: 1px solid #CCCCCC;
}


.siteMap ul {
	width: 450px;
	list-style: none; 
}

.sitemap ul li {
	text-align: center;
}

.siteMap ul li a {
	display: block;
	width: 430px;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px 10px 10px; 
	margin: 0px 0px 0px -10px;
}

.siteMap ul li a:hover {
	background-color: #FFFFFF;
	text-indent: 5px;
}

.siteMap h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CC3366;
	text-align:center;
	margin: 10px auto;
	background: #eeccCC;
	border:1px solid #fff;
	padding: 3px 0px 3px 0px;
	width: 450px;
}


/* begin warning box */
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid #CC3333;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;

}
/* end warning box */


.contentBottom {
	height: 15px;
	width: 821px;
	margin-left: 89px;
	
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/contentBottom.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.contentBottom[class] {
	background: url(images/contentBottom.png) top center repeat-y;
}


.footer {
	width: 100%;
	height: 99px;

	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bgFooter.png');

}

/* IE ignores styles with [attributes], so it will skip the following. */
.footer[class] {
	background:url(images/bgFooter.png) top center repeat-x;
}

.footerHolder {
	width: 800px;
	margin: 0 auto;
}

.footerContent {
	position: absolute;
	margin-top: 24px;
}

.footerContent .author {
	color: #FFCCCC;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	width: 150px;
	float: left;
	margin: 20px 30px 0px 30px;
	text-align: center;
}

.footerContent .author a {
	color: #FFFFFF;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/* begin survey */
.survey {
	position: absolute;
	width: 500px;
	height: auto;
	margin: 10px 0px 0px 20px;
	padding: 10px 10px 10px 20px;
	border: 1px solid #ddd;
	color: #333;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.survey .title {
	color:#CC3333;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
} 
/* end survey */

.contactInfo {
	float: right;
	width: 200px;
	height: 250px;
	margin: 10px 15px 0px 0px;
}

.contactInfo h3 {
	margin-top: 0px;
	padding-bottom: 5px;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCCCCC;
}



/* begin nav */

/* IE hack to make links float above the background layer */
.nav {
	position: absolute;
	width: 500px;
	margin-top: 135px;
}
/* end IE hack */


.nav ul {
	width: 500px;
	float: left;
	list-style: none;
	border: 0px solid #00CC00;
	margin: 15px 0px 0px 0px;
	padding: 0;
}

.nav ul li {
	width: 90px;
	height: 49px;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.nav ul li a {
	display: block;
	width: 90px;
	height: 49px;
	padding-top: 8px;
	font: 12px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3366;
	text-decoration: none;
}

.nav ul li a:hover {
	background: url(images/bgNav2.jpg) top center repeat-x;
	color: #CC0033;
}

.nav ul li a:hover {
	background: url(images/bgNav2.jpg) top center repeat-x;
	color: #CC0033;
}

.home .homenav a,
.contact .contactnav a,
.toc1 .toc1nav a,
.mission .missionnav a,
.editorLetter .letternav a {
	background: url(images/bgNav.jpg) top center repeat-x;
	color:#FFFFFF;
}

.home .homenav a:hover,
.contact .contactnav a:hover,
.toc1 .toc1nav a:hover,
.mission .missionnav a:hover, 
.editorLetter .letternav a:hover {
	background: url(images/bgNav.jpg) top center repeat-x;
	color:#FFFFFF;
}

/*.toc .tocnav a {
	background: url(images/bgNavTOC.png) top left no-repeat;
	color:#FFFFFF;
}

.toc .tocnav a:hover {
	background: url(images/bgNavTOC.png) top left no-repeat;
	color:#FFFFFF;
}

.contact .contactnav a {
	background: url(images/bgNavContact.png) top left no-repeat;
	color:#FFFFFF;
}

.contact .contactnav a:hover {
	background: url(images/bgNavContact.png) top left no-repeat;
	color:#FFFFFF;
}*/



/* end nav */

/* begin footer nav */

.navFooter {
	margin: 20px 0px 0px 0px;	
}

.navFooter ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 35px;
	padding: 0;
}

.navFooter ul li {
	width: 76px;
	height: 26px;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.navFooter ul li a {
	display: block;
	width: 76px;
	height: 26px;
	padding-top: 6px;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.navFooter ul li a:hover {
	background: url(images/bgNavFooter.png) top center repeat-x;
	color: #993333;
}

/* end footer nav */