body

{

	font: 100% Verdana, Arial, Tahoma, Helvetica, sans-serif;

	margin: 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: #000000;

	font-size: .9em;

}

.twoColFixLtHdr #container

{

	width: 780px;

	margin: 24px auto 0 auto;

	text-align: left;

	/* this overrides the text-align: center on the body element. */

	border: 2px #670001 solid;

	background-color: transparent;

} 

.twoColFixLtHdr #banner_container

{

	width: 780px;

	margin: 0px auto 0 auto;

	text-align: left;

	/* this overrides the text-align: center on the body element. */

	background-color: #eeeab4;

	border-bottom: 1px #670001 solid;

}



.twoColFixLtHdr #header { 

	background: #eeeab4; 

	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

} 

.twoColFixLtHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}







/* -- side bar styles -- */

.twoColFixLtHdr #sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 130px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	/*background: #00FFFF; /* the background color will be displayed for the length of the content in the column, but no further */

	/*padding: 15px 10px 15px 20px;*/

	color: #000000;

	font-size: .90em;

	height: auto;

	background-color:#981a2c;





}







/* -- sidenav styles here --*/

	

/* under layer */

ul#mainnav

{

	list-style: none;

	margin: 0;

	padding: 0;

	display: block;

}



/* top layer */

ul#mainnav li a:link, ul#mainnav li a:visited

{

	text-decoration: none;

	display: block;

	background-color: #981a2c;

	color: #ffffff;

	padding: 3px;

}



/* top layer */

ul#mainnav li

{

	padding: 3px;

	display: block;

	border-color: #ffffff;

	border-width: 1px;

	border-style: solid none none none;

	font-weight: normal;

}



/* top layer hover color*/

ul#mainnav li a:hover

{

	background-color: #ffffff;

	color: #670001;

	padding: 3px;

	display: block;

}







/* -----  subnav links added here ----------- */



/* Sets subnav list nav links */

ul#mainnav ul.subnav

{

	background-color: transparent;

	margin-left: 1px;

	padding-left: 0px;

	list-style: circle;

	color: white;

	border-style: none;

	font-weight:normal;

}



/* ----- this style controls left edge of subnav list --*/

ul#mainnav ul.subnav li

{

	background-color: transparent;

	font-size: 10px;

	padding: 0 0 2px 9px;

	line-height: 12px;

	list-style: circle;

	border-style: none;

}



/* Sets color for subnav list nav links */

ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited

{

	font-size: 12px;

	color: #670001;

	background-color: transparent;

	display: block;

	font-weight: normal;

	border-style: none;

	list-style: circle;

}



/* Sets hover color for subnav list nav links */

ul#mainnav ul.subnav li a:hover

{

	color: #000000;

	background-color: #FFFFFF;

	border-style: none;

}



/* end subnav here */











/*-- main content styles --*/

.twoColFixLtHdr #mainContent

{

	margin: 0 0 0 130px;

	/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 20px 0 20px;

	background-color: #FFFFFF;	/* remember that padding is the space inside the div box and margin is the space outside the div box */

} 





.twoColFixLtHdr #mainContent h1

{font-size:30px; font-weight:normal;color:#670001;}



.twoColFixLtHdr #mainContent h2

{font-size:18px;font-weight:normal;color:#670001;}



.twoColFixLtHdr #mainContent h3

{font-size:16px;font-weight:normal;color:#670001;}



.twoColFixLtHdr #mainContent h4

{font-size:14px;font-weight:normal;color:#670001;}



/*-- main footer styles --*/







.twoColFixLtHdr #footer

{

	padding: 0 10px 0 20px;

	/* this padding matches the left alignment of the elements in the divs that appear above it. */

	background-color: #eeeab4;

	font-size: 0.9em;

	border-top: 1px #670001 solid;

	height: 170px;

} 

.twoColFixLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}





.twoColFixLtHdr #footer .footerAddress

{

	margin: 0;

	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0;

	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	text-align: center;

}



.twoColFixLtHdr #footer .modDate

{

	margin: 0;

	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0;

	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	text-align: center;

	font-size:9px;

}


.twoColFixLtHdr #footer .creditLine

{

	margin: 0;

	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0;

	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	text-align: center;

	font-size:9px;

}





.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.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 a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.pullQuotes {

	font-weight:bold;

	font-style:italic;

	line-height:130%;

	font-size: 1.50em;

	color:#670001;

}



#slideShow {

	height:230px;

	width:602px;

	border-color: #FFFFFF;

	border-width: 1px;

	border-style: solid;



}

.slideCaption { padding: 4px; }



#slidecaptionBlock

{

	color:#000000;

	background-color:#FFFFFF;

	/*border-width: 1px;

	border-style: solid;*/

	

} 



.slideCaptionhead {font-size:14px; line-height:18px; font-weight:bold; font-style:italic; color:#8B242A;}



.slideCaption {font-size:12px; line-height:16px;}









.rightPhotos

{

	float: right;

	padding-left: 6px;

	border-color: white;

	border-width: 6px;

	border-style: solid;

}



leftPhoto

{

	float: left;

	padding-left: 6px;

	border-color: white;

	border-width: 6px;

	border-style: solid;
	padding-top: 12px;

}



.tenitalic

{

	font-size:10px;

	font-style:italic;

}




.storyFloat 

{ 

float:left;
padding:12px;
font-size:12px;
line-height:130%;
border-color: #ccc;
border-width: 1px;
border-style: solid;
font-style:italic;
width:200px;


}


#storyWrap
{
	float: left;
	padding: 12px 12px 12px 0px;
	width: 220px;
}



#imageDiv
{
	background-image: url(../images/girlBlanket.jpg);
	background-repeat: no-repeat;
	width: 630px;
	height: 500px;
margin-top:0px;

	background-position: 230px;
}


.imageTextOne

{

font-size:14px;
font-style:italic;
width: 425px;

z-index:2000;

}

.imageTextTwo

{

font-size:14px;
font-style:italic;
width: 255px;

z-index:2000;

}



storyContainer { padding: 6px; }

.photoRight

{

	float: right;

	padding-left: 6px;

	border-color: white;

	border-width: 6px;

	border-style: solid;

}

.photoLeft

{

	float: left;

	padding-left: 6px;

	border-color: white;

	border-width: 6px;

	border-style: solid;

}

.cutline {font-size: 12px; line-height:130%, width:570px;}