/* CSS Document */

body {
	background-color:#f3f9e2; /*light green*/
	font-family: "Times New Roman", Times, serif;
}
#mainContainer {
	margin:0 auto;
	text-align: center;
	width: 789px;
	border: 3px solid #013800;
	background-color: #f2fcd7; /*light green, darker than body backround */
}
#contentContainer {
	width: 767px;
	border-left: 22px solid #ffba00;
	text-align:left;
}
#logo {
	width: 789px;
	height: 80px;
	background-color: #013800; /* dark green*/
}
.leftLogo {
	width: 284px;
	height: 73px;
	margin-left: 22px;
	float: left;
}
#rightLogo {
	margin: 27px 21px 0 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	float:right;
}	
#rightLogo a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
}
#rightLogo a:hover {
	background-position: 0 -25px;
}
#espanol a  {
	width: 229px;
	background: url(../images/espanol.gif) top left no-repeat;
}	
#english a  {
	width: 229px;
	background: url(../images/english.gif) top left no-repeat;
}	
#pageTitle {
	float:left;
	margin: 20px 0 0 42px;
	_margin: 20px 0 0 20px;
}
#pageTitleText {
	float:left;
	margin: 0 0 0 42px;
	_margin: 10px 0 0 20px;
}
#learnmore a  {
	width: 95px;
	background: url(../images/learnmore.gif) top right no-repeat;
}
#topImage {
	width: 767px;
	height: 149px;
}
.pageSectionDoubleColumn a:link, .pageSectionDoubleColumn a:visited, .pageSectionDoubleColumn a:hover,
.pageSectionPhotos a:link, .pageSectionPhotos a:visited, .pageSectionPhotos a:hover,
.pageSection a:link, .pageSection a:visited, .pageSection a:hover  {
	color: #192400;
	font-weight: bold;
}
		
#topNav, #topNavEsp {
	width: 752px;
	height: 23px;
	padding: 10px 0 0 15px;
	margin:0 auto;
	text-align: center;
	background-color: #ffba00;
	color: #58472D;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	_font-size: 12.5px;	
}
#topNav a:link {
	color: #58472D;
	text-decoration:none;
	padding: 0 18px 0 18px;
	font-weight:normal;
}
#topNav a:visited {
	color: #708244;
	text-decoration:none;
	padding: 0 18px 0 18px;
	font-weight:normal;
}
 #topNav a:hover {
	color: #58472D;
	text-decoration:none;
	padding: 0 18px 0 18px;
	text-decoration: underline;
}

#topNavEsp a:link {
	color: #58472D;
	text-decoration:none;
	padding: 0 16px 0 16px;
	font-weight:normal;
}
#topNavEsp a:visited {
	color: #708244;
	text-decoration:none;
	padding: 0 16px 0 16px;
	font-weight:normal;
}
 #topNavEsp a:hover {
	color: #58472D;
	text-decoration:none;
	padding: 0 16px 0 16px;
	text-decoration: underline;
}
#cornerLine {
	background: #f2fcd7 url(../images/corner.gif) top left no-repeat;
}
a.pagetop:link, a.pagetop:visited, a.pagetop:hover, .pagetop {
	text-decoration:none!important;
	color: #192400!important;
	font-weight: normal!important;
}	
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight:normal;
	color: #192400;
	margin: 0 0 10px 42px;
	_margin: 0 0 10px 20px;	
	padding: 10px 0 0 0;
	float:left;
}
/* SECTIONS DEFINED FOR CONTENT OF PAGE */
.dividingLine {
	width: 709px;
	margin: 0 29px 0 29px;
	padding-top: 10px;
	border-bottom: 1px dashed #7fb400;
	text-align: right;
	color: #192400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.spacerLine {
	width: 709px;
	margin: 0 29px 0 29px;

}
.pageSection {
	width: 685px;
	margin: 10px 40px 10px 42px;
}
.pageSection h2, .pageSectionPhotos h2, .pageSectionDoubleColumn h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #192400;
}
.pageSection p, .pageSection ul li {
	margin: 0 36px 0 36px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #192400;
	line-height: 18px;
}
.pageSectionPhotos {
	width: 685px;
	margin: 10px 0 10px 42px;
	display: block;
}
.pageSectionPhotos p  {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #192400;
}
.pageSectionPhotos img {
	width: 116px;
	height: 80px;
	margin: 14px 21px 14px 0;
	float: left;
}
.pageSectionPhotos img.imageHeader {
	clear:both;
	height:auto!important;
	width:auto!important;
	float:none!important;
}
.pageSectionDoubleColumn {
	width: 685px;
	margin: 10px 40px 10px 42px;
}

.pageSectionDoubleColumn p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #192400;
	line-height: 18px;	
}
.leftColumn {
	width: 306px;
	float: left;
	border-right: 1px solid #7fb400;
	padding: 0 35px 0 0;
}
.rightColumn {
	width: 305px;
	float: right;
	padding: 0 0 0 38px;
}
/* FOOTER ELEMENTS */
.footer  {
	width: 685px;
	margin: 0 40px 0 42px;
}
.footerLeft {
	width: 108px;
	float: left;
	padding: 10px 20px 0 42px;		
	margin: 0;
}
.footerRight { 
	margin: 20px 40px 10px 0;
	float:right;
	width: 580px;
	text-align:left;
	margin:0;
	padding:0;	
}
.footerRight p {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	line-height:18px;
	padding: 10px 40px 0 0;
}
.bottomline {
	border-bottom: 25px solid #ffba00;
}
#callOutRight {
	width: 348px;
	height:65px;
	float:right;	
	margin:0;
	padding:0;
	background: url(../images/oral_histories.gif) #708244 no-repeat;
}
#callOutRightButton a {
	float: right;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	margin: 23px 17px 0 0;
}
#callOutRightButton a:hover {
	background-position: 0 -25px;
}


.clearit {
	clear:both;
}		
.imageHeader {
	clear:both;
}

#gallery {
	width: 685px;
	margin: 10px 0 10px 42px;
	display: block;
}
#gallery #caption  {
	margin: 12px 10px 0 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #192400;
	width: 561px;
	float:left;
}
#gallery img {
	border: 1px solid #013800;
}
#gallery #row {
	width: 690px;
}
#gallery #navigation {
	float:right;
	width: 115px;
	height: 25px;
	margin: 10px 0 0 0;	
}
#gallery #navigation img {
	border:none;
}
a#arrowLeft {
	float:left;
    width: 27px;
    height: 25px;
    background-image: url(../images/arrowleft.gif);
}
a#arrowLeft:hover {
    background-position: 0 -25px;
}
a#homeButton {
    float:left;
	width: 61px;
    height: 25px;
    background-image: url(../images/homebutton.gif);
}
a#homeButton:hover {
    background-position: 0 -25px;
}
a#arrowRight {
	float:left;
    width: 27px;
    height: 25px;
    background-image: url(../images/arrowright.gif);
}
a#arrowRight:hover {
    background-position: 0 -25px;
}

a .alt { display: none; }