/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
	
body { 
	font: 100% Arial, Helvetica, sans-serif;
	line-height: 0.8em;
	margin: 0; 
	padding: 0;
	}
	
#containerTop {
	width: 100%;
	height: 1500px;
	background-color:#FFCC00;
	margin: 0 auto;
	padding: 0 0px 0px 0px;
	}
	
	#wrapper {
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0 0px 0px 0px;
	}
	
	#wrapperTest {
	width: 900px;
	height: 35px;
	background-color: #990000;
	margin: 0;
	padding: 0 0px 0px 0px;
	}
	
	#containerHead {  
	width: 912px;
	height:98px;
	margin-left: 0px;
	}
	
	#logo {
	width: 301px;
	height: 98px;
	float: left;
	margin: 0px 0 0px 0px;
	background:  url(../images/logo.jpg) top left no-repeat;
	}
	
	#wrapperTopNav {
	width: 529px;
	height: 63px;
	float: left;
	margin: 0px 0 0px 0px;
	padding: 35px 0px 0px 24px;
	
	}
	
	#containerHPTopGraphic {
	width: 810px;
	height:220px;
	float: left;
	margin: 0px 0 0px 10px;
	padding: 0 0px 0px 0px;
	}
	
	#containerHPBody {
	width: 902px;
	height: 500px;
	float: left;
	margin-left: 10px;
	}
	
	#sideContent {
		width: 146px;
		height: auto;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		padding: 0px 0px 0px 0px;
		}
	
	.sideContentText  {
		font-family: Arial;
		font-size:12px;
		font-weight:400;
		text-align: center;
		line-height: 1.2em;
		color: #000
		}	
		
		#sideContentRight {
		float: left;
		width: 627px;
		margin: 9px 0 0 60px;
		padding: 0px 0px 0px 20px;
		}
		
		.pic1 {
		float: left;
		width: 189px;
		height: 339px;
		background: url(../images/band_JoeA.jpg);
		margin: 10px 0 0 20px;
		}
		
			.pic2 {
		background: url(../images/band_SueA.jpg);
		width: 200px;
		height: 345px;
		margin: 20px 0 0 250px;
		}
		
		#pic3 {
		background: #FFFFFF url(images/hp_teaser_provenResults.jpg)  no-repeat;
		width: 244px;
		height: 167px;
		margin: 4px 0 0 12px;
		}
		
		
#footerHP {
				width: 820px;
				height: 150px;
				float: left;
				clear: both;
				margin: 20px 0 0 10px;
				}		
				
	#footerHPTextBox {
	margin: 0 0 0 0px;
	width: 300px;
	float: left
	
	}

				
		#footerHP h1 {
		margin: 0;
		font-family:  Arial;
		font-size:10px;
		font-weight:400;
		text-align: left;
		line-height: 1em;
		color: #fff
		}	
		
		.whiteText10 {
		font: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 400;
		line-height: 1em;
		color: #fff
		}
			
			.whiteText12 {
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 400;
		line-height: 1em;
		color: #fff
		}
				
	#HPBodyLeft {
		width: 235px;
		height: auto;
		float: left;
		padding: 0 5px 0 5px
	}
		
		#HPBodyLeft h1 {
		margin: 0;
		font-family: Arial;
		font-size:30px;
		font-weight:400;
		text-align: center;
		line-height: 1em;
		color: #fff
		}
		
		#HPBodyLeft h2 {
		margin: 0;
		font-family:  Arial;
		font-size:12px;
		font-weight:400;
		line-height: 1em;
		color: #fff
		}
		
		#HPBodyLeft h3 {
		margin-top: 10px;
		font-family:  Helvetica;
		font-size:40px;
		font-weight:800;
		line-height: 1em;
		color: #FF9900
		}
		
A.left:link    {font-family: arial,helvetica; font-weight:400; color: #ff9900; font-size: 12px; text-decoration: none;}

A.left:visited {font-family: arial,helvetica; font-weight:400; color: #ff9900; font-size: 12px; text-decoration: none;}

A.left:active  {font-family: arial,helvetica; font-weight:400; color: #ff9900; font-size: 12px; text-decoration: none;}

A.left:hover   {font-family: arial,helvetica; font-weight:400; color: #000000; font-size: 12px; text-decoration: underline;}
		
		#HPBodyMid {
		width: 362px;
		height: auto;
		float: left;
		padding: 0 5px 0 5px
	}
	
	#HPBodyMid h1 {
		margin: 0;
		font-family:  Arial;
		font-size:12px;
		font-weight:400;
		text-align: left;
		line-height: 1em;
		color: #fff
		}	
	
	
	
	#HPBodyRight {
		width: 193px;
		height: auto;
		float: left;
		padding: 0 5px 0 5px
	}
	
#HPBodyRight h1 {
		margin: 0;
		font-family:  Arial;
		font-size:16px;
		font-weight:400;
		text-align: left;
		line-height: 1.5em;
		color: #fff
		}	
	
	#HPBodyRight li {
		margin: 0;
		padding: 0;
		font-family: verdana;
		font-weight:400; 
		color: #fff;
		font-size:12px;
		
		}
	
    
		.whiteText16 {
		font: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 800;
		line-height: 1em;
		color: #fff
		}
		
A.HPfooter:link    {font-family: arial,helvetica; font-weight:400; color: #fff; font-size: 10px; text-decoration: none;}

A.HPfooter:visited {font-family: arial,helvetica; font-weight:400; color: #fff; font-size: 10px; text-decoration: none;}

A.HPfooter:active  {font-family: arial,helvetica; font-weight:400; color: #fff; font-size: 10px; text-decoration: none;}

A.HPfooter:hover   {font-family: arial,helvetica; font-weight:400; color: #000000; font-size: 10px; text-decoration: underline;}

A.content:link    {font-family: arial,helvetica; font-weight:800; color: #5F7C9E; font-size: 16px; text-decoration: none;}

A.content:visited {font-family: arial,helvetica; font-weight:800; color: #5F7C9E; font-size: 16px; text-decoration: none;}

A.content:active  {font-family: arial,helvetica; font-weight:800; color: #000000; font-size: 16px; text-decoration: none;}

A.content:hover   {font-family: arial,helvetica; font-weight:800; color: #000000; font-size: 16px; text-decoration: underline;}


	#footerHPTextBox2 {
	margin: 0 0 0 300px;
	width: 500px;
	
	}

		#vvlogo {
		background: url(images url(../images/vvLogo.gif)  no-repeat;
		width: 105px;
		height: 67px;
		float: left;
		margin: 0px  0px 0px 110px;
		}
				
		#contentContainer {
		width: 900px;
		height: auto;
		float: left;
		margin-top: 10px;
		margin-left: 0px;
		}
			
		
		
		
		
		
		
		#sideContentTest {
		float: left;
		width: 146px;
		height: 600px;
		background-color:#0000FF;
		margin: 9px 0px 30px 30px;
		padding: 0px 0px 0px 0px;
		}
		
		
		
		#sideContentRightTest {
		float: right;
		width: 627px;
		height: 600px;
		background-color:#FFFFFF;
		
		margin: 9px 0 0 0px;
		padding: 0px 20px 0px 0px;
		}
		
		
		
		
		
		
		
		
	/*	
	#primaryContent {
		
		width: 935px;
		margin: 0px 0 0px 20px;
		padding: 2px 0px 0px 0px;
		background: #fff  url(../images/bg_body.jpg) 
		}		
		
		#primaryContentFAQ {
		
		width: 935px;
		margin: 0px 0 0px 20px;
		padding: 2px 0px 0px 0px;
		background: #fff  url(../images/bg_faq.jpg) 
		}		
		
		#innerContent {
		width: 935px;
		background: #fff  url(../images/bg_body.jpg)
		}
		
		#mainContentFAQ {
		width: 905px;
		padding:  40px 10px 0px 20px;
		background: #fff url(../images/bg_faq.jpg)
		}
		
		#mainContentAwards {
		width: 905px;
		padding:  40px 10px 0px 20px;
		background: #fff url(../images/bg_faq.jpg)
		}
		
		#innerWrapperAwards {
		width: 865px;
		margin: 0 auto;
		padding: 0 0px 0px 0px;
		}
		
		#twoColLayoutAwards {
		float: left;
		width:145px;
		margin: 0 0 0 0;
		}
		
		#secondaryContentAwards  {
		float: left;
		width: 640px;
		margin: 0  0 0 65px ;
		}
		
	
		
		#mainContentGallery {
		width: 885px;
		padding:  30px 10px 0px 40px;
		background: #fff url(../images/bg_faq.jpg)
		}
		
		#mainContentAwards h1 {
		margin: 0;
		padding-left: 1px;
		font-family:"Times New Roman", Times, serif;
		font-size:44px;
		line-height: 1em;
		font-weight:800;
		color: #5D0607
		}
		
		#mainContentAwards h2 {
		margin: 0;
		padding-left: 1px;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		line-height: 1em;
		font-weight:800;
		color: #5D0607
		}
		
		#mainContentAwards h3 {
		margin: 0;
		padding-left: 1px;
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		line-height: 1em;
		font-weight:800;
		color: #5D0607
		}
		
		#mainContentGallery h1 {
		margin: 0;
		padding-left: 1px;
		font-family:"Times New Roman", Times, serif;
		font-size:24px;
		font-weight:800;
		text-align: left;
		color: #5D0607
		}
		
		#mainContentFAQ h1 {
		margin: 0;
		padding-left: 20px;
		font-family:"Times New Roman", Times, serif;
		font-size:24px;
		font-weight:800;
		text-align: center;
		line-height: 1em;
		color: #5D0607
		}
		
		#mainContentFAQ h2 {
		margin: 0;
		padding-left: 20px;
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		font-weight:800;
		text-align: center;
		line-height: 1em;
		color: #5D0607
		}
		
		#mainContentFAQ h3 {
		margin: 0;
		padding-left: 20px;
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		font-weight:800;
		text-align: left;
		line-height: 1em;
		color: #5D0607
		}
		
		#mainContentFAQ h4 {
		margin: 0;
		padding-left: 20px;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		font-weight:800;
		text-align: left;
		line-height: 1em;
		color: #5D0607
		}
		
		
		#leftContent {
		width: 437px;
		height: 586px;
		float: left;
		padding:  100px 10px 0px 20px;
		background: #fff url(../images/bg_leftContent.jpg)
		}
		
		#leftContentHistory {
		width: 437px;
		height: 675px;
		float: left;
		padding:  15px 10px 0px 20px;
		background: #fff url(../images/bg_leftContent.jpg)
		}
		
		#rightContent {
		width: 438px;
		height: 590px;
		float: right;
		position: relative;
		padding: 100px 10px 0px 20px;
		margin: 0px 0px 0px 0px;
		background: #fff url(../images/bg_rightContent.jpg)
		}
		
		#rightContentHistory {
		width: 438px;
		height: 630px;
		float: right;
		position: relative;
		padding: 60px 10px 0px 20px;
		margin: 0px 0px 0px 0px;
		background: #fff url(../images/bg_rightContent.jpg)
		}
		
		#leftContCollection {
		width: 390px;
		height: 680px;
		float: left;
		padding:  10px 10px 0px 20px;
		background: #fff url(../images/bg_leftCollection.jpg)
		}
		
		#rightContCollection {
		width: 495px;
		height: 670px;
		float: right;
		position: relative;
		padding: 20px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		background: #fff url(../images/bg_rightCollection.jpg)
		}
		
		#leftContServices {
		width: 351px;
		height: 870px;
		float: left;
		padding:  30px 0px 0px 50px;
		background: #fff url(../images/bg_leftServices.jpg)
		}
		
		#leftContServices h1 {
		margin: 0;
		padding-left: 20px;
		font-family:"Times New Roman", Times, serif;
		font-size:24px;
		font-weight:800;
		color: #5D0607
		}
		
		#leftContServices ul {
		margin: 0;
		padding-left: 60px;
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		font-weight:800;
		line-height: 1em;
		color: #5D0607
		}
		
		#rightContServices {
		width: 534px;
		height: 847px;
		float: right;
		position: relative;
		padding: 53px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: #fff url(../images/bg_rightServices.jpg)
		}
		
		
		#footer {
		clear: both;
		background: url(../images/brown_spacer.gif) no-repeat ;
		width: 895px;
		height: 2px;
		margin: 0 0 0 20px;
		padding-left: 40px;
		padding-bottom: 40px;
		}
		
		#leftside {
		
		width: 121px;
		height: 400px;
		float: left;
		background: #5B5F79 url(images/spacer_leftside.gif);
		}
		
			#pic1 {
		background: url(../images/homepageCenter.jpg) no-repeat;
		width: 747px;
		height: 458px;
		margin: 0px 0 0 0px;
		padding-bottom: 10px
		}
		
		
		
		#secondaryContent {
		float: left;
		width: 39px;
		margin: 0 0 0px 0px;
		}
		
		
		
		#innerSidePContent {
		float: left;
		width: 244px;
		height: 300px;
		background: #FFFFFF
		margin: 0px 0 0 0px;
		}
		
			#innerPContent {
		float: left;
		width: 244px;
		height: 300px;
		background: #FFFFFF;
		margin: 0px 0 0 0px;
		}
		
		
		
		#innerSecondaryPContent {
		float: left;
		width: 244px;
		height: 300px;
		background: #FFFFFF;
		margin: 0;
		}
		
		#innerRightGutter {
		width: 52px;
		height: 300px;
		float: left;
		}
		
		
		#containerRow3 {
		width: 790px;
		height: 400px;
		background-color: fff;
		 }
		
	
		#inner3PContent {
			width: 382px;
			height: 200px;
			float: left;
			background-color: fff;
			margin: 0 0 0 18px;
			}
			
			
			
			#inner3SecondaryPC {
			 	width: 200px;
				height: 100px;
				background-color: fff;
				float: left;
				margin: 20px 0 0 100px;
				}
				
				#inner3GutterRight {
				width: 50px;
				height: auto;
				background-color: fff;
				float: left;
				margin: 0 0 0 0px;
				}
				
			
			
			
				
			
		
		.teaser1 {
		background: #FFFFFF url(images/hp_teaserTitle_saveMoney.jpg) no-repeat;
		width: 232px;
		height: 21px;
		margin: 20px 0 0 12px;
		}
		
		.teaser2 {
		background: #FFFFFF url(images/hp_teaserTitle_questions.jpg) no-repeat;
		width: 232px;
		height: 21px;
		margin: 20px 0 0 12px;
		}
		
		.teaser3 {
		background: #FFFFFF url(images/hp_teaserTitle_results.jpg) no-repeat;
		width: 232px;
		height: 21px;
		margin: 20px 0 0 12px;
		}
		
		#pic {
		width: 232px;
		height: 167px;
		position: relative;
		}
		
		
		
		
		
	
		
		
		
		#bottom {
		background: url(images/hp_bottom.jpg)  no-repeat;
		width: 790px;
		height: 12px;
		float: left;
		
		}
		
		#picArrow {
		background: #FFFFFF url(images/arrow.gif) no-repeat;
		width: 49px;
		height: 15px;
		margin: 6px 0 0 12px;
		
		}
		
	
	#grayLine  {
		width: 774px;
		height: 40px;
		float: left;
		background: #FFFFFF url(images/hp_hr.gif) no-repeat;
		margin: 20px 0 0 16px;
		}
		
		
		
		
		
		
		
		
		
		
			.box p {
		padding: 0 20px 10px 20px;
		}
	
	.box {
	width: 20em;
	background: #B4B4BE url(images/button_off_botL.gif) no-repeat left bottom;
	}
	
	.box-outer {
	background: url(images/button_off_botR.gif)	 no-repeat right bottom;
	padding-bottom: inherit
	}
	
	.box-inner {
	background: url(images/button_off_topL.gif) no-repeat left top;
	}
	
	.box h2 { 
	background: url(images/button_off_topR.gif) no-repeat right top;
	padding-top: 5%;
	}
	 
	.box h2, .box p {
	padding-left: 5%;
	padding-right: 5%;
	}  */	
	
	
		
	/*	
	#nav {
		
		width: 790px;
		margin: 0px;
		padding: 0px 0 0 0px;
		list-style: none;
		background-color:#FFFFFF
		
		
		}
		
	#nav li {
		float: left;
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande" , sans-serif;
		font-weight:800; 
		color: #000000;
		font-size:14px;
		
		}
		
	#nav a {
			
			display: block;
			margin: 0;
			padding: 28px 8px;
			color: #000;
			text-decoration: none;
			border: 1px solid #FFFFFF;
			background: url(images/topnav_off.gif) repeat-x top left;
			}
			
	#nav a:hover, body#home #t-home a, body#about #t-about a, body#programs #t-programs a, body#stopf 		    #t-stopf a, body#save #t-save a, body#faqs #t-faqs a, body#results #t-results a, body#contact #t-contact a
		{
	
		font-weight:800; 
		color: #fff;
		font-size:14px;
		text-decoration: underline;
		padding-bottom: none;
		border-color: #FFFFFF;
		background:  url(images/topnav_on.gif) repeat-x top left;
		}
		
		
		#rightside {
		width: 113px;
		height: 400px;
		float: right;
		background: #5B5F79 url(images/spacer_rightside.gif);
		}
		
	#hpCenter {
	float: left;
	background: #fff url(images/bg_hp_center.jpg);
	margin-top: 23px;
	margin-left: 26px;
	height: 300px;
	width: 381px;
	}
			
	#hpCenterRt {
	float: left;
	background: #fff url(images/bg_hp_centerRt.gif) no-repeat;
	margin-top: 23px;
	margin-left: 0px;
	height: 300px;
	width: 336px;
	padding: 0px 0px 0px 0px;

	}
	
	.darkBrownText28 {
		font-family: "Times New Roman", Times, serif;
		font-weight:800;
		font-size:28px;
		line-height: 1em;
		padding-left: 0px;
		color: #5D0607
}
	
	.darkBrownText24 {
		font-family: "Times New Roman", Times, serif;
		font-weight:800;
		font-size:24px;
		line-height: 1em;
		padding-left: 0px;
		color: #5D0607
}

.darkBrownText18 {
		font-family: "Times New Roman", Times, serif;
		font-weight:800;
		font-size:18px;
		line-height: 1em;
		padding-left: 0px;
		color: #5D0607
}

.darkBrownText14 {
		font-family: "Times New Roman", Times, serif;
		font-weight:800;
		font-size:14px;
		line-height: 1em;
		padding-left: 0px;
		color: #5D0607
}

.darkBrown14I {
		font-family: "Times New Roman", Times, serif;
		font-weight:800;
		font-size:14px;
		font-style: italic;
		line-height: 1em;
		padding-left: 0px;
		color: #5D0607
}



.blackText10 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 800;
		font-size:10px;
		color: #000000;
}

	.blackText12 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight:600;
		font-size:12px;
		color: #000
}

.darkPinkText18 {
		font-family: "Lucida Grande" , sans-serif;
		font-weight:800;
		font-size:18px;
		line-height: 1em;
		padding-left: 0px;
		color: #CC3366
}	
		
		.pinkText14 {
		font-family: "Lucida Grande" , sans-serif;
		font-weight:400;
		font-size:14px;
		font-style: italic;
		line-height: 1em;
		padding-left: 0px;
		color: #CC3366
}	

.pinkText18 {
		font-family: "Lucida Grande" , sans-serif;
		font-weight:400;
		font-size:18px;
		font-style: italic;
		line-height: 1em;
		padding-left: 0px;
		color: #CC3366
}	
				
	

.darkPurpleText20 {
		font-family: "Lucida Grande" , sans-serif;
		font-weight:800;
		font-size:20px;
		line-height: 0;
		margin-left: 170px;
		color: #4C3088
}

.goldText20 {
		font-family: "Lucida Grande" , sans-serif;
		font-weight:800;
		font-size:20px;
		line-height: 0;
		margin-left: 170px;
		color: #C69231
}

.liteBlueText20 {
		font-family: "Lucida Grande" , sans-serif;
		font-weight:800;
		font-size:20px;
		line-height: 0;
		margin-left: 170px;
		color: #3C88AC
}

.grayText12 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 800;
		font-size:12px;
		color: #484C3D;
}

.oliveText12 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 800;
		font-size:12px;
		color: #788F41;
}





	#copy  { 
	text-align:left;
	margin-left: 12px
	}
	
	
	
	
	.goldText10 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 800;
		font-size:10px;
		color: #C69231;
}

.liteBlueText10 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 800;
		font-size:10px;
		color: #3C88AC;
}

	




.blackText14 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight:800;
		font-size:14px;
		color: #000
}


A.bottom:link    {font-family: arial,helvetica; font-weight:800; color: #5B5F79; font-size: 10px; text-decoration: none;}

A.bottom:visited {font-family: arial,helvetica; font-weight:800; color: #221F29; font-size: 10px; text-decoration: none;}

A.bottom:active  {font-family: arial,helvetica; font-weight:800; color: #5B5F79; font-size: 10px; text-decoration: none;}

A.bottom:hover   {font-family: arial,helvetica; font-weight:800; color: #221F29; font-size: 10px; text-decoration: underline;}
		


A.content14:link    {font-family: "Times New Roman", Times, serif; font-weight:800; color: #000000; font-size: 14px; text-decoration: none;}

A.content14:visited {font-family: "Times New Roman", Times, serif; font-weight:800; color: #000000; font-size: 14px; text-decoration: none;}

A.content14:active  {font-family: "Times New Roman", Times, serif; font-weight:800; color: #5D0607; font-size: 14px; text-decoration: none;}

A.content14:hover   {font-family: "Times New Roman", Times, serif; font-weight:800; color: #5D0607; font-size: 14px; text-decoration: underline;}
		
	

	
	
	
	
	
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}

acronym {
	border-bottom: none;
	}


/* specific divs */

/*

#topNav { 
	min-width: 874px;
	max-height: 114px;
	}
	
	#topNav h1 {
	background: transparent url('images/topNavLeft.jpg') no-repeat top left; 
	margin-top: 0px; 
	width: 286px; 
	height: 114px; 
	float: left;
	}
	div.outer {
	float: left;
	width: 98px; height: 114px;
	margin: 0 0px 0 0;
	background: url( 'images/topNav_bg.jpg' ) 0 -136px no-repeat;
	}
	div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 16px/1 Tahoma, serif;
	color:#fff;
	text-decoration: none;
	background: url('images/topNav_bg.jpg' ) top left no-repeat;
	}
	div.outer span {
	display: block;
	margin:0; padding: 58px 0 0 0px;
	text-align:center
	}
	div.outer a:hover {
	background-image: none;
	color: #C9C2B2;
	}
	div.outer a:active {
	color: black;
	}
	
	
	
	
	

.buttonHome {
 		background-image: url(images/topHome_off.jpg); 
		margin-left: 286px;
		width:59px; height:114px;
		
}
.buttonHome:hover {
		background-image: url(images/topHome_on.jpg);
		margin-left: 286px; 
		width:59px; height:114px;
}
.buttonHome a {
		display:block;
		margin-left: 286px;
		width:59px; height:114px;	
}
	
	.buttonAbout {
 		background-image: url(images/topAbout_off.jpg); 
		margin-top: 0px; 
		margin-left: 345px;
		width:82px; height:114px;
		float: left;
		
}
.buttonAbout:hover {
		background-image: url(images/topAbout_on.jpg);
		margin-top: 0px; 
		margin-left: 345px; 
		width:82px; height:114px;
		float: left;
}
.buttonAbout a {
		display:block;
		margin-top: 0px; 
		margin-left: 345px;
		width:82px; height:114px;	
		float: left;
}

#intro { 
	min-width: 470px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

/*
#pageHeader h1 { 
	background: transparent url(h1.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}
#pageHeader h2 span {
	display:none
	}
#pageHeader {
	padding-top: 20px;
}

#quickSummary {
	clear:both; 
	margin: 20px 120px 20px 10px; 
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}

#preamble {
	clear: right; 
	padding: 0px 120px 0 10px;
	}
#supportingText {	
	padding-left: 10px; 
	margin: 20px 120px 20px 10px; 
	
	}

#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0; 
	right: 0;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	background: transparent url(h3.gif) no-repeat top left; 
	margin: 10px 0 5px 0; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(h5.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(h6.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 0;
	padding: 0;
	}
#linkList li {
	line-height: 2.5ex; 
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link {
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}


#extraDiv1 {
	background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0; 
	width: 148px; 
	height: 110px;
	}
.accesskey {
	text-decoration: underline;
	}